从零开始学设计[日]北村崇

1.版式

基础：

靠近：关联性高的要素进行群组
重复：要素的形式重复出现
对比：要素大小以及先后次序的选择
排齐：按照基准（等间隔、以一条线为基准）
黄金比：1：1.618    更佳自然
白银比：1：1.414

• 注：
  1. 反差率：标题越大，力量感越强
  2. 文字吸引力：加粗、改变颜色、加大、改变字体（强调的时候限定两种）
  3. 图片吸引力：加大、改变颜色、倾斜、改变形状（限定两种）

引导视线：

Z形：
F形：
N形：日式，从右至左
留白：减少图片占据的大小

• 注：
  1. 要素设置为同一系列或模式，可以让人们以此确认内容
  2. 用数字或箭头强制固定视线走法
  3. 加入图片，用人物照片，把文字加在人物视线处

版式的实践：

1. 以黑白稿确定版式结构
2. 改变照片的裁剪比例
3. 灵活运用对称和非对称
   • 对称图片，以中心线为轴，较有稳定感
   • 非对称图片，整体对称，局部加上非对称素材，活泼

2.造型

基础：

1. 形状给人印象：
   • 圆：温柔，圆满，孩子，快乐
   • 四边形：安定、厚重、信赖
   • 三角形：纤细、稳定、尖锐

设计造型：抽象化，用基本图形表示，使用黄金比和白银比

图形和符号

图形和文字配合使用，通俗易懂

• 根据符号特征的分类：行为符号、性质符号、视觉符号、抽象符号
• 根据符号内容的分类：时间的表现、地点的表现、人物的表现、对象的表现、行为的表现

造型的实践

• 绘制图标
• 提取重要元素
• 着色提高对比度
• 调整尺寸

创意训练（图标设计）：

• 根据一个主题，想出相关的事物，全部罗列出来。
• 把事物归类到时间、地点、人物、对象、表现中
• 根据关键词逆向思考关联的事物
• 选取与主题最接近的关键词，做成图标

注：

• 注意错觉，英文字母LT横竖粗细不一样
• 人物造型的设计还要考虑重心不能太偏

3.色彩的种类

色彩的种类

• 光源色和物体色
• 光的三原色RGB
• 色料的三原色CMY（K）
  • Cyan 青
  • Megenta 洋红
  • Yellow 黄

配色

• 色相 Hue
  • 补色 色相环对角线颜色
  • 分裂颜色 一对二
  • 三色配色
  • 四色配色
  • 主体色配色和主色调配色
  • 基础色（背景）70%-主色（核心）25%-亮色（点缀）5%
• 明度 Brightness

• 纯度 Saturation

• 决定配色的方法
  • 主色明度不太高，纯度不太低（推荐：蓝、红、橙）
  • 基础色选择较浅、明度较高、纯度较低
  • 亮色选择补色

增加配色：比例保持不变，同一种类型的色块可以选相近的颜色

色彩的特性

• 醒目度
  • 无彩色 < 有彩色
  • 低纯度 < 高纯度
  • 蓝绿色系 < 红黄色系
• 前进色（暖色系）和后退色（冷色系）
• 膨胀色（浅色）和收缩色（深色）

配色的实践

• 主色、亮色比较靠近，其间加入基础色
• 基础色用单色，明度与主色拉开差距

4.文字排版

字体

• 宋体——有衬线字体
• 黑体——无衬线字体
• 粗体、斜体
• 等幅字体（每个字占据大小一样）和比例字体（不一样）

文字排版

• 行间距：文字大小的150%～180%
• 一行15～40字
• 行宽和行间距成比例变宽或变窄
• 大标题和正文要强弱对比

5.设计的思维模式

以人为本的设计

• UI（User Interface）
• UX（User eXperience）

• 问询表

  设计课题 商品名称、服务名称 促销要点 竞争对手的商品 目标人群 问题点 预想的成果物 日程 素材、资料

• 引导行为：人们优先选择负担小的或可期待的结果