企业理念
联系方式
 

写给大家看的设计书》读书经验分享
发布时间:2019年5月21日 已被浏览 11 次 打印本页

《写给大家看的设计书》读书经验分享

 

最新重新读了一遍《写给大家看的设计书》。这是一本实用性非常强的设计指导书,适合入门设计的小伙伴深入学习。

同时给家推荐一个色彩的工具也很好用。诺斯顿色彩中心出版的 国际通用COLOR配色图。在学习色彩方面会很有价值 https://shop64035693.taobao.com/?spm=a230r.7195193.1997079397.2.3e76183a8s2ST6

- 推荐理由 -

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

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

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

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

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

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

 

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

1. 对比

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

 

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

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

2. 重复

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

 

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

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

3. 对齐

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

 

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

 

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

4. 亲密性

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

 

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

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

二、颜色的运用

1. 色轮

 

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

 

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

 

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

 

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

 

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

 

2. 颜色关系

(1) 互补色

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

 

 

 

(2) 三色组

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

 

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

 

 

(3) 分裂互补三色组

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

 

 

(4) 类似色

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

 

 

 

(5) 暗色和亮色

 

 

 

三、字体设计

1. 字体基本原则

协调

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

 

冲突

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

 

对比

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

 

2. 字体对比

大小对比

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

 

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

 

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

粗细对比

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

 

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

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

形状对比

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

 

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

方向对比

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

 

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

 

颜色对比

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

 

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

 

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

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

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

四、其他

1. 大胆选择

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

2. 一致标识

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

3. 创建一个中心

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

4. 有意识留白

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

个人交互设计经验分享谢谢!希望对一些新同学能有些帮助。

 


分享到:
长春司南设计 业务电话:18686680504 13624466306