读书笔记:写给大家看的设计书(第三版)
2011-04-10 12:09
330 查看
1 4大基本原则
对比(Contrast)
要避免页面上的元素太过相似。如果元素(字体、颜色、大小、线宽、形状、空间等)不相同,那就干脆让它们截然不同。对比的根本目的一是增强页面效果,二是有助于信息的组织。
重复(Repetition)
让设计中的视觉要素在作品中重复出现。可以重复形状、颜色、材质、空间关系、线宽、字体、大小和图片等等。这样一来,既能增加条理性,还可以加强统一性。
对齐(Alignment)
每个元素都应当与页面上的另一个元素有某种视觉联系。
亲密性(Proximity)
彼此相关的项应当靠近,归组在一起。如果多个项相互之间存在很近的亲密性,它们就会成为一个视觉单元,而不是多个孤立的元素。这有助于组织信息,减少混乱,为读者提供清晰的结构。物理位置的接近就意味存在着关联。亲密性的根本目的是实现组织性。文本太长,从屏幕的最左边至最右边,读起来太费劲,应采用多列布局,增加亲密性。
2 色轮
色轮的基础是黄/红/蓝3种颜色。这些颜色成为三原色(primary color),因为这些是唯一无法创建的颜色。
分别将色轮上相邻的颜色等量混合,就会得到三间色(secondary color)。
要把色轮中的空白填满,只需将空白两边的颜色按等量混合。得到的这些颜色称为第三色(third color)。
3 颜色关系
3.1 互补
色轮上相对(即180度对角)的颜色为互补色(complement) 。由于它们是完全相反的颜色,所以最佳搭配是一种作为主色,一种作为辅色或用于强调。
3.2 三色组
彼此等距的三种颜色通常会形成一个让人愉悦的三色组(triad)。红色、黄色和蓝色就是一种被广为应用的颜色组合,儿童产品通常都采用这种组合。由于这是三基色,所以这种组合也称为基色三色组(primary triad)。
3.3 分裂互补三色组
另一种形式的三色组称为分裂互补三色组(split complement) 。从色轮的一边选择一种颜色,再在色轮上找出它对面的互补色,不过并不是直接使用这个互补色,而是使用该互补色两侧的颜色。这样得到的组合会有一种更为细致的颜色边界。
3.4 类似色
类似色(analogous)组合由色轮上彼此相临的颜色组成。不论组合两种颜色还是三种颜色,他们都有相同的基础色,这就形成了一个协调的组合。用不同的亮色和暗色组合一组类似色,效果将相当醒目。
3.5 暗色和亮色
[色调] 纯色就是色调(hue)
[暗色] 向色调增加黑色就构成了一个暗色(shade)
[亮色] 向色调增加白色就构成了一个亮色(tint)
3.6 暖色与冷色
颜色往往要么是冷色(这说明其中包含蓝色)要么是暖色(这说明其中包含红色或黄色)。
冷色总趋于后退,暖色总趋于向前。暖色不费多大功夫就能产生效果,红色和黄色能立即映入眼帘。所以,如果要组合暖色和冷色,一定要搭配好比例。通常来讲少用暖色会能达到相对好的效果。
4 后记
色相(Hue,也有译为色调的)―――是色彩的最大特征。所谓色相是指色彩的相貌,指不同波长的光给人的不同的色彩感受。
饱和度(Saturation,即纯度)―――所谓纯度就是色彩鲜浊、饱和和纯净的程度。饱和度为0的颜色其实就是一种失去所有色彩的灰色。
亮度(Luminance,即明度)―――指色彩的明暗程度。
明度、纯度、色相三要素的关系:
任何色彩(色相)在纯度最高时都有特定的明度,假如明度变了,纯度就会下降。
高纯度的色相加白或加黑,降低了该色相的纯度,同时也提高或降低了该色相的明度
高纯度的色相加与之不同明度的灰色,降低了该色相的纯度,同时使明度向该灰色的明度靠近;
高纯度的色相如果与同明度的灰色混合,可构成同色相同明度不同纯度的系列。
相关文章推荐
- 读书笔记——写给大家看的设计书
- 写给大家看的设计书学习笔记
- 写给大家看的设计书学习笔记
- BJ7-写给大家看的设计书-__XwD__-V1
- 写给大家看的设计书
- 写给大家看的设计书(第3版)
- Web前端-写给大家看的设计书-笔记-设计原则
- 写给大家看的设计书总结
- 写给大家看的设计书(第3版)pdf
- 写给大家看的设计模式
- 写给大家看的设计书--四大准则
- 读《大家看的设计书(第三版)》有感
- PPT排版细节,写给大家看的设计书,完美总结
- <写给大家看的设计书>
- web前端-写给大家看的设计书-笔记-颜色运用-色轮使用
- 读书笔记:《写给大家看的面向对象设计》,《程序员的职业素养》,《设计模式其实很简单》
- 写给大家看的设计书学习笔记
- 写给大家看的设计书——读后笔记
- 《给大家看的设计书》读书笔记
- 写给大家看的设计书