详解为什么版式设计你总是没有思路

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:站酷   作者:琳琳linlin

关键词

作为一名专业的设计师,版面设计能力直接影响到该设计师水平的几个方面之一。我们很多设计朋友在临摹的优秀作品中,往往只是被作品华丽的外表吸引了,比较少去思考设计背后的秘密。那么在这里,我总结了版式设计原理的几个方面,结合一些具体例子实际操作演示,让对这块不熟悉的设计师朋友们能快速掌握版式设计。

目录

一.版式组成

二.构图平衡

三.设计原则

四.设计流程

五.案例演示

详解为什么版式设计你总是没有思路,PS教程,思缘教程网

一.版式组成

1. 主体:视觉焦点,主导着整个设计(可以是人/物/文字/图片),整个版面最吸引人的部分,相当于主角的作用。

2. 文案:对主体的辅助说明或引导,毕竟有时候我们放一只小狐狸在旁边,用户也不能准确的知道它在说什么,配角的作用。

3. 点缀元素:装饰元素,可有可无,具体根据版面需要;好的点缀元素能够渲染气氛,大部分的点缀元素遵循三角形原则,类似下图中的云朵,群演的作用。

4. 背景——可分为纯色/彩色肌理/图片/图形等。

详解为什么版式设计你总是没有思路,PS教程,思缘教程网

二.构图平衡

在设计中,平衡是实现统一的一条重要途径。如果上面所说的元素组合起来处于平衡状态,那么这个设计看起来就是统一的,就会给人一种整体印象。因此,平衡是视觉传达设计的一个重要方面。版式平衡总共有3种分类,分别是:对称平衡,非对称平衡和整体平衡。

详解为什么版式设计你总是没有思路,PS教程,思缘教程网

1.对称平衡

对称是同等同量的平衡,对称式设计是一种静态的,可预见的,讲求条理和平衡布局的设计。对称构图相对比较易于创建,特点是稳定,庄严,整齐,安宁,沉静和古典。

详解为什么版式设计你总是没有思路,PS教程,思缘教程网

2.非对称平衡

非对称在不对等的元素间创设出秩序和平衡,非对称设计由于版式不可预见,所以空间是变化的。特点是动态的,灵活的和富有活力。非对称构图比较多,常见的有以下6种形式。

详解为什么版式设计你总是没有思路,PS教程,思缘教程网

对角线构图:

文案摆放在版面的对角线方向,一方面避免了司空见惯的居中版面,一方面给中心主体留出了更多的创作空间;另外中心的图形也可以是对角线的设计,这样会让整个构图看起来比较平衡。

详解为什么版式设计你总是没有思路,PS教程,思缘教程网

发射状构图:

点缀元素围绕中心的文案或者图形发射,这样的构图会让中心的视觉容易聚焦,视觉冲击感会更强烈。

详解为什么版式设计你总是没有思路,PS教程,思缘教程网

像电商大促活动,淘宝和京东等等会经常用到使用发射性构图来营造大促活动的热闹火烈程度。

详解为什么版式设计你总是没有思路,PS教程,思缘教程网

中心构图:

这是我们最常见的构图之一,文案和主体居中页面,注意的是位于版心的主体要尽可能的出彩,利用设计技巧吸引读者的眼光,这样才能避免破平淡乏味。

详解为什么版式设计你总是没有思路,PS教程,思缘教程网

s形构图:

文案或者图形放在线条转折的地方,整体呈一个s形。另外线条的起点和重点也同样是读者容易关注的地方,可以放一些重要的信息。这样的构图灵活,有趣,而且可以引导用户沿着s形轨迹阅读信息。

详解为什么版式设计你总是没有思路,PS教程,思缘教程网

 收藏