读《写给大家看的设计书》
这段时间略读了一遍《写给大家看的设计书》第四版,作为一名开发者来说,这种设计细胞确实不怎么样。通过略读也有一些收获,而贯穿全文的“4大基本原则”则是核心心思,应该不断的以这样的思维来思考怎样才能设计得更好。特附上“4大基本原则”以备后用。
一 4大基本原则
1 对比(Contrast)
对比的基本思想是,要避免页面上的元素太过相似。如果元素(字体、颜色、大小、线宽、形状、空间等)不相同,那就干脆让它们截然不同。要让页面引人注目,对比通常是最重要的一个因素,正是它能使读者首先看这个页面。
2 重复(Repetition)
让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片,等等。这样一来,既能增加条理性,还可以加强统一性。
3 对齐(Alignment)
任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能建立一种清晰、精巧而且清爽的外观。
4 亲密性(Proximity)
彼此相关的项应当靠近,归组在一起。如果多个项相互之间存在很近的亲密性,它们就会成为一个视觉单元,而不是多个孤立的元素。这有助于组织信息,减少混乱,为读者提供清晰的结构。
二 颜色运用
1 色轮
三原色:黄、红、蓝,色轮的基础。
三间色:色轮上相邻颜色等量混合,即黄加红==橙,红加蓝==紫,蓝加黄==绿。
第三色:色轮上空白两边颜色等量混合,即黄+橙==橙黄,橙+红==橙红,红+紫==紫罗兰色,紫+蓝==蓝紫色,蓝+绿==蓝绿(水绿),绿+黄==黄绿。
2 颜色关系
1)互补:色轮上完全相对的颜色,最佳搭配是一种作为主色,另一种用于强调,如红绿搭配。
2)三色组:彼此等距的颜色,如三原色黄红蓝搭配(称为基色三色组),间色三色组绿橙紫搭配。
3)分裂互补三色组:从色轮一边选择一种颜色,另一边选择它对面的互补色两侧的颜色,如绿色、橙红色和紫罗兰色搭配。
4)类似色:色轮上彼此相邻的颜色组成,若用不同的亮色和暗色组合一组类似色,效果将相当醒目。
3 暗色和亮色
. 纯色就是色调;
. 向色调增加黑色就构成一个暗色;
. 向色调增加白色就构成一个亮色。
1)单色:由一种色调及其相应的多种亮色和暗色组成。
2)暗色和亮色的组合:即第二点中提到的颜色的暗色或亮色组合。
4 色质
指某种颜色的特定明暗度、深浅度或色调,应尽量避免它们挨在一起。
5 暖色与冷色
暖色其中包含黄色或红色,冷色其中包含蓝色,如果要组合暖色和冷色,一定要少用些暖色,因为暖色不费多大功夫就能产生效果,而冷色则需要更多才能产生效果或形成有效对比,不要让冷暖色太过均衡。
6 如何取舍
季节性?类似色;
官方颜色?亮色和暗色、分裂互补色;
包含一个照片或其它图像?选择其中一个颜色,类似色(沉着冷静),互补色(视觉活力);
定期反复?自建调色板,供所有项目一致地使用。
7 CMYK 与 RGB, 印刷与 Web
1)CMYK:Cyan(一种蓝色)、Magenta(一种红/粉红色)、Yellow(黄色)和Key(通常为黑色),为印刷色,常称为“四色处理”。
2)RGB:Red(红)、Green(绿)、Blue(蓝),显示器、电视机和iphone等上看到的(非反射来的,是直接进入我们的眼睛)。
即,需要印刷的项目使用CMYK,需在屏幕上看的内容用RGB。若处理打印图像,Photoshop中先用RGB处理图像,最后才转换为CMYK(打印出来后图像会有所损失)。
三 更多提示与技巧
1 创建包装
每件作品中必须有某个标识性图像或某种标识性风格。
2 企业名片
辅色用量一定要少。
1)企业名片规格:在美国,3.5英寸宽,2英寸高,若为垂直格式,则2英寸宽,3.5英寸高,很多其他国家标准是8.5cm*5.5cm(中国的尺寸貌似较乱...)。
2)角落留白;7点非Times、Arial或Helvetica字体;一定要对齐,但尽量不使用居中对齐;别写e-mail和web site等字眼,完整写出具体街道,避免添加不必要的点和逗号,保持简洁。
3)提示:a 选择垂直还是水平格式;b 字体大小一般9点以下就够;c 创建名片、信笺和信封共有的一致图像。
3 信笺和信封
1)信封、信笺和名片统一布局;若需居中,试着把整个居中布局向左边靠近;可以使用很大或很小的字体和图片。
2)提示:a 信封规格:标准为91/2*41/8英寸,称为10号信封。欧洲标准为110mm*220mm,称为C4信封;b 创建中心点;c 对齐,信笺上适当摆放元素;d 第二页可以取第一页上出现的一个小元素,但不放其他内容;c 传真和复印,不要深色或有很多小点的纸张,避免大面积深色墨迹、反色文本或太小的字体,可分别设计针对传真和复印两个版本信笺。
4 传单
可使用不同有趣字体,可使用各种图片,可以使用大图片大字体,也可只是中间一行10点大小文字,底部一小块文本。
1)巨大标题、巨大剪贴画、有趣字体超大字号,各元素统一对齐,可以把正文字体设置得很小。增强对比。
2)提示:a 创建一个中心点;b 使用有对比的字标题;c 重复,适当重复标题字体;d 对齐。
5 新闻简报
多页出版物最重要的特性之一是一致性,或重复。每一页看上去应当是属于整个出版物的一部分。可以通过颜色、图片风格、字体、空间布局、重复某种格式的项目列表、照片周围的边框、图题等来实现这点。
有条理地留白。
标志(即刊头)将确定新闻简报其余部分基调。
1)让标题清楚而明显;适当地方使用对比字体,增加其他有意思的元素吸引读者;整个简报需有一种明确的、一致的底层结构。
2)提示:a 对齐,在所有元素都很好地做到了对齐,适当时可以打破这种常规(必须大胆地完全冲破这种对齐的约束);b 段落缩进,第一段不要缩进,若要缩进,则缩进1em。段落间要么缩进要么留有一定空间,但二者不能都有;c 不要使用Helvetica,标题和字标题可使用一种同时包括粗黑版本和细版本的sans serif 字体系列,如Eurostile、Formata、Syntax、Frutiger或Myriad;d 正文应当可读,可采用一种经典的oldstyle serif字体,如Garamond、Jenson、Caslon、Minion或Palatino。或者比较细的slab serif字体,如Clarendon、Bookman、Kepler或New Century School book。若采用sans serif 字体,应预留较宽行间距和缩短行长度。
6 宣传册
3折本标准:8.5*11英寸(首页比背页宽)。
1)务必使用一种对齐方式,字体使用12点以下字号,列之间留出更大空间,灵活使用图片,按顺序将内容呈现给你的读者。
2)提示:a 对比,要截然不同;b 重复,建立统一的外观;c 对齐;d 亲密性,有效地建立空间布局。
7 明信片
与众不同,成“系列”,明确具体,力求简练,尽可能使用颜色。
1)使用对比和空间关系清楚地表述信息,角落留白,层次组织。
2)提示:a 关键是什么? b 吸引人注意,要大胆;c 对比。
8 报纸广告
空白,机敏,清楚,简洁,尽可能使用颜色。
1)有意识地组织空白。
2)提示:a 对比,利用空白!b 字体选择,不要使用精巧的小serif字体,也不要使用很细的线;c 尽量避免使用反色文字。
9 网站
重复最重要,一致的导航风格和图片风格,重复的颜色方案,同样的字体或按钮,风格类似的图片元素等等。
1)尽量不要让访问者移动滚动条。
2)提示:a 重复,统一性和连续性;b 可读性