给大家看的设计书The Non-Designer's De

给大家看的设计书The Non-Designer's De。任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系。

给大家看的设计书 The Non-Designer's Design Book

• 学习方法
  • 本书的目的
    • 提高视觉敏感度
  • 学习4大基本原则
  • 认识到自己没有运用这些原则
    • 诉诸文字
    • 一旦能说出某东西的名字，它就变得无处不在
  • 应用基本原则
  • 练习流程
    • 找一份你喜欢的传单
    • 采用他的布局
    • 使用自己的文本和图片
    • 设计人员总是“借用”其他理念，寻找灵感
    • 名片或其他设计也可以
  • 设计过程
    • 创建中心点
      • 强烈的对比
      • 除非需要一个和谐的设计
    • 将信息分组
    • 建立并维护明确的对齐
    • 创建重复
• 四大基本原则
  • 共同目的
    • 加强视觉效果
      • 突出重点
        • 重复
        • 对比
    • 加强组织性
      • 视觉联系
      • 统一性
      • 有条理
      • 层次性
  • 亲密性 Proximity
    • 将相关的元素组织在一起
    • 亲密性=>存在关联
    • 建立亲密性
      • 物理距离靠近
      • 用留白对元素进行分组
        • 非同组不要留相同大小的空白
      • 使用缩进
    • 孤立的元素
      • 避免太多孤立的元素
      • 不应该存在亲密性
        • 把他们分开
        • 非同组元素不要建立关系
  • 对齐 Alignment
    • 任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系。
    • 对齐的效果
      • 得到更内聚的单元
      • 即使元素的物理位置彼此分离，对齐后有一条看不见的线把它们连接到一起
      • 即使项不靠近，但能属于同一组
    • 如何做
      • 找出一条明确的线，以它为基准对齐
        • 一条明确的对齐线
      • 确保每一项都与页面上其他项存在某种对齐
      • 图片也要按一个边界或基线对齐
    • 对齐方式
      • 页面只使用一种文本对齐
      • 避免居中对齐，太乏味了
    • 小心文本锯齿形边界
      • 中文在这个问题不大
  • 重复 Repetition
    • 设计的某些方面需要在整个作品中重复
      • 重复把现用的一致性更加强
    • 重复元素可以建立连续性
      • 将一系列出版物从视觉上系为一体
        • 名片
        • 信笺
        • 信封
      • 多页合为一体的主要因素（多页出版物）
    • 重复的好处
      • 使各项看起来属于同一组
        • 虽然元素看起来不完全相同
      • 重复可以带来专业和权威
    • 引起你兴趣的元素就能拿来重复
    • 重复的项不一定完全相同
      • 选择一个简单的元素，用不同的方式使用
        • 多样而统一
      • 对于大家熟悉的元素
        • 只包含一部分
    • 不要把重复用得太滥
      • 避免太多重复
      • 注意对比的价值
  • 对比 Contrast
    • 如果两个项不完全相同，就应当使之不同，而且应当是截然不同
    • 对比必须强烈
      • 两个元素差别不大那个是冲突，不是对比
      • 避免元素太过相似，干脆让他们截然不同
    • 我们的眼睛喜欢看到对比的事物
    • 对比元素不能让人混淆，也不能错误强调重点
      • 不该强调不是重点的东西
    • 水平布局与垂直布局的对比
