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

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

p:大部分内容从书《写给大家看的设计书》中摘取下来，为了以后方便查看。
首先是四大基本设计原则

一.四大基本设计原则（CRAP）

**对比（Contrast）**
	对比的基本思想是，避免页面上的元素太过相似。如果元素（字体、颜色、大小、现款、形状、空间等）不相同。则干脆让他们截然不同。
**重复（Repetition）**
	让设计中的视觉元素在整个作品中重复出现。可重复颜色、形状、材质、空间关系、线宽、字体、大小、图片等等。
**对齐（Aligment）**
	任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。
**亲密性（proximity）**
	彼此相关的项应当靠近，归组在一起。如果多个项相互之间存在很近的亲密性，他们就会成为一个视觉单元，而不是多个孤立的元素。

二.认识四大原则：

1- 亲密性**

   **亲密性原则**是指：**将相关的项组织在一起**，移动这些项，使它们的物理位置相互靠近，这样一来，相关的项将被看作凝聚为一体的一个组，而不再是一堆彼此无关的片段。
	如果某些信息项或组彼此之间并无关联，这些元素就不应存在很近的亲密性（即不应靠近），这样就能为读者提供一个直观的提示，使读者马上了解页面的组织和内容。
	**物理位置的接近就意味着存在关联。**

亲密性原则小结:
如果多个项相互之间存在很近的亲密性，它们将成为一个视觉单元，而不是多个孤立的元素。彼此相关的项应当归在一组。

要避免的问题:
（1）.避免一个页面上有太多孤立的元素。
（2）.不要在元素之间留出同样大小的空白，除非各组同属于一个子集。
（3）.不同属一组的元素之间不要建立关系！如果元素彼此无关，要把它们分开。
（4）.不要仅仅因为有空白就把元素放在角落或中央。
个人感悟:
（1）.有意识的关注页面亲密性相关的项，将它们归属在一起。

2-对齐原则：

	任何元素都不能在页面上随意安放。每一项都应当与页面上的

某个内容存在某种视觉联系。

小结：
任何元素都不能在页面上随意摆放。每个元素应当与页面上的另外一个元素存在某种视觉联系。
在设计中，统一性是一个重要的概念。要让页面上的所有元素看上去统一、有联系而且彼此相关，需要在各个单独的元素之间存在某种视觉纽带。

要避免的问题：
1.要避免在页面上混合使用多种文本对齐方式（也就是说，不要将某些文本居中，而另外一些文本右对齐）。
2.另外，要着力避免居中对齐，除非你有意识地想要创建一种比较正式、稳重（通常也更乏味）的表示。并不是完全杜绝使用居中对齐，有时可以有意地选择这种对齐方式，但是不要把它作为默认选择。

个人感悟：
避开居中对齐的方式，居中对齐的方式虽然更正式、更稳重，却显得中规中矩，也乏味。可以通过充分利用亲密性，并结合明确的右对齐或左对齐，做出不同的设计。

3-重复原则

Robin重复原则指出：设计的某些方面需要在整个作品中重复。 重复元素可能是一种粗字体、一条粗线、某个项目符号、颜色、设计要素、某种格式、空间关系等。读者能看到的任何方面都可以作为重复元素。

（1）如果哪个元素引起了你的兴趣，就可以拿来用作重复元素！
（2）有时重复的项并不一定完全相同，而只是存在明确关联的紧密相关的对象。
（3）使用重复原则时，实际上还可以增加与主题没有任何关系的重复元素。只要确保，作品看起来是有意为之，而不是乱七八糟的即可。
（4）使用重复原则时，有时可以把一个元素从现在的设计中抽取出来，并根据这个元素创建一个新设计。

重复原则小结

根本目的
重复的目的就是统一，并增强视觉效果。不要低估页面视觉效果的威力，如果一个作品看起来很有趣，它往往也更易于阅读。

如何实现
（1）需要把现有的一致性更向前推进一步
（2）再看看有没有可能增加一些纯粹为建立重复而设计的元素。
（3）最初可以只是找出现有的重复，然后将其加强。熟悉了这种思想之后，再开始创建新的重复元素，来增强设计的效果并提高信息的清晰度。

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

4-对比原则

Robin对比原则指出：页面上的不同元素之间要有对比效果，达到吸引读者的对比效果。 如果两个项不完全相同，就应当使之不同，而且应当是截然不同。

在设计原则中，对比最有意思，同时效果也最为显著！

根本目的
对比的根本目的有两个，这两个目的相辅相成，无法分开。一个目的是增强页面的效果，如果一个页面看起来很有意思，往往更有可读性。另一个目的是有助于信息的组织。读者应当能立即了解信息以何种方式组织，以及从一项到另一项的逻辑流程。对比元素不能让读者混淆，也不能错误地强调重点（即本不该是重点的元素）。
如何实现
可以通过字体选择（见下一部分）、线宽、颜色、形状、大小、空间等来增加对比。增加对比很容易，途径有很多，这可能是增加视觉效果最有意思也最让人满意的方法了。重要的是：对比一定要强烈。
要避免的问题
不要犹豫。如果你想形成对比，就加大力度。不要将一种粗线与一种更粗的线进行对比。不要将棕色文本与黑色标题建立对比。要避免使用两种或多种类似的字体。如果各个项不完全一样，干脆让它们截然不同！

文章片段选于《写给大家看的设计书》，有兴趣可看正版书籍。

.