0%

The Non-Designer's Design Book

写给大家的设计书

这本书英文原名叫做《The Non-Designer’s Design Book》,是由美国的Robin William所著。此人是世界著名额设计师、技术专家和畅销书作家。

《写个大家的设计书》旨在启蒙普罗大众明白设计的基本原则。复杂的设计原理,在本书中化为了亲密性、对齐、重复性和对比四个基本原则。(当然,对于配色和其他设计要素的介绍也会在第7章颜色运用完成)这本书所面向的人群正如书名所讲,其目标是启迪大家在日常生活中也能明白社么叫做“设计”和“设计感”。

简介

你可能疑惑过,为什么苹果(Apple Inc,)产品宣传就是那么的“高大上”呢?为什么自己的PPT总是充满着低级感?为什么自己喜欢的蓝色却从来都让人看着那么难受?

许多人也许觉得“设计”这么高大上的东西,怎么会和自己有关呢?但是在生活中,其实并不乏设计的存在,我们有时也需要一些进行一些基础的设计来完成比如作品宣传、社团展演海报设计、招牌设计等作品。为此去请教你的设计师朋友们,不仅有些大材小用,也是有些麻烦人家。

而这本书就很好的介绍了一些我们大众应该明白的设计原理。让大家明白,原来完成一个好的设计,并不是什么难事。只需要读完这本书,在文字工作、海报设计和PPT制作、名片设计上,我们就能给出一些自己的见解。完成一些自己的小设计,再也不用为这点小事都设计不好而苦恼自己是不是真的一点艺术细胞都没有(X)。

颜色关系

A. 色调的选择

三色组
彼此等距的三种颜色通常会形成一个让人愉悦的三色组。

clip_image001.png

​ a) 红色、黄色和蓝色就是一种极其流行的颜色组合,儿童产品通常都采用这种组合。由于这是三基色,所以这种组合也称为基色三色组。

​ b) 可以尝试使用绿色、橙色和紫色构成的间色三色组

​ c) 所有三色组中的三种颜色都有基础色使其相互连接,因此看上去非常协调。

互补色
由于它们如此对立,所以最佳搭配是一种作为主色,另一种用于强调。

clip_image003.png
暖色与冷色

分裂互补三色组
另一种形式的三色组称为分裂互补三色组。

clip_image005.png

​ a) 色轮的一边选择一种颜色,再在色轮上找出它对面的互补色,不过并不直接使用这个互补色,而是使用该互补色两侧的颜色。
​ b) 这样得到的组合会有一种更为细致的颜色边界

类似色
类似色组合由色轮上彼此相邻的颜色组成。

clip_image007.png

注意色质

​ a) 不论组合两种颜色还是三种颜色,它们都有相同的基础色,这就形成了一个协调的组合。

b)   用不同的亮色和暗色组合一组类似色(亮色和暗色将在下一页解释) ,效果相当醒目

B. 亮暗色的选择

亮色和暗色
还可以向不同色调增加黑色或白色,这样能大幅扩展这个色轮,相应地丰富我们的选择。

clip_image009.png

clip_image011.png

​ a) 建立你自己的暗色和亮色

clip_image013.png

单色
单色组合由一种色调及其相应的多种亮色和暗色组成。
a)   实际上,即使是单色印刷,也能产生多色的效果;可以使用黑色的不同暗色和亮色,然后再用选择的墨色打印。
暗色和亮色的组合
还可以完成暗色和亮色的组合,

​ a) 并不使用色调,而是使用这些颜色的不同亮色和暗色。这样能大大丰富你的选择,而且完全可以放心这些颜色的协调性。

(1)   红色和绿色组合是一种绝妙的互补色,但这种组合几乎总脱离不了一种圣诞节的感觉。不过,如果采用这些互补色的某些暗色,就能表现出丰富的效果。

(2)   红、黄、蓝三基色组合是儿童产品最常用的颜色组合。实际上,正是由于这种颜色组合在儿童产品中如此流行,以至于很难摆脱幼稚的感觉,除非你引入一些暗色和亮色—看看吧 ! 这是何等丰富而精妙的组合。

clip_image015.png

C. 其他色彩要点

暖色与冷色
颜色往往要么是暖色(这说明其中包含红色或黄色) ,要么是冷色(说明其中包含蓝色) 。

​ a) 可以通过增加一些红色或黄色将某些颜色“加热” ,如灰色或黄褐色。与之相反,也可以对颜色增加不同程度的蓝色对其“降温” 。

b)   冷色趋于做背景色,而暖色是趋进型的,适合做点缀色。

​ (1) 暖色不费多大功夫就能产生效果,红色和黄色能立即映入你的眼帘。所以,如果要组合暖色和冷色,一定要少用些暖色。

​ (2) 由于冷色是后退型的,所以使用(有时则必须使用)更多的冷色才能产生效果或形成有效的对比。

​ (3) 不要让冷暖色太过均衡!一定要充分利用这种视觉现象。

clip_image017.png

注意色质
有没有一些颜色放在一起不太合适呢?
类似色

​ a) 如果由于颜色组合而导致发生视觉抖动,这肯定只有一个原因,那就是色质过于接近。[

​ b) 色质是指某种颜色的特定明暗度、深浅度或色调。如果色质很接近,看上去会有些模糊不清,对比太过微弱。

​ c) 如果设计要求使用有类似色质的色调,一定要尽力避免它们挨在一起,另外每种色调的用量也不要完全相同。

clip_image019.png

如何取舍
有时选择颜色看起来易如反掌。

​ a) 一种合理的方法。

​ (1) 项目有季节性吗?

​ (2) 也许可以使用类似色(参见第 93 页)来暗示季节:火热的红色和黄色表示夏季,冰冷的蓝色表示冬季,不同色度的橙色和棕色代表秋天,明亮的绿色象征春天。

​ b) 公司有没有制定一些官方颜色?

​ (1) 也许可以先从这些颜色入手,再使用一些亮色和暗色

​ c) 是不是在处理一个 logo 标志,其中包含一些特定的颜色?

​ (1) 以使用这些颜色的一种分裂互补色

​ d) 你的项目是否包含一张照片或其他图像?

​ (1) 可以选择照片中的一个颜色,再根据这个颜色选择一组其他的颜色。可能希望使用类似色,保持一种沉着冷静的感觉,也可以使用互补色增加视觉活力。

​ e) 如果项目会定期反复,你可能希望自建一个调色板,供所有项目一致地使用。 clip_image021.png

CMYK 与 RGB, 印刷与 Web
要注意两种重要的颜色模型。这是一个非常复杂的内容,本书只提供最简要的解释。

​ a) 关于 CMYK 和 RGB 需要记住的是

​ (1) 需要在屏幕上看的内容则应使用 RGB

​ (2) 需要印刷的项目应当使用 CMYK;

​ b) 采用 RGB 的文件较小,而且 Photoshop 中的一些技术只适用于 RGB(或者使用RGB 表现最好,速度更快) 。不过如果在 CMYK 和 RGB 之间来回切换,每次都会损失一点数据,所以最好用 RGB 处理图像,最后再把它们转换为 CMYK。

​ (1) CMYK——主要印刷用——— CMYK 代表 Cyan(一种蓝色) 、Magenta(一种红 / 粉红色) 、Yellow(黄色)和一个 Key 色(通常是黑色) 。

​ (2) RGB——显示器 RGB 表示 Red(红色) 、Green(绿色)和 Blue(蓝色) 。我们在计算机显示器、电视、iPhone 等上看到的就是 RGB。

(未完成部分会在以后笔者做完笔记后进行补全)