常人也要懂的设计原则——《写给大家看的设计书》读书笔记
想自己设计简历、名片?做漂亮的文档、论文、演示稿、宣传海报?想开始学习设计?本书提出的四个基本原则既非常容易掌握又可以大大提高设计水平。
一、设计的四个基本原则
亲密性(Proximity)
将彼此相关的项应当靠近,归组在一起。如果多个项相互之间存在很近的亲密性,他们就会成为一个视觉单元,而不是多个孤立的元素。这有助于组织信息,减少混乱,为读者提供清晰的结构。
对齐(Alignment)
任何东西都不能随意安放。每个元素,都应当与页面上的另一个元素有某种视觉联系。这样难建立一种清晰、精巧而且清爽的外观。
重复(Repetition)
让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片嗯,等等。这样一来,既能增加条理性,还可以加强统一性。
对比(Contrast)
对比的基本思想是,要避免页面上的元素太过相似。如果元素(字体、颜色、大小、线宽、形状、时间等)不相同,那就干脆让她截然不同。要让页面引人注目,对比通常是最重要的一个元素,正是他能使读者首先看这个页面。
有关设计(同时也是有关生活)的一个指导原则是不要畏畏缩缩
不要害怕在设计(或生活)中留有空白,这能让你的眼睛(以及心灵)稍作休息。
不要害怕设计是不对称的,使用非居中的格式,不居中往往能使效果更强烈。尽管不建议使用居中,不过有意这么做也无不可。
不要害怕把单词设置得非常大或非常小,不用担心说话声太大或者太小。在合适的场合这都是可以的。只要最后的结果能支持或强调你的设计或观点,不要害怕让图片太大或太小。
二、颜色运用技巧
tips:在Photoshop CC版本的扩展功能Kuler就提供了这种色彩搭配功能。
三、字体的对比
字体的表现方式有:
协调:如果选择只使用一种字体,页面上的所有元素都采用同样性质的字体,这种设计就是协调的。
冲突:如果在同一个页面上设置了两个或多个类似的字体,它们并非完全不同,但也不完全相同,这个设计就是冲突的。
对比:利用字体的大小、粗细、结构、形状、方向和颜色对比增加作品的美感、页面上的信息的条理性和清晰性。
创建协调相当容易,制造冲突也很容易,不过不受欢迎。产生对比则非常有趣。所以我们要先对字体按相似性进行分类。
英文字体分类
1.Oldstyle:基于手写体,对角强调线,倾斜的截线。
2.Modern:垂直强调线,水平的细截线
3.Slab Serif:笔划粗细过度小,垂直强调线,水平的粗截线。
4.Sans Serif:没有截线,没有强调线(笔划无粗细变化)
5.Script:书法字体,少用
6.Decoretive:有趣的字体,使用要有限制
tips:中文字体可以根据其名称大概分类。比如黑体和雅黑两种字体归为一类。
字体的对比方式
大小:大小对比要明显、不要太保守
粗细:同上
结构:有一致的粗细还是存在粗细的变化
形状:例如全大写的小写的对比
方向:向上倾斜、向下倾斜,或其它方向所表达的含义不同
颜色:参考色轮搭配方法
一、设计的四个基本原则
亲密性(Proximity)
将彼此相关的项应当靠近,归组在一起。如果多个项相互之间存在很近的亲密性,他们就会成为一个视觉单元,而不是多个孤立的元素。这有助于组织信息,减少混乱,为读者提供清晰的结构。
对齐(Alignment)
任何东西都不能随意安放。每个元素,都应当与页面上的另一个元素有某种视觉联系。这样难建立一种清晰、精巧而且清爽的外观。
重复(Repetition)
让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片嗯,等等。这样一来,既能增加条理性,还可以加强统一性。
对比(Contrast)
对比的基本思想是,要避免页面上的元素太过相似。如果元素(字体、颜色、大小、线宽、形状、时间等)不相同,那就干脆让她截然不同。要让页面引人注目,对比通常是最重要的一个元素,正是他能使读者首先看这个页面。
有关设计(同时也是有关生活)的一个指导原则是不要畏畏缩缩
不要害怕在设计(或生活)中留有空白,这能让你的眼睛(以及心灵)稍作休息。
不要害怕设计是不对称的,使用非居中的格式,不居中往往能使效果更强烈。尽管不建议使用居中,不过有意这么做也无不可。
不要害怕把单词设置得非常大或非常小,不用担心说话声太大或者太小。在合适的场合这都是可以的。只要最后的结果能支持或强调你的设计或观点,不要害怕让图片太大或太小。
二、颜色运用技巧
![]() |
tips:在Photoshop CC版本的扩展功能Kuler就提供了这种色彩搭配功能。
三、字体的对比
字体的表现方式有:
协调:如果选择只使用一种字体,页面上的所有元素都采用同样性质的字体,这种设计就是协调的。
冲突:如果在同一个页面上设置了两个或多个类似的字体,它们并非完全不同,但也不完全相同,这个设计就是冲突的。
对比:利用字体的大小、粗细、结构、形状、方向和颜色对比增加作品的美感、页面上的信息的条理性和清晰性。
创建协调相当容易,制造冲突也很容易,不过不受欢迎。产生对比则非常有趣。所以我们要先对字体按相似性进行分类。
英文字体分类
1.Oldstyle:基于手写体,对角强调线,倾斜的截线。
2.Modern:垂直强调线,水平的细截线
3.Slab Serif:笔划粗细过度小,垂直强调线,水平的粗截线。
4.Sans Serif:没有截线,没有强调线(笔划无粗细变化)
5.Script:书法字体,少用
6.Decoretive:有趣的字体,使用要有限制
tips:中文字体可以根据其名称大概分类。比如黑体和雅黑两种字体归为一类。
字体的对比方式
大小:大小对比要明显、不要太保守
粗细:同上
结构:有一致的粗细还是存在粗细的变化
形状:例如全大写的小写的对比
方向:向上倾斜、向下倾斜,或其它方向所表达的含义不同
颜色:参考色轮搭配方法