写给大家看的设计书

一、设计原则

1.亲密性

  • 将相关的项组织在一起
  • 物理位置越近意味着存在着关联

目的

实现组织性

实现

视线的移动,页面上的项3-5个

避免的问题

  • 不要仅仅因为有空白
  • 就把元素放在角落或中央
  • 避免一个页面上有太多孤立的元素
  • 不要在元素之间留出同样大小的空白
  • 在有很近亲密性的元素之间建立关系
  • 不同属一组的元素之间不要建立关系

2.对齐

  • 任何元素都不能在页面上随意安放,每一项都应当与页面上的某个内容存在某种视觉联系
  • 打破规则之前必须清楚规则是什么

统一性

要让页面上所有元素看上去统一、有联系而且彼此相关,需要在各个单独的元素之间存在某种视觉纽带。

目的

使页面统一而且有条理

实现

要特别注意元素放在哪里。应当总能在页面上找出与之对齐的元素,尽管这两个对象的物理位置可能相距很远

避免的问题

避免在页面上混合使用多种文本对齐方式
避免居中对齐 除非创建正式稳重的表示,不要把其作为默认对齐就行。

3.重复

  • 设计的某些方面需要在整个作品中重复

设计中视觉元素的重复可以将作品中的各部份连在一起,从而统一并增强整个作品,否则这些部份都是独立的单元。

目的

目的就是统一,增强视觉效果

实现

需要把现有的一致性更向前推进一步。

避免的问题

避免太多地重复一个元素,太多会起反作用。

4.对比

  • 对比是增强视觉效果的最有效的途径之一
  • 千万不要畏畏缩缩
  • 如果两个项不完全相同,就应当使之不同,而且应当是截然不同

目的

增强页面的效果;有助于信息的组织。

实现

通过字体选择、线宽、色彩、形状、大小、空间等来增强对比。对比一定要强烈。

避免的问题

  • 不要犹豫
  • 不要将一种粗线和另一种更粗的线对比
  • 避免使用两种或多种类似的字体 干脆让它们截然不同

二、颜色运用

  • 三原色、三间色、第三色、12种基本色形成色轮。
  • 互补色、三色组、分裂互补三色组、类似色。
  • 暗色亮色、暖色冷色。