写给大家看的设计书之重复原则：多元素统一重现，建立秩序

《写给大家看的设计书》

由台长熬夜归纳整理

01重复

视觉元素的频繁出现。颜色、形态、材料、空间布局、线条粗细、字体样式、尺寸以及图像等均可重复运用。通过这种方式，不仅能够提升整体的条理性，而且还能强化整体的协调一致。

仔细观察图表，可以发现颜色、高度、宽度以及间距均呈现重复现象，若继续添加，其特征必然与之前一致，即颜色、高度、宽度、间距依旧。若非为了强调或凸显，我们不会添加新的元素。此现象即我们所称的重复。

-“重复”原则的图纸 -

台长强调：重复并非仅仅是单一元素的简单重复，它涉及到多个元素的高度统一和重现，并且能够预见到即将出现的视觉元素。

在排版作品集时，应当避免重复使用相同的字体、颜色和页码位置，以此构建起独特的视觉秩序，从而使读者能够更加便捷地辨识整体风格并增强阅读体验。同时，在同一个作品集中，应避免无序地引入新的元素。

通过简洁的重复手法，我们可以实现风格的统一，并有效提升视觉效果；这更是设计师在美学追求上的一种自我约束和内敛。

- BEFORE -

根据美的第一原则——重复，对以上海报进行第一次改造。

- AFTER -

改造过程：

去除繁复的花饰，让文字本身凸显出来，选用统一的微软雅黑字体（特别适合初学者），既舍弃了五彩斑斓的视觉效果，又依照重复的规则进行了整理。

好吧，你说这个普普通通，一步一步来嘛~

02

亲密性

亲密：将相关项组织在一起，使它们的物理位置相近。

这些相关项目将被视作一个整体，形成一个统一的集合，而非孤立分散的零散部分。

我是亲密

我是随意

我牵着你的手，我们就是好朋友~

轻闭双眸，通过观察目光的停留频率，逐一计算页面中元素的个数。

当页面上的项目数量在3至5个之间时——当然，这一范围会根据实际情况有所变动——需要审视哪些独立的元素可以组合成一组，从而构建出更加紧密的联系，使其成为视觉上的一个整体。

经过“亲密”调整后

- “亲密”原则的图纸 -

台长强调：亲密性的核心在于促进组织结构的形成。通过运用亲密性原则，将相关元素紧密地组合在一起，可以增强它们之间的亲密关系，从而达成条理清晰和组织有序的效果。

- BEFORE -

- AFTER -

疏，可跑马；密，不透风。这就是亲密

03

对比

对比：避免页面元素的太过相似，如果不同，那就请深深的不同。

存在相似之处必然伴随着差异，相似之处构成了整体基调，而差异则成为了关注的焦点。在重复中追求精准，在对比中敢于突破。

在一句表达中，通过调整不同部分的粗细或大小对比，可以突出情感强烈的部分，从而使画面更具感染力。

强烈的大小对比可以使目光很快地聚集到文字较大的部分。

（字体大小对比）

色彩对比对视觉体验的塑造效果显著，以这张一加3手机发布会所展示的PPT为例，单凭色彩搭配，便能直观感受到温度的高低差异。

（冷暖色调对比）

（虚实对比）

（文字与图片对比）

台长强调，若要制造出鲜明的对比，不妨增强对比的强度。这种对比不仅能提升页面的视觉效果，还能对文字的编排起到促进作用。我们可以通过调整字体的大小、颜色、粗细以及间距等手段来实现对比，但必须确保对比的鲜明性。

- “对比”原则的图纸 -

04

对齐

页面上的一切元素都必须保持整齐排列，不得任意摆放。每个元素都必须与页面上的其他内容建立起某种视觉上的关联。

对齐的准则需要我们格外谨慎，不能再像以往那样，仅仅因为页面上有足够的空间，就将元素随意放置。

页面上任何元素都不得随意放置，必须确保每个元素与页面上的其他元素建立起某种视觉上的关联。

- 相关图纸展示 -

台长强调，对于新手来说，一个页面采用一种对齐方式就足够了。此外，在设计过程中，养成使用辅助线的习惯对对齐大有裨益，它能使得页面显得整齐有序。再补充一个简单实用的对齐技巧：确保页面上的每个元素都能与另一个元素形成视觉上的关联。

- BEFORE -

- AFTER -

增加“对比，对齐”原则之后的海报调整

你所设计的，正是你所展现的。

好看永远是第一要务

让我们再回忆下设计的四大法则~CRAP原则

重复（Repetition）

对比（Contrast）

对齐（Alignment）

亲密性（Proximity）

简单4步达到基本水平，你会发现排版也没那么难吧~

- 福利时刻 -

获取方式

在【设计气象台X】公众号

继续浏览有关 设计原则排版技巧 的文章