CHY TALK|版式的秘密
发布时间:2022-09-05来源:
CHY TALK 本期内容由CHY柒设计视觉部副总监——吴超轩先生,为我们揭开「版式的秘密」。
○●以下为 CHY TALK 内容节选。
当看到图示PPT,一开始感觉还不错——目录整齐,章节图文结构清晰。
但你有没有注意到后面的三张——就好像一个妈生的三胞胎,反而失去了一眼惊艳的好感度。
排版是每一个设计师入门的知识。
俗话说“三分画七分裱”,再好的设计能展示出来才算数。
今天和大家分享一些排版法则,让大家可以在注意力争夺战的当下,即便并非天赋异禀,也能轻松取胜——
○●
对比
艾美奖设计师、Blind公司创始人Chris Do说:“contact is king(对比至上)”。
常用的对比有形状对比、颜色对比、字体对比、大小对比等。好的对比,可以在页面上引导用户的视觉,并且制造焦点。
当图文字信息较多,可以将整理好的文案运用色彩、大小字体、粗细对比,就会呈现出第三张清晰而有视觉重点的效果。
对比并不局限于同一个平面,也可以让元素有一个空间前后的对比,使之更有层次感。
○●
对齐
当多项内容对齐时,会有同一个视线起点,给阅读者心理暗示:他们存在一定的关系。
对齐有三种构图方法。
三角构图——稳定感强,但变化较少,缺少设计感。
还有两短一长、两长一短,如音轨般具有节奏感,使用频率较高。
○●
亲密
同类相近、异类相远。
亲密性原则要求同类文字在排版上让它们更加贴近。
遵循亲密性原则,有助于组织信息,为读者提供清晰的结构。
一开始的图中,图文没有直接联系,距离过近,化妆品的每一种类都紧紧地凑在一起,无法看出元素间的关系。
而使用亲密性原则将内容区分,利用距离区别亲疏,就能得到第二张信息明确的排版。
○●
重复
重复元素可以是某个项目符号,颜色、设计要素等。
有规律的重复可以产生节奏感和韵律美,但也会带来呆板、乏味等负面印象。
让元素在有序中产生变化,可以调节视觉感受。
不规则的重复让画面更动感、活泼。
如草间弥生的作品,大量的圆在不断变化中重复、延伸,有效避免了视觉的单调与平淡。
重复中的变化也会容易形成反差。
海报中不同的女孩,与左上角的主题「敏感词万岁」相呼应,特异点成为了视觉焦点。
○●
变化
变化是打破格局的好方法。
强调因素的不同,可以造成视觉上的跳跃,打破版面呆板、平淡的格局。
左图中大量的箭头重复设计中都存在变化,内容与人物很好地产生联系,整个画面生动而有趣。
右图中条线的长短、位置都在变化,让读者不会视觉疲劳。
○●
留白
留白可以控制虚实空间对比,让排版更加地透气。
巧妙的留白,可以更好地衬托主题,给人以舒适感。
在原研哉的作品中,就采用了大量的留白,少而静的视觉元素提升了作品的品质感。
实操一下,当看到下图的元素,你会想到如何排版?
可能会想到许多排版方式。
但配图本身运用了留白,内容主题上依旧是留白,将元素全部利用确实很好,但充分留白,更能传达出一种气质和态度——
留白,就是留白。
○●
视觉动线
「六法一线三审查」中的「一线」是视觉动线,包含阅读导线及视觉导线。
在阅读时,人们一般会按照从左往右,从上到下的顺序进行阅读。
而视觉导线则是控制视线在版面中移动的轨迹,往往先会被版面的主体所吸引。
图形的排版可以产生聚焦效果。如下图中首先会被黑色的51两个大字所吸引,然后会按照图形的视觉动线去看内容。
而对于下图,人们一般会先被她的目光方向所吸引,视觉主体会集中在人物的目光方向,之后再是内容。
因此在排版中,适当放大、缩小元素,会带来不同的设计效果。
而合理引导读者视线,可以有效避免产生视觉疲劳。
○●
三审查
01
重要性
当排好版后,需要排查信息按照重要性是否已经有了主次、有了归类。
左图中,文字虽然做了排版,但对比不明显,没有突出主次,显得画面信息很平均。而右图则更主次分明,更有设计感。
再看上图的对比,我们会发现左图标题更为突出,相对画面感也更加饱满。
事实上,排版不仅是解决画面美丑的问题,还应认真思考如何以更好的形式传达项目的重点。
02
呼吸性
人们常说画面的「呼吸」,其实就是在保证排版设计的同时,在视觉上给人一种舒适通透的感觉。
虽然左图的编排趋于稳定的排版形式,但画面布局中规中矩。
相较而言,右图则更灵活有趣,呼吸性也更好。
左图的信息并没有很好地呼应主体建筑的动势,图片也有部分遮挡,让画面的动势发生损耗。
右图不仅图片与文字有了呼应(都是三角形),在空间分配上的透气性也更好。
03
整体性
一个好的页面,整体性是很重要的。
整体性是对版面的宏观把握,不论再如何刻画细节,都要去时刻审视版面的整体性。
上图中,右图的视觉感更为统一,字体和颜色都更符合画面本身的气质。
合理运用「六法一线三审查」,即便只是对画面进行略微的调整,相信也能向出色的设计迈进一大步!
○● 后续 CHY TALK 将继续分享更多精彩内容,敬请关注!
柒设计
研究、实践、不设限
TEL:17751477907
#CHY DESIGN#
关注柒设计公众号,设计动态早知道