一、设计原则
(一)亲密性
1.概念
存在关联的内容应组合在一起,成为一个视觉单元,而不是分散的独立元素。
2.目的
引导视线,更有条理,便于他人阅读。
内容紧密后,有适当的留白,使页面更加透气美观。
3.方法
寻找内容之间的关联性,“合并同类项”。
4.注意点
避免一个页面有太多孤立的元素
不同属于一组的元素之间不要建立关系。
(二)对齐
1.概念:
页面上的任何元素都不是随意摆放的,每个元素应当与页面上另一个元素存在某种视觉联系。通过对齐,使页面中的各元素看上去有联系且相关,并与其他信息统一。
2.目的
使页面统一有条理。
3.方法
特别注意元素放在哪里,总能找到页面上与之对齐的元素,尽管这两个对象的物理位置可能相距很远。
4.注意点
避免一页中使用多种对齐方式
尽量不使用居中对齐,除非有意要创造一种正式,稳重(通常乏味)的感觉。
(三)重复
1.概念
视觉元素中的重复可以将作品中的各部分连在一起,从而统一并增强整个作品,否则这些部分只是彼此孤立的单元。
2.目的
统一并增强视觉效果
3.方法
一旦建立一组关键的重复项,就可以变换这些项但仍可以保持一致的外观。
4.注意
避免太多的重复一个元素,注意对比的价值。
(四)对比
1.概念
页面上不同元素之间要有对比效果,达到吸引读者的对比效果。
2.目的
吸引眼球,增强页面效果,使之更具可读性。
组织信息,明确层级,引导视线。
3.方法
字体、颜色、形状、大小、空间等。
4.注意点
有效对比一定要加大力度,使之截然不同。
二、颜色运用
1.互补色
色轮上完全对立的颜色称为互补色。最佳搭配是一种作为主色,另一种作为强调色。
2.三色组
彼此等距的三色组常常会形成让人愉悦的三色组,非常协调。
3.分裂互补三色组
先选择一种颜色,不选用这种颜色对面的互补色,而是该颜色两侧的颜色。
4.类似色
类似色由色轮上相邻的颜色组成,不论是两种颜色还是三中颜色,他们都有相同的基础色,形成了协调的组合。
5.暖色与冷色
暖色是前进型的,目光容易被吸引,用一点儿就能产生突出的对比效果。冷色是后退型的,总会在我们的视线中后退,所以必须多用些才能产生效果。若组合使用冷暖色,要多用冷色,少用暖色。一个页面,不要让冷暖色太过均衡!要充分利用这种视觉现象。
三、字体
1.手写字体和花体字的使用要有限制,不可一个页面用得过多。
2.手写体与斜体形状类似,看不出明显效果,不要一起使用。
3.字体粗细大小要对比明显。
4.衬线字体与无衬线字体结合,再通过大小粗细的变化形成更加明显的对比。
5.无衬线字体系列从很粗到很细,再结合大小,形成强烈对比效果。