阅读笔记-写给大家看的设计书(第三版)

个人感悟

这本书我大概花了两天的时间就看完了。对于新手来说比较友好，讲的东西很容易就明白，设计原则也很实用。当你思维枯竭的时候翻翻这本书，总会找到灵感的。但是案例样式太过陈旧，放在现在来说并不以一定符合我们现在的审美。而且这本书关于网站设计的内容很少，主要是海报文字排版。

设计原则

亲密性、对齐、重复、对比

对比

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

要避免的问题

1. 不要用颜色、大小、粗细过太过相近的元素来做对比。
2. 要避免使用两种或多种类似的字体。

重复

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

重复案例

要避免的问题

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

对齐

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

对齐举例

要避免的问题

1. 要避免再页面上混合使用多种文本对齐方式。
2. 着力避免居中对齐（初学者不要轻易使用）。

亲密性

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

亲密性举例

要避免的问题

1. 不要因为有空白就把元素放在角落或中央。
2. 避免一个页面上有太多孤立的元素。
3. 不要再元素之间留出同样大小的空白，除非各组同属一个子集。
4. 不同属于一组的元素之间不要建立关系！如果元素彼此无关，要把他们分开。

颜色运用

色轮的基础是红、黄、蓝三种颜色。这些颜色被称为三原色。由三原色两两混合得到的颜色：绿色、紫色、橙色，这三种颜色被成为三间色。第三色则是这些颜色在色轮上过度形成的颜色。

互补

色轮上相对（即完全对立）的颜色为互补色。由于它们如此对立，所以最佳搭配是一种作为主色，另一种用于强调。

三色组

彼此等距的三种颜色通常会形成一个让人愉悦的三色组。红色、黄色、蓝色就是一种极其流行的颜色组合，儿童产品通常都采用这种组合。由于这是三基色，所以这种组合也称为基色三色组。
也可以尝试使用绿色、橙色、紫色构成的间色三色组。

分裂互补三色组

另一种形式的三色组称为分裂互补三色组。从色轮的一边选择一种颜色，再在色轮上找出它对面的互补色，不过并不直接使用这个互补色，而是使用该互补色两侧的颜色。这样得到的组合会有一种更为细致的颜色边界。

类似色

类似色组合由色轮上彼此相邻的颜色组成。不论组合两种颜色还是三种颜色，他们呢都有相同的基础色，这就形成一个协调的组合。用不同的亮色和暗色组合一组类似色，效果相当醒目。

对于设计网页的提升

在一个好的web设计中，最重要的两个因素就是重复和清晰。

重复

在网站上每一个页面上重复某些视觉元素（公司logo等标志）。这不仅能让访问者知道他们还在你的网站中，还可以提供一种统一性和连续性，这是所有优秀设计必不可少的特性。
到了内容页上，访问着应当能在相同的位置、以同样的顺序找到有同样图片的导航系统。这不仅能让访问者很容易地访问你的网站，还能为所有的页面提供一种统一性。

可读性

与纸上相比，网页上的行宽要更短。正文绝对不应超出网页的总宽度，这说明，必须把文本放在一个表中（或者至少使用块缩进，即文本在左边和右边同时缩进）。不过，使用太短的行宽也不好，这样会导致不得不过多地将句子断开。