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

– 推荐理由 –

设计无小事,这书从具体的一个个实例,讲解多种设计原理和方法。适合初学者建立一套最基础的设计知识。此书定位于入门级别的设计师以及希望了解设计方法的行外人员。

通过阅读与思考,基零础的读者也能很快学习到一些设计方法,获得灵感,做出优秀的设计作品。

本书比较薄,但是值得多看几遍。

稍作整理了一下,从书中总结了一些涉及的精品内容。第一次在读这本书的时候,其实对这方面的知识非常欠缺。

读这本书的时候,第一感觉里面的知识并不高深,甚至有一部分还属于“常识”性内容,读完之后,才发现最大的问题“不是不懂这些知识”,而是“不知道如何识别好设计和糟糕的设计”,但是书中的案例很好地为我们讲解了这些内容。

以下是我整理的笔记大纲思维导图。

一、四大基本原则C.R.A.P

  1. 对比

各种元素(字体、颜色、大小、线宽、空间…)不相同,就让它们彻底不同。

(1) 左图,它们之间有对比,但是很弱。让人有种觉得是不是作者选错了字体,而不会认为是特意选择的。

(2) 右图,要不同,我们就让它们“大大的不同”。

  1. 重复

    让元素重复出现,增强条理性和统一性。

(1) 左图,同样的信息,不经过重复分组,整体很难获取到信息的中心和重点。

(2) 右图,当我们对对信息进行“重复”分组。读者很容易从中获取到有用的信息。

  1. 对齐

元素之间在版面上,形成某种视觉联系。建立一种清晰、精巧、而且清爽的外观。

版面若不存在一定对齐关系,会让整个版面显得杂乱无章。

当我们以一定的关系,对元素进行对齐。我们很容易对信息进行解读。

  1. 亲密性

让具有相关性的设计元素适当靠近,形成一个视觉单元。有助于组织信息,让结构更加清晰。

(1) 左图,版面上的一堆元素关系不明确。我们会认为他们之间没有关联。

(2) 右图,让有关系的元素适当靠近,我们很容易知道他们之间是有联系的。

二、颜色的运用

1. 色轮

色轮的基础是黄、红、蓝三种颜色,我们称之为“三原色”。

三原色:如下图所示,唯一无法创建的颜色。纯黄,纯红,纯蓝是没有办法通过其他颜色混合成的。

三间色:如下图所示,通过黄蓝,蓝红,红黄,两两合成。可以得到绿色、紫色、橙色。这三个新得到的颜色,就是三间色。

第三色:三原色和三间色继续混合,得到的第三种颜色。

按顺序排列之后,就可以得到12种颜色的色环(如上文中的环形图)。

2. 颜色关系

(1) 互补色

在色轮(环)上,完全对立(180°)的颜色称为互补色。适合用于主色和强调色。


(2) 三色组

在色轮(环)上,彼此等距离的三种颜色,形成三色组。

三种间色组成的色组,也是三色组。

(3) 分裂互补三色组

在色轮(环)上,一种颜色,与对面互补色两侧颜色组成的三色组。


(4) 类似色

在色轮(环)上,由彼此相邻的颜色组成,他们都拥有相同的基础色。

(5) 暗色和亮色


三、字体设计

  1. 字体基本原则

协调

如果只使用一种字体,其他设计元素也采用同样性质的字体,这种就属于字体的协调。大多数的协调设计往往比较平和正式。

冲突

如果在一个版面上,使用了两个或以上不同但相似的字体,不全不同,也不全相同,这时候,设计就形成冲突。相似的字体放在一起通常都有这种情况。会让人觉得,这是一种设计上的失误。

对比

有比较才能呈现或者凸显。强烈的对比能吸引我们的视线。而使用字体,是一种很好的策略。

  1. 字体对比

大小对比

字体大小的对比,也就是大号字体与小号字体形成对比。字体大小对比,并非让字体非常大或非常小。

先确定需要突出的中心。再利用字体大小来突出强调。(如果是英文,不建议用全大写字母来让字看着更大,这样会让阅读增加难度。)

有时候你需要在纸上突出某句信息。可以把字体和A4纸形成大小对比。某种程度上,形成一定的吸引力。

粗细对比

字体粗细,就是利用笔画的粗细度来形成对比。

上面是同一个系列,同字号,但是不同粗细的字体。

粗细对比不仅能使页面更引人注目,也是组织信息比较有效的方式之一。可以随手翻开一些书刊的目录也有类似的例子。标题加粗,子标题正常粗细的用法在很多场景下都有用到。

形状对比

这里的形状,指的是字体的外形(英文字母为例)。

大写字母的形状都为“矩形”,小写字母的形状大多不规则。同样可以在英文排版的时候形成对比。

方向对比

其中一个,指的是的倾斜角度。但是设置方向,需要有明确的原因,不应该为了改变方向而改变。

还有一种是指,文字的排版方向。通常阅读的时候,文字阅读方向为水平。但是特殊情况,还有不同阅读方向排版。

颜色对比

颜色是非常显而易见的(如何使用,可以参考本书前面讲颜色的章节)。暖色通常易于吸引注意,冷色调的字体,不大容易吸引注意力。

尽管大字很突出,但是因为小字使用了红色,非常能吸引注意力。

这次,将大字改成红色,但是这种设计通常应该避免。

现在小字设置为浅蓝色,这时候我们的注意力都集中在大字上。

在颜色对比上,有时候,我们会通过改变颜色灰度,达到弱化或强调的效果。

四、其他

  1. 大胆选择

大胆选择留白方式;敢于尝试不对称设计;字体大小的选择需要敢于选择,通过不同的尝试,才能形成一套自己的设计策略;大胆选择设计的图形图片素材。

  1. 一致标识

对于同一个设计,有必要建立一致的标识。譬如设计的规则。强调的规则。不应出现多重不同强调方式。

  1. 创建一个中心

在做设计的时候,要先从中心开始,确定希望读者最先看到什么。除非你只是希望做一个非常协调的设计。

  1. 有意识留白

在设计过程中,不要害怕留出空白,但是需要思考留白的目的和方式。把页面填充的很满,并不是很好的策略。

发表评论