《写给大家看的设计书》作者Robin Williams是世界著名的设计师、技术专家和畅销书作家。通过写书和授课，她已经影响了整整一代数字设计师。同时，作为Adobe和Mac技术社区内的偶像级专家，她拥有大批的拥戴者。
在看这本书之前曾参加过一次小型的Salon，主题是《DesignThinking》，也即设计思维。通过分享交流的形式教我们用设计的思维看待和解决问题，具体的内容记得不是很清，但是设计思维的核心记忆犹新，有五步：理解——观察——观点看法——形成概念——原形样板。
这本书所要告诉我们的“设计”总共有四个原则，这是对设计思维的一个具体阐释，通过理解这些设计原则，我们可以设计的眼光去观察他人或自己的作品，形成自己的观点看法或概念，最后来做属于自己的产出样板。
【思维导图】：
本篇只着重分享一下本书“设计原则”这一部分，其他两部分的“颜色运用”和“字体设计”有太多图片的模块局限，大家有兴趣的可以买纸质书来阅读，本文就第一部分做一些提炼和概括，并简单结合自己在设计中的运用分享一些“干货”。
设计所涉及的领域很广，从时间维度来看，从以往的报纸报刊到如今的网站网页，从古时的“欲寄彩笺兼尺素”到现在信封邮件，精心的设计总能博得我们的青睐和好感。我们首先来看书中介绍的设计四项原则。
设计原则一：亲密性
亲密性的思想并不是说所有一切都要更靠近，其真正的含义是：如果某些元素在理解上存在关联，或者相互之间存在某种关系，那么这些元素在视觉上也应当有关联。
【先来看一张卡片】☟：
我们可以看到上面一些苏州科技大学的基本信息，简单测试一下，你的眼睛在这个页面上需要停留几次才能看全信息呢？
【再看下面我经过简单排版之后的】☟：
感受如何？和上面的那张卡片相比获取信息的效率是不是提高了很多？仅仅是将相近的信息放到了一块，这当然是”亲密性原则“使用的冰山一角，这还需要你的发现和探索。
根本目的
亲密性的根本目的是实现组织性。
如何实现
统计你的眼睛停顿的次数来数一数页面上有多少个元素。如果页面上的项超过3～5个（当然，这取决于具体情况），就要看看哪些孤立的元素可以归在一组建立更近的亲密性，使之成为一个视觉单元。
要避免的问题
不要仅仅因为有空白就把元素放在角落或中央。避免一个页面上有太多孤立的元素。 不要在元素之间留出同样大小的空白，除非各组同属于一个子集。在有很近亲密性的元素之间建立关系。 不同属一组的元素之间不要建立关系！如果元素彼此无关，要把它们分开。
设计原则二：对齐
Robin对齐原则是指：“任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系”
还是用刚才的那张卡片——利用对齐原则☟：
在使用”对齐“时一定要坚持一个原则：页面上只使用一种文本对齐：所有文本都左对齐，或右对齐，或者全部居中。
任何元素都不能在页面上随意摆放。每个元素应当与页面上的另外一个元素存在某种视觉联系。 在设计中，统一性是一个重要的概念。要让页面上的所有元素看上去统一、有联系而且彼此相关，需要在各个单独的元素之间存在某种视觉纽带。
根本目的
对齐的根本目的是使页面统一而且有条理。
如何实现
要特别注意元素放在哪里。应当总能在页面上找出与之对齐的元素，尽管这两个对象的物理位置可能相距很远。
要避免的问题
要避免在页面上混合使用多种文本对齐方式（也就是说，不要将某些文本居中，而另外一些文本右对齐）。
设计原则三：重复
可以重复颜色、形状、材质、空间关系、线宽、字体
Robin重复原则指出，“设计的某些方面需要在整个作品中重复”。重复元素可能是一种粗字体、一条粗线，某个项目符号、颜色、设计要素，某种格式、空间关系等。读者能看到的任何方面都可以作为重复元素。 设计中视觉元素的重复可以将作品中的各部分连在一起，从而统一并增强整个作品，否则这些部分只是彼此孤立的单元。
读到信息的末尾时，现在你的视线会向哪里移？它会在粗体元素之间来回跳吗？可能会，这正是重复的主旨，它能把整个作品联系在一起，提供统一性。
小测试☞：通过观察你能看到有几种元素的重复呢？
根本目的
重复的目的就是统一，并增强视觉效果。不要低估页面视觉效果的威力，如果一个作品看起来很有趣，它往往也更易于阅读。
如何实现
重复可以认为是保持一致性，现在，需要把现有的一致性更向前推进一步。
要避免的问题
要避免太多地重复一个元素，重复太多会让人讨厌。要注意对比的价值。
设计原则四：对比
这个世界上所有特性都依赖于比较才能显现。如果没有比较，则根本没有存在的前提。
——Herman Melville
对比（Contrast）对比的基本思想是，要避免页面上的元素太过相似。如果元素（字体、颜色、大小、线宽、形状、空间等）不相同，那就干脆让它们截然不同。要让页面引人注目，对比通常是最重要的一个因素，正是它能使读者首先看这个页面。
根本目的
对比的根本目的有两方面，这两个方面相辅相成，无法分开。一个目的是增强页面的效果，如果一个页面看起来很有意思，往往更有可读性。另一个目的是有助于信息的组织。
如何实现
以通过字体选择（见下一部分）、线宽、颜色、形状、大小、空间等等来增加对比。增加对比很容易，途径有很多，这可能是增加视觉效果最有意思也最让人满意的方法了。重要的是：对比一定要强烈。
要避免的问题
不要犹豫。如果你想形成对比，就加大力度。不要将一种粗线与一种更粗的线进行对比。不要将棕色文本与黑色标题建立对比。要避免使用两种或多种类似的字体。如果各个项不完全一样，干脆让它们截然不同！
网友评论