介绍：视觉原则、塑造视觉平面、行长，颜色和对比度
视觉原则
- 相似性 → similarity
- 闭合/收合/补齐结局 → closure
- 连续性 → continuity
- 相近性 → proximity
塑造视觉平面
- 变异的 (Variable): 我们不再知道我们设计应用的领域大小甚至其物理特征。对於我们的作品的边界，我们已经失去了控制, 我们不再有这些基本的边缘边界，来指导我们的工作，来用做参考框架。
- 动态的 (Dynamic): 数字屏幕上设计成型结果是使用当下才产生的, 我们永远不能完全确定这设计成型结果是什么浏览器丶操作系统丶字体丶颜色丶或其他基础显示技术来提供支持的。
- 无处不在的 (Ubiquitous): 好消息是，我们的设计有史上最广的受众，信息显示已从办公桌解放出来，并已真正成为环境里到处可见的显示平面。设计师所拥有的是，史上最强大的丶最可塑的丶或最有用的视觉平面来创作。
- 响应性 (Responsive): 在这个多屏的世界里, 唯一合理的前进道路依赖于响应性网页设计的基础：弹性网格布局(fluid page grids)丶弹性图片/媒体 (responsive images)丶CSS3媒体查询(CSS3 media queries)，让您的设计能够智能地响应他们要出现的各类屏幕。
- 好消息是，所有的视觉设计的基本工具仍有用：字体排版丶颜色丶对比丶大小关系，甚至复杂的布局在完全响应的设计中仍好使。
行长，颜色和对比度
- 并不是所有的颜色是等价的，并不是所有的颜色组合是可替换的，尤其是对8%有一定程度的色盲的男性来说。
- 区分颜色对比主要取决于明亮度 (brightness) 和饱和度 (saturation) - 同一照明度下多种颜色的相对亮度不一（黄色的亮度几乎是蓝色的4倍）。
- 白底上的暗颜色像蓝色或红色效果较佳。
- 白底上的明亮颜色像黄色会消失看不清。
- 若非用渐变背景不可，请使用黑色字。
- 不要在文本上单靠颜色来产生对比。