豆豆猫的窝

设计4大基本原则

2009年12月24日

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

《写给大家看的设计书》是一本普及性的设计入门书籍，它非常适合非设计专业的人员来阅读，书中没有晦涩难懂的术语，读起来很舒畅，所举的例子也很简单明了，能够非常贴切地说明了问题。

有些东西，对于我这样自学的人来说，虽然也知道应用，可是总是一个经验使然，而对原理不甚了解。看过此书，算是对自己这许多年摸索的一个总结。

这本书不是为网页设计而做，而是针对平面设计，但是设计理念是相通的，基本知识是不会过时的。

在此我摘录出书中的要点，作为笔记，如果条件允许，还是买一本来看，书里的插图很值得一看。价钱也不算贵，原价39，人邮翻译出版。

以下是对基本设计原则的概述，每一个优秀的设计中都应用了这些设计原则，它们是互相关联的，只应用某一个原则的情况很少。

对比（Contrast）

在页面上增加对比能吸引人的眼球。

对比的基本思想是——要避免页面上的元素太过相似。如果元素（字体、颜色、大小、线宽、形状、空间等）不相同，那就干脆让它们截然不同。要让页面引人注目，对比通常是最重要的一个因素，正是它能使读者首先看这个页面。

要增加有意思的对比，最容易的方法就是实现字体对比，不过不要忘记，还可以利用线、颜色、元素之间的间隔、材质等形成对比。

对比的根本目的有两方面，这两方面相辅相成，无法分开。

一个目的是增强页面的效果，另一个目的是有助于信息的组织。

对比元素不能让读者很混淆，也不能错误地强调重点（即本不该是重点的元素）。

重复（Repetition）

让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片，等等。这样一来，既能增加条理性，还可以加强统一性。例如，所有标题都设置为相同的大小和粗细。

重复的目的就是统一，并增强视觉效果。

重复有助于组织信息。这可以帮助读者浏览各个页面：它有利于将设计中单独的部分统一起来。即使在一个只有一页的文档中，重复元素也可以建立一种连续性，将文档“整个捆在一起”。

有时重复的项并不一定完全相同，而只是存在明确关联的紧密相关的对象。

重复还会为你的作品带来一种专业性和权威性。它会使读者感觉有人在负责，因为重复显然是一种经过深思熟虑的设计决策。

要避免太多地重复一个元素，重复太多会让人讨厌。要注意对比的价值。

对齐（Alignment）

任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能建立一种清晰、精巧而且清爽的外观。

如果页面上的一些项是对齐的，这会得到一个更内聚的单元。即使对齐的元素物理位置是彼此分离的，但在你眼里（以及在你的心里），它们之间也会有一条看不见的线把它们连在一起。

在页面上放其他项时，一定要确保每一项都与页面上的其他项存在某种对齐。如果文本行水平摆放，则按其基线对齐。如果有多个单独的文本块，则对齐其左边界或右边界。如果有图片元素，将其边界与页面的其他边界对齐。

绝对不要在页面上任意摆放元素。

在设计中，统一性是一个重要的概念。要让页面上的所有元素看上去统一、有联系而且彼此相关，需要在各个单独的元素之间存在某种视觉纽带。

对齐的根本目的是使页面统一而且有条理。

要避免在页面上混合使用多种文本对齐方式。

亲密性（Proximity）

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

亲密性的思想并不是说所有一切都要更靠近，其真正的含义是：如果某些元素在理解上存在关联，或者相互之间存在某种关系，那么这些元素在视觉上也应当有关联。除此之外，其他孤立的元素或元素组则不应存在亲密性。位置是否靠近可以体现出元素之间是否存在关系。

要有意识地注意您是怎样阅读的，你的视线怎样移动；从哪里开始；沿着怎样的路径；到哪里结束；读完之后，接下来看哪里？整个过程应当是一个合理的过程，有确定的开始，而且要有确定的结束。

不要仅仅因为有空白就把元素放在角落或中央。

避免一个页面上有太多孤立的元素。