四大基本原则

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

颜色运用

  • 色轮

    • 概念
      • 三原色: 红、黄、蓝
      • 三间色
      • 第三色
    • 关系
      • 互补
      • 三色组
      • 分裂互补三色组
      • 类似色
      • 采用以上几种关系的颜色都会比较和谐。

    • 亮色与暗色
      • 亮色: 加白
      • 暗色: 加黑
    • 单色
    • 暖色与冷色
      • 暖色: 加红、加黄
      • 冷色: 加蓝
  • 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 斜体
      • 罗马体表示所有字体中从上到下竖直的字体
    • 方向对比
    • 颜色对比