写给大家看的设计书

设计原则

1. 引言

一旦能够说出什么东西的名字,就会很容易注意到它。

4 大基本设计原则

  • 对比 —— 突出重点避免页面上元素太过相似(可以是字体、颜色、大小、线宽、形状、空间等方面的对比)
  • 重复 —— 重复颜色、形状、材质、空间关系、线宽、字体、大小和图片等。增加条理性和统一性。
  • 对齐 —— 不能随意安放。应当与页面上的另一个元素有某种视觉联系。清晰、精巧且清爽的外观。
  • 亲密性 —— 彼此相关的项应当靠近,归组在一起。组织信息,减少混乱,为读者提供清晰的结构。

2. 亲密性

3. 对齐

4. 重复

5. 对比

6. 4 大基本原则复习

7. 颜色运用

色轮的基础是红、黄和蓝 3 种颜色。被称为三原色(无法创建的颜色,其他颜色可以通过混合颜色得到但是没有办法通过混合其他颜色来得到纯黄、纯红或纯蓝色)
三原色色轮

将色轮上相邻的颜色等量混合,就会得到三间色
黄 + 蓝 = 绿
黄 + 红 = 橙
蓝 + 红 = 绿

把上面色轮空白两边的颜色等量混合就会得到第三色

色轮的色彩应用

  • 互补
  • 三色组
  • 分裂互补三色组
  • 类似色

色轮上相对的颜色为互补色。一种作为主色,另一种用于强调

彼此等距的三种颜色通常会形成一个让人愉悦的三色组。

红黄蓝就是一种三色组也称为基色三色组。儿童产品通常都采用这种组合

另一种形式的三色组称为分裂互补三色组。从色轮一边选择一种颜色,再在色轮上找出它对面互补色两侧的颜色。

类似色组合由色轮上彼此相邻的颜色组成。不论是组合两种颜色还是三种颜色,他们都有相同的基础色,这就形成了一个协调的组合。用不同的亮色和暗色组合一组类似色

  • 色调就是纯色
  • 向色调增加黑色就构成一个暗色
  • 向色调增加白色就构成一个亮色

单色
单色组合由一种色调(纯色)及其相应的多种亮色和暗色组成。

暖色与冷色
颜色往往要么是暖色(说明其中包含红色或黄色),要么是冷色(说明其中包含蓝色)。
冷色趋于做背景色,而暖色是趋进型。

如何取舍

  1. 项目是否有季节性?
  2. 官方色?
  3. 是否包含图片

8. 更多提示与技巧

字体设计

9. 字体的基本规则

10. 字体与人生

11. 字体类别

  • OldStyle (旧式体)
  • Modern (现代体)
  • Slab serif (粗衬线体)
  • Sans serif (无衬线体)
  • Script (手写体)
  • Descorative (花体)

12. 字体对比