怎么排版出迷人的高级感?教你少走10里弯路!

设计只需要记得两个要点就可以了

内容清晰明确

画面赏心悦目

通过这两个要点,从观众的逻辑,甲方的逻辑出发,可以容易地做好版式设计,也可以方便地拆解设计作品。

- 文末有精品排版福利哦 -

今天,台长给大家推荐一本书:《写给大家看的设计书》,这是出自一位世界级设计师之手,是台长放在枕边翻完后,还会经常翻的一本,对入门的设计师超友好,深入浅出,例证丰富,居家旅行必备。

书中作者对基本的设计原则加以总结概括,得出CRAP原则,即重复(Repetition)、对比(Contrast)、对齐(Alignment)、亲密性(Proximity)。将优秀设计所必须遵循的这4 个基本原则及其背后的原理通俗易懂地展现在读者面前。

以下知识点来自于

 《写给大家看的设计书》 

由台长熬夜归纳整理

01

重复

重复:视觉要素的重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片,等等。这样一来,既能增加条理性,还可以加强统一性。

▲仔细看上图,颜色重复出现,高度、宽度重复出现,间距重复出现,如果再加一个,一定还是同样的颜色、高度、宽度、间距。如果不是为了突出,我们不会引入新的元素。这就是重复。

-“重复”原则的图纸 -

台长敲黑板:   重复不只是单一元素统一,而是多元素高度统一重现,同时可预见下一刻出现的视觉元素。

应用上来说,在排版作品集去重复同一字体、颜色、页码位置,建立属于自己的秩序,这样可以让读者轻松地判别一个整体并强化。在同一作品中,不要随意出现新的元素。

简单的重复即可做到保持一致并增强视觉效果,也是设计师对美的克制!

- 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步达到基本水平,你会发现排版也没那么难吧~

- 福利时刻 -

(0)

相关推荐