四大基本原则

• 亲密性
  • 目的: 实现组织性;
  • 实现方式: 将相关联的元素分在一组以建立更近的亲密性。
  • 要避免的问题: 一个页面上有太多孤立的元素。
• 对齐
  • 目的: 使页面统一而有条理;
  • 要避免的问题: 要避免在页面上混合使用多种对齐方式。优先使用左对齐、右对齐而不是居中对齐。
• 重复
  • 目的: 使页面统一, 并增强视觉效果。
  • 实现方式: 把现有的一致性更向前推进一步。最初, 可以只是找出现有的重复, 然后将其加强。熟悉了这种思想之后, 再开始创建新的重复元素。
  • 要避免的问题: 要避免太多地重复一个元素。
• 对比
  • 目的: 增强页面的效果, 有助于信息的组织;

颜色运用

• 色轮

  • 概念
    • 三原色: 红、黄、蓝
    • 三间色
    • 第三色
  • 关系
    • 互补
    • 三色组
    • 分裂互补三色组
    • 类似色

    • 采用以上几种关系的颜色都会比较和谐。

  • 亮色与暗色
    • 亮色: 加白
    • 暗色: 加黑
  • 单色
  • 暖色与冷色
    • 暖色: 加红、加黄
    • 冷色: 加蓝

• CMYK: Cyan(青)、Magenta(品红)、Yellow、Key(通常是黑色)

  • 原理: 光反射
  • 应用: 印刷品

• RGB

  • 原理: 显示器直接传入眼睛的光
  • 应用: 显示器

字体设计

• 字体
  • 特殊符号
    • 开单引号 ‘: option + ]
    • 闭单引号 ’: option + shift + ]
    • 开双引号 “: option + [
    • 闭双引号 ”: option + shift + [
    • 一字线 –: option + -
    • 破折号 —: option + shift + -
    • 省略号 …: option + ;
    • 分数斜线 1⁄2: option + shift + !
    • 按下 fn 打开字符检查器
  • 重音符号: 按下 fn 打开字符检查器, 选择左侧边栏上的拉丁语打卡重音符号列表
• 字体类别
  • 字体间的关系
    • 协调
    • 冲突(通常由相似的字体造成)
    • 对比
      • 大小、粗细、结构(衬线体/无衬线体)、形状(大小写)、方向、颜色
  • 种类
    • Oldstyle(旧式体)
      • 
      • 使用场景: 大量文本
    • Mordern(现代体)
    • Slab serif(粗衬线体)
      • 使用场景: 儿童图书
    • Sans serif(无衬线体)
    • Script(手写体)
    • Decorative(花体)
• 字体对比
  • 衬线体 vs 无衬线体
  • 全大写 vs 全小写
  • 罗马体 vs 斜体
    • 罗马体表示所有字体中从上到下竖直的字体
  • 方向对比
  • 颜色对比