《写给大家看的设计书》——人人都是设计师

1.初衷

只有找出问题所在，方能得出解决方案。

你是否也有过这样的经历，在做某件事的时候总觉得它哪里不对劲，但又说不清楚为什么，让你修改它的时候也不知道该从何下手。例如装修的时候、创造一些东西的时候，又或者当你想要在生活中做出一些改变时候。

针对这种情况，作者将问题限定在页面设计和排版领域进行讨论，并提出了四个清晰定义的原则。它们直指问题要害同时又简洁明了，以至于让人有种“我一直都知道可我却确从来没意识到”的感觉，而且这四种原则还可以推广到类似的问题域中发挥作用。

2.四个主要的设计原则

具体的四个设计原则如下：

亲密性：彼此相关的项应当靠近，归组在一起。

小测试：留意一下你是怎么看这张名片的？

图1  初始名片

你的眼睛会在上面的名片停留五次(有五块分割的内容)，而且大概率从中间开始(字体最粗)，之后从左上浏览到右下停止。(英语的写法是从左往右，从上到下)。

这张名片上每一项看上去都与其他任何项没有关联。这样一来，首先不清楚从哪里开始读名片，另外不知道何时才算结束。如果对这张企业名片做一点调整——把相关的元素分在一组，使它们建立更近的亲密性，看看会发生什么。

图2 应用亲密性原则调整后的图片

对齐：任何东西都不能在页面上随意安放。

每个元素都应当与页面上的另一个元素有某种视觉联系。这样能建立一种清晰、精巧而且清爽的外观。

对齐可以制造出一个安静的中心，将杂乱无章变得清晰有序。图3可见，初始名片的信息随意杂乱的摆放在何处，信息显得杂乱；应用了亲密性和居中对齐后(图4)就会主次分明且清晰了很多。

有三种对齐方式：左对齐、右对齐、居中对齐。左对齐和右对齐的都会有一条“硬”边界，这能让布局更有力度(图5)；而居中对齐由于边界线柔软，虽然看起来显得正式和庄重，但对齐的效果会被削弱，所以作者也建议慎用这种方法。

图3  初始名片的对齐线

图4  应用居中对齐原则调整后的图片

图5  应用右对齐原则调整后的图片

重复：让设计中的视觉要素在整个作品中重复出现。

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

图6在右对齐的基础上增加了粗体重复的原则，这时候我们的视线就容易在单位名和联系方式之间跳转，现在整个作品联系在了一起，并且具备了统一性。

图6  应用重复原则调整后的图片

对比：如果元素（字体、颜色、大小、线宽、形状、空间等）不相同，那就干脆让它们截然不同。

图6中对字体应用了大小的对比，这种截然不同的能够快速引起我们的注意，也确定了整个页面的视线起点。

3.这些设计原则可以做什么？

我最常用到这四个原则的场景之一是做PPT。一页中，标题和内容的大小对比，内容间的对比、对齐和亲密性；多页间，页与页的重复性等。

此外，我还试过一段时间色轮，结果发现多个主题间轮换配色会让PPT变得太花哨，反而会喧宾夺主，现在除了图表中配色会用到，我基本不太用到色轮。

字体的话，一般就固定黑体、微软雅黑、Times New Roman几种，字体中也会用到亲密性(行间距比例考虑)、对比(大小、粗细、颜色)、重复(字体要素的一致性)、对齐这几种风格。

最后，我觉得最重要的一点是通过应用这四个设计原则，把PPT的视线流向和讲述的主线内容流向一致化，这样可以让PPT自己引导读者跟随主线，从而让演讲既容易进入又清晰顺畅。

另外，在编码的时候，我们也能看到亲密性(注释与源码)、对齐、重复(命名规则)和对比(简单模块与复杂逻辑)的身影。再想想看，平时生活中是不是也有这些设计原则的例子？像亲近的人和群体、重复的日常，对比性的变化，对齐的工作时间等等。

一旦能够说出什么东西的名字，就会很容易注意到它。你就会掌握它，拥有它，让它受你所控。

现在你已经知道了这四个原则的名字，你需要做的就是行动起来，大胆尝试，并且注意它、拥有它、让它受你所控，用你的设计师之眼开始一场设计之旅吧。

注：文中图片均引用《写给大家看的设计书》。