怎么排版出迷人的高级感?教你少走10里弯路!
设计只需要记得两个要点就可以了
内容清晰明确
画面赏心悦目
通过这两个要点,从观众的逻辑,甲方的逻辑出发,可以容易地做好版式设计,也可以方便地拆解设计作品。
- 文末有精品排版福利哦 -
今天,台长给大家推荐一本书:《写给大家看的设计书》,这是出自一位世界级设计师之手,是台长放在枕边翻完后,还会经常翻的一本,对入门的设计师超友好,深入浅出,例证丰富,居家旅行必备。
书中作者对基本的设计原则加以总结概括,得出CRAP原则,即重复(Repetition)、对比(Contrast)、对齐(Alignment)、亲密性(Proximity)。将优秀设计所必须遵循的这4 个基本原则及其背后的原理通俗易懂地展现在读者面前。
以下知识点来自于
《写给大家看的设计书》
由台长熬夜归纳整理
重复
重复:视觉要素的重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片,等等。这样一来,既能增加条理性,还可以加强统一性。
▲仔细看上图,颜色重复出现,高度、宽度重复出现,间距重复出现,如果再加一个,一定还是同样的颜色、高度、宽度、间距。如果不是为了突出,我们不会引入新的元素。这就是重复。
-“重复”原则的图纸 -
台长敲黑板: 重复不只是单一元素统一,而是多元素高度统一重现,同时可预见下一刻出现的视觉元素。
应用上来说,在排版作品集去重复同一字体、颜色、页码位置,建立属于自己的秩序,这样可以让读者轻松地判别一个整体并强化。在同一作品中,不要随意出现新的元素。
简单的重复即可做到保持一致并增强视觉效果,也是设计师对美的克制!
- BEFORE -
根据美的第一原则——重复,对以上海报进行第一次改造。
- AFTER -
改造过程:
将繁杂花哨的元素剔除,将文字提了出来,字体全部用统一颜色的微软雅黑(新手推荐),只是扔掉了花花绿绿的视觉元素,按照重复的原则进行整顿。
好吧,你说这个普普通通,一步一步来嘛~
02
亲密性
亲密:将相关项组织在一起,使它们的物理位置相近。
相关的项将被看作凝聚为一体的一个组,而不再是一堆彼此无关的片段。
我是亲密
我是随意
我牵着你的手,我们就是好朋友~
微微眯起眼睛,统计眼睛停顿的次数来数一数页面上有多少个元素。
如果页面上的项超过 3 ~ 5 个(当然,这取决于具体情况),就要看看哪些孤立的元素可以归在一组建立更近的亲密性,使之成为一个视觉单元。
▼经过“亲密”调整后
- “亲密”原则的图纸 -
台长敲黑板: 亲密性的根本目的是实现组织性。利用亲密性原则,将相关的元素挨在一起建立更近的亲密性,实现条理性和组织性。
- BEFORE -
- AFTER -
▲疏,可跑马;密,不透风。这就是亲密
03
对比
对比:避免页面元素的太过相似,如果不同,那就请深深的不同。
有重复就一定有对比,重复是基调,对比就是焦点。重复一定要精确,对比一定要大胆。
一句话中不同部分也可以采用粗细或大小对比,强调感情强烈的部分,画面也更具感染力。
强烈的大小对比可以使目光很快地聚集到文字较大的部分。
(字体大小对比)
颜色对比,对于视觉感受的影响立竿见影,例如这张一加3手机发布会的PPT,仅仅通过颜色好像就能体会到高低温的区别。
(冷暖色调对比)
(虚实对比)
(文字与图片对比)
台长敲黑板 如果你想形成对比,不妨加大力度。对比不仅可以增强页面效果,更有助于文字的组织。可以通过大小、颜色、粗细、空间等方式,需要注意的是,对比一定要强烈。
- “对比”原则的图纸 -
04
对齐
对齐:任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系。
对齐原则要求特别小心,再不能像从前那样,只要页面上刚好有空间就把元素随意“扔”到那里。
任何元素都不能在页面上随意摆放。每个元素应当与页面上的另外一个元素存在某种视觉联系。
- 相关图纸展示 -
台长敲黑板 对于新手而言,一个页面上一种对齐方式已经足够。另外在设计页面时,使用辅助线是帮助我们对齐的一个好习惯,可以让页面统一而有条理。补充一条简单实用的对齐方法:确保任何一个元素都能在本页与另外一个元素存在着视觉联系。
- BEFORE -
- AFTER -
▲增加“对比,对齐”原则之后的海报调整
what you design is what you represent
好看永远是第一要务
让我们再回忆下设计的四大法则~CRAP原则
重复(Repetition)
对比(Contrast)
对齐(Alignment)
亲密性(Proximity)
简单4步达到基本水平,你会发现排版也没那么难吧~
- 福利时刻 -