• 颜色使用
  • 色轮
    • 三原色
      • 三间色/二次色
        • 第三色/三次色
  • 单色
    • 颜色的明暗
  • 颜色关系
    • 互补色
      • 直线相对的两种颜色
      • 强列的对比效果
        • 活力、能量、兴奋
      • 一种作为主色，另一种用于强调
      • 最好效果
        • 一种面积大
        • 一种面积小
    • 三色组
      • 基色三色组/原色搭配
        • 儿童产品常同时使用三原色
        • 红黄搭配应用的范围很广
          • 快餐店
          • 加油站
        • 蓝红搭配
          • 分离时才吸引人
          • 相邻产生冲突
      • 间色三色组/二次色搭配
        • 二次色之间都拥有一种共同的颜色
          • 两种共同拥有蓝色
          • 两种共同拥有黄色
          • 两种共同拥有红色
        • 轻易能够形成协调的搭配
        • 三种二次色同时使用
          • 则显得很舒适、吸引，并具有丰富的色调
        • 它们同时具有的颜色深度及广度
    • 分裂互补色
      • 互补色两侧的颜色
      • 更细致的边缘
      • 既和谐又有重点
      • 图中红色更加突出
    • 类似色/类比色
      • 相邻的颜色
      • 拥有相同基础色
      • 低对比度
      • 和谐的组合
      • 沉着冷静
  • 色质
    • 某种颜色的特定明暗度，深浅度，色调
    • 使用类似色质的色调
      • 对比太弱
      • 避免他们挨在一起
  • 冷暖色
    • 暖色，包含红色或黄色。冷色，包含蓝色
    • 增加红色或黄色，给颜色“加热”。增加蓝色，给颜色“降温”
    • 冷色趋于退后，暖色趋于前进
    • 暖色更能产生效果
    • 组合冷暖色，一定要少用一些暖色
• 特定设计品
  • 传单设计
    • 你的传单要在全世界各种文字垃圾中独树一帜
    • 可以使用有趣的字体
    • 出乎寻常就会让读者停下来看一眼
    • 不要把东西放在方框里
    • 大多数传单最严重的问题就是缺少对比
    • 创建一个中心点
  • 名片设计
    • 除了主色，如果还是用第二种颜色，用量一点要少
      • 稍稍点缀就好
    • 不要在角落放东西
    • 不要使用居中布局
    • 不要把空间填满
    • 没必要加前标Email,Tel等等
    • 一定要对齐，按基线或者左右边界对齐
    • 小心字体大小
    • 和企业其他东西要有一致性的图像
• 字体的设计与选择
  • What type shall I use? The gods refuse to answer.They refuse because they do not konw.
  • 要对比不要冲突
  • 笔画的粗/细过渡
    • 没有过渡
      • 黑体
  • 边角
    • 没有变化
      • 黑体
    • 锋利的变化
      • 宋体
    • 流畅的变化
      • 楷体
    • 圆滑的变化
      • 幼圆
  • 超粗字体
    • 琥珀
  • 字之间的空间
  • 行间距
  • 艺术字体
    • 行楷
    • 毛笔字
    • 手写字体
    • 各种变形的字体
• 一些小技巧
  • 大写=>小写，留出更多空白，字体更大
  • 简单的表达好过不专业的设计
  • 留白能让你眼睛稍作休息
  • 要有意识注意你是如何阅读的
    • 视线如何移动
  • 设计人员常控制读者的视线，使其注意力保持在页面上
    • 结尾和标题都使用粗体（重复）
  • 不要害怕让一些项很小，一旦读者把握住重点，只要他们感兴趣，自然会去读那些小字
  • 读者的眼睛总是随着页面上任何人或动物的眼睛看过去
  • 使用居中对齐
    • 文本居中，文本块不居中
    • 使用随意有趣的字体
  • LOGO
    • 只使用一部分
    • 放大并淡化
• 其他一些原则
  • 不要畏畏缩缩
  • 空白也是一种设计元素
  • 人眼喜欢有序的事物，给人平静安全
  • 要有空白，而且让空白有条理
    • 有意识的组织空白，像组织信息那样
  • 规则是用来打破的！
    • 打破前必须清楚规则是什么
    • 如果打破规则，一定要彻底，表现出这是有意的。
  • 设计包装需要重复原则，每一个作品必须有某个辨识性图标或风格
  • 信笺，信封，明信片，要采用一种布局
• 说明
  • 参考资料
    • 《透视色轮》
      • 难以确定文章版权所以就不给网址了
  • 书本中很多内容在这张图中无法体现
    • 本来这些原则都是混杂在一起的，而非独立存在。似乎用思维导图来总结略显吃力。
    • 另外一些东西，因为种种原因。我不是很在意，而且在部分内容中加入了一些自己的理解。