设计的四个基本原则

image.png

《写给大家看的设计书》读书笔记

我在上一篇文章《关于网页排版和文章编辑那些事》的末尾提到一本书叫《写给大家看的设计书》（英文名 The Non-Designer's Design Book ）。这是一本实用性远大于理论性的设计书。书如其名，即使是没有受过设计专业教育的人也能从中学到非常实用的设计理念和方法。不管你是刚入行的设计狮、产品狗还是跟我一样前台端盘子的，这本书都值得你去读一读。

本书作者首先通过讲述一个小故事来阐述一个很重要的概念：

一旦你能够说出什么东西的名字，就会很容易注意到它。你就会掌握它，拥有它，使它在你的控制之中。当我们没用听说过一些设计的概念，我们就很难会注意到一个设计作品上的问题、缺漏，更不可能做出良好的设计。

细心品味这句话。

四大基本原则

1. 对比（Contrast）

对比的基本思想就是要避免页面上的元素太过相似。如果元素（字体、颜色、大小、线宽、形状、空间等）不相同，那就干脆让它们截然不同。对比能够让讯息更准确的传达，内容更容易的被找到、被记住。如果你想让对比效果更明显，就一定要大胆，不要让两种颜色看起来好像差不错又不一样。当然也不要在同一个页面使用太多种字体。

2. 重复（Repetition）

重复的目的就是“一致性”，让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、材质、空间等。这样一来既能增加条理性，又能增加统一性。

3. 对齐（Alignment）

任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能够建立一种清晰、精巧而清爽的外观，提升可读性。避免一个页面上混用多种对其模式，也就是不要有一些置左，有一些置右。尽量避免使用居中对齐，除非是比较正式、稳重的设计（别动不动就让什么都居中，有些时候居中是一种很土的对齐方式）。

4. 亲密性（Proximity）

彼此相关的项应当靠近，归组在一起。如果多个项相互之间存在很近的亲密性，它们就会成为一个视觉单元，而不是多个孤立的元素。这有助于组织信息，减少混乱，为读者提供清晰的结构。

我的感悟

Robin（本书作者）所提出的设计的四大基本原则虽然看似简单，却是其他设计理论的基础。比如单就网页的文章排版来说，遵从这四个基本原则，就完全可以做出一个比较好的页面排版效果。 所以，不论你是从事传统的平面版式设计，还是当今流行的Web设计，不论是现在还是今后，它都具有实际的指导意义。

然而知易行难，只有在平时的生活、工作和学习中多留心、多思考、多实践、多总结，才能真正领会本书的真正用心，提高一点审美品味和设计的基本能力。

如果说文章是作者和读者之间的一座桥梁，那么糟糕的排版设计就是一条独木桥，而好的排版设计是宽阔坚实的现代化大桥。我觉得，所谓好的阅读体验无外乎两点，一是内容的易读性，一是信息尽量准确无误的传达。而好的排版设计，也应该实现这两点。