人的平均注意力只有短短的8秒，好的视觉设计效果能够留住更多的目光。比如，它能影响人眼感知画面信息的顺序，或是对一个画面元素保持更多的关注时间。
在设计师的世界里，存在着12个视觉层次结构法则。它对于任何设计的成功，都有着至关重要的作用。
▼
仔细看，下面的对比图，能让你更快的理解这些法则。
- 01 -
排版的层次
图 | 排版层次规则对比图
比如：一张名片，除了正面的公司名称和LOGO，最突出的部分应当是持卡人的姓名，然后是职位、联系方式，以及其他信息。
- 02 -
尺寸vs比例
图 | 尺寸和比例规则对比图
把设计出来的画面，还原到真实世界中，就会得到最好的答案。图例中人与鲸的，调整后的尺寸和比例，才是我们正常认知的视觉感受。
- 03 -
颜色vs差异
图 | 颜色和差异规则对比图
如果你的设计中，需要突出群体中的个体特征，不同的色彩和形态能够帮到你。
- 04 -
间距的作用
图 | 间距规则对比图
两个元素之间的关系，通过调整适当的距离就能有微妙的变化。图例中，宇航员与月球之间在调整距离后，视觉上就产生了空间感。
- 05 -
新密度
图 | 新密度规则对比图
想要表现一个团队，新密度是一个必要的画面语言。成员之间零距离的组合，传达出一种亲密无间的伙伴关系。
- 06 -
运用负空间
图 | 负空间规则对比图
负空间设计渐渐流行起来，它能带给我们不同的视觉感，进一步影响到内心的感受。同样是两只手，利用负空间呈现出来的叠加效果，既有元素之间的层次感，又领会到更多的画面情感。
- 07 -
整齐排列
图 |排列规则对比图
整齐的画面语言，会带给我们更优质的视觉体验。元素的整齐排列，文字的大小组合、两端对齐，都是行之有效的方法。
- 08 -
安排零碎的元素
图 |安排元素规则对比图
在设计过程中，会用到多种元素。整洁、有序的元素，会带给我们舒服的感受。即使你不懂设计，也能很轻易的感受到这一点。
- 09 -
元素重叠
图 |重叠元素规则对比图
设计元素可以单独使用，也可以组合使用。如果这两种方式不能达到最佳效果，重叠排列也许能够表现出更丰富的画面层次。
- 10 -
引线构图
图 |引线构图规则对比图
在摄影作品中，常会运用到这样的构图方式。比如：通向远方天路、蜿蜒的河流……它会产生一种延伸的效果，让画面产生结构感，从而使得画面的空间更加立体。
- 11 -
三分之一规则
图 | 三分之一规则对比图
平面设计受到静态画面的限制，如果想要表现出动态感，可以尝试三分之一法则。空间与人物的层次关系，在你挪动鼠标后就产生了。
- 12 -
角 度
图 | 角度规则对比图
换个视角看世界，世界大不同。平行视觉，我们只能看到一个人及其常规的工作状态。变成俯视后，画面层次更加丰富。不但能看到工作者桌面上的内容，还可能对他的工作性质、个人喜好、兴趣爱好等产生联想。也许，这就是很多大神设计师提到的，用你的作品讲故事。
------------------
视觉层次结构法则，能够帮助设计师们创造出美观、有趣的设计。那位第一个发现视觉层次法则的设计师，想必是经历了数不清的尝试呢。所以说，成功的设计师也一定是不折不扣的实践家。
- END -
以上图片 | 来源于网络
▼
▌在这里，你将会看到：
1.设计圈新资讯
2.精彩作品解析
3.创作经验分享
4.课程亲测推荐
5.课程优惠活动
▌重要的是：
你有什么想法，或是想要看什么内容，记得直接告诉！不然，我可能会偷懒……^_^
▌关注公众号：加油设计师，每周更新！
网友评论