CHY TALK 本期内容由CHY柒设计视觉部副总监——吴超轩先生，为我们揭开「版式的秘密」。

○●以下为 CHY TALK 内容节选。

当看到图示PPT，一开始感觉还不错——目录整齐，章节图文结构清晰。

但你有没有注意到后面的三张——就好像一个妈生的三胞胎，反而失去了一眼惊艳的好感度。

排版是每一个设计师入门的知识。

俗话说“三分画七分裱”，再好的设计能展示出来才算数。

今天和大家分享一些排版法则，让大家可以在注意力争夺战的当下，即便并非天赋异禀，也能轻松取胜——

○●

对比

艾美奖设计师、Blind公司创始人Chris Do说：“contact is king（对比至上）”。

常用的对比有形状对比、颜色对比、字体对比、大小对比等。好的对比，可以在页面上引导用户的视觉，并且制造焦点。

当图文字信息较多，可以将整理好的文案运用色彩、大小字体、粗细对比，就会呈现出第三张清晰而有视觉重点的效果。

对比并不局限于同一个平面，也可以让元素有一个空间前后的对比，使之更有层次感。

○●

对齐

当多项内容对齐时，会有同一个视线起点，给阅读者心理暗示：他们存在一定的关系。

对齐有三种构图方法。

三角构图——稳定感强，但变化较少，缺少设计感。

还有两短一长、两长一短，如音轨般具有节奏感，使用频率较高。

○●

亲密

同类相近、异类相远。

亲密性原则要求同类文字在排版上让它们更加贴近。

遵循亲密性原则，有助于组织信息，为读者提供清晰的结构。

一开始的图中，图文没有直接联系，距离过近，化妆品的每一种类都紧紧地凑在一起，无法看出元素间的关系。

而使用亲密性原则将内容区分，利用距离区别亲疏，就能得到第二张信息明确的排版。

○●

重复

重复元素可以是某个项目符号，颜色、设计要素等。

有规律的重复可以产生节奏感和韵律美，但也会带来呆板、乏味等负面印象。

让元素在有序中产生变化，可以调节视觉感受。

不规则的重复让画面更动感、活泼。

如草间弥生的作品，大量的圆在不断变化中重复、延伸，有效避免了视觉的单调与平淡。

重复中的变化也会容易形成反差。

海报中不同的女孩，与左上角的主题「敏感词万岁」相呼应，特异点成为了视觉焦点。

○●

变化

变化是打破格局的好方法。

强调因素的不同，可以造成视觉上的跳跃，打破版面呆板、平淡的格局。

左图中大量的箭头重复设计中都存在变化，内容与人物很好地产生联系，整个画面生动而有趣。

右图中条线的长短、位置都在变化，让读者不会视觉疲劳。

○●

留白

留白可以控制虚实空间对比，让排版更加地透气。

巧妙的留白，可以更好地衬托主题，给人以舒适感。

在原研哉的作品中，就采用了大量的留白，少而静的视觉元素提升了作品的品质感。

实操一下，当看到下图的元素，你会想到如何排版？

可能会想到许多排版方式。

但配图本身运用了留白，内容主题上依旧是留白，将元素全部利用确实很好，但充分留白，更能传达出一种气质和态度——

留白，就是留白。

○●

视觉动线

「六法一线三审查」中的「一线」是视觉动线，包含阅读导线及视觉导线。

在阅读时，人们一般会按照从左往右，从上到下的顺序进行阅读。

而视觉导线则是控制视线在版面中移动的轨迹，往往先会被版面的主体所吸引。

图形的排版可以产生聚焦效果。如下图中首先会被黑色的51两个大字所吸引，然后会按照图形的视觉动线去看内容。

而对于下图，人们一般会先被她的目光方向所吸引，视觉主体会集中在人物的目光方向，之后再是内容。

因此在排版中，适当放大、缩小元素，会带来不同的设计效果。

而合理引导读者视线，可以有效避免产生视觉疲劳。

○●

三审查

01

重要性

当排好版后，需要排查信息按照重要性是否已经有了主次、有了归类。

左图中，文字虽然做了排版，但对比不明显，没有突出主次，显得画面信息很平均。而右图则更主次分明，更有设计感。

再看上图的对比，我们会发现左图标题更为突出，相对画面感也更加饱满。

事实上，排版不仅是解决画面美丑的问题，还应认真思考如何以更好的形式传达项目的重点。

02

呼吸性

人们常说画面的「呼吸」，其实就是在保证排版设计的同时，在视觉上给人一种舒适通透的感觉。

虽然左图的编排趋于稳定的排版形式，但画面布局中规中矩。

相较而言，右图则更灵活有趣，呼吸性也更好。

左图的信息并没有很好地呼应主体建筑的动势，图片也有部分遮挡，让画面的动势发生损耗。

右图不仅图片与文字有了呼应（都是三角形），在空间分配上的透气性也更好。

03

整体性

一个好的页面，整体性是很重要的。

整体性是对版面的宏观把握，不论再如何刻画细节，都要去时刻审视版面的整体性。

上图中，右图的视觉感更为统一，字体和颜色都更符合画面本身的气质。

合理运用「六法一线三审查」，即便只是对画面进行略微的调整，相信也能向出色的设计迈进一大步！

○● 后续 CHY TALK 将继续分享更多精彩内容，敬请关注！

柒设计

研究、实践、不设限

TEL：17751477907

#CHY DESIGN#

关注柒设计公众号，设计动态早知道