《The Non-Designer's Design Book》笔记

• 书名：《写给大家看的设计书》（第4版）豆瓣
• 原书名称：《The Non-Designer’s Design Book》(4th Edition)Goodreads

第1章 引言

4大基本原则

• 对比（Contrast）
  • 对比的基本思想是，要避免页面上的元素太过相似。要让页面引人注目，对比通常是最重要的一个因素，正是它能使读者首先看这个页面。
• 重复（Repetition）
  • 让设计中的视觉要素在整个作品中重复出现。既能增加条理性，还可以加强统一性。
• 对齐（Alignment）
  • 任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能建立一种清晰、精巧而且清爽的外观。
• 亲密性（Proximity）
  • 彼此相关的项应当靠近，归组在一起。有助于组织信息，减少混乱，读者提供清晰的结构。

第2章 亲密性

• 亲密性原则：将相关的项组织在一起。
• 物理位置的接近就意味着存在关联。
• 把相关的元素分在一组，使它们建立更近的亲密性。
• 如果某些元素在理解上存在关联，或者相互之间存在某种关系，那么这些元素在视觉上也应当有关联。除此以外，其他孤立的元素或元素组则不应存在亲密性。位置是否靠近可以体现出元素之间是否存在关系。
• 亲密性的根本目的是实现组织性。
• 要避免的问题：
  • 避免一个页面上有太多孤立的元素。
  • 不要在元素之间留出同样大小的空白，除非各组同属于一个子集。
  • 标题、子标题、图表标题、图片能否归入其相关材料？在这个问题上一定要非常清楚（哪怕只有一点含糊都要尽量避免）。在有很近亲密性的元素之间建立关系。
  • 不同属一组的元素之间不要建立关系！如果元素彼此无关，要把它们分开。
  • 不要仅仅因有空白就把元素放在角落或中央。

第3章 对齐

• 对齐原则：任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系。
• 养成为元素画线的习惯，用线来明确哪里缺少关联。
• 居中对齐会创建一种更正式、更稳重的外观，这种外观显得更为中规中矩，但同产业很乏味。
• 只使用一种对齐方式。页面上只使用一种文本对齐，所有文本都左对齐，或右对齐，或者全部居中。
• 两端对齐（方形左右对齐，块对齐），无论对齐方式叫什么，都要尽力避免，除非行足够长，能够避免单词之间出现难看的空隙。
• 在页面上放其他项时，一定要确保每一项都与页面上的其他项存在某种对齐。
• 只要你是有意为之，有时候完全可以任意地打破常规对齐。但在打破规则之前必须清楚规则是什么。
• 对齐的根本目的是使页面统一而且有条理。

第4章 重复

• 设计的某些方面需要在整个作品中重复。
• 重复有助于组织信息，可以帮助读者浏览各个页面，也有利于将设计中单独的部分统一起来。
• 重复还会为你的作品带来一种专业性和权威性，不管它看起来多有趣。
• 重复的目的就是统一，并增强视觉效果。
• 要避免太多地重复一个元素，重复太多会让人讨厌。

第5章 对比

• 页面上不同的元素之间要有对比效果，达到吸引读者的对比效果。
• 如果两个元素虽然不同，但是区别不大，这时候就不是对比，而是冲突。
• 对比的根本目的：增强页面的效果；有助于信息的组织。

第7章 颜色运用

• 色轮的基础是黄红和蓝3种颜色。这些颜色被称为三原色，因为这是唯一无法创建的颜色。
• 将色轮上相邻的颜色等量混合，就会得到三间色（secondary color）。
• 只需将两边的颜色按等量混合，得到的这些颜色称为第三色。
• 互补：色轮上相对（即完全对立）的颜色为互补色。由于它们如此对立，所以最佳搭配是一种作为主色，另一种用于强调。
• 三色组：彼此等距的三种颜色通常会形成一个让人愉悦的三色组。由三原色组合而成称为基色三色组。
• 分裂互补三色组：从色轮的一边选择一种颜色，再在色轮上找出它对面的互补色，不过并不直接使用这个互补色，而是使用该互补色两侧的颜色。
• 类似色组合由色轮上彼此相邻的颜色组成。
• 暗色与亮色
  • 纯色就是色调。
  • 向色调增加黑色就构成一个暗色。
  • 向色调增加白色就构成一个亮色。
• 色质
  • 指某种颜色的特定明暗度、深浅度或色调。
  • 如果设计要求使用有类似色质的色调，一定要尽力避免它们挨在一起，另外每种色调的用量也不要完全相同。
• 冷暖色
  • 冷色趋于做背色，而暖色是趋进型的。
  • 如果要组合暖色和冷色，一定要少用些暖色。
  • 由于冷色是后退型的，所以使用（有时则必须使用）更多的冷色才能产生效果或形成有效的对比。
• 不要让冷暖色太过均衡！一定要充分利用这种视觉现象。
• CMYK 和 RGB
  • 需要印刷的项目应当使用 CMYK；
  • 需要在屏幕上看的内容则应使用 RGB。

第8章 更多提示与技巧

• 建立标识性包装时，最重要的特性之一是需要遵循重复原则：每一件作品中都必须有某个标识性图像或某种标识性风格。

第9章 字体的基本规则

• 标点后面一个空格。
• 另一个业余设计师常犯的明晃晃的错误就是使用打字机引号('")，而不是印刷引号(’“)。
• 撇号最常见的使用错误是：
  • 使用打字机符号，
  • 把撇号放在错误的地方。
• 使用真正的破折号，而不是：–
• 有时候全部大写也是绝妙的设计选择。但是你需要找到使用这种做法的理由，一个你说得出来的理由。
• 不要使用下划线。
• 字号越大，空间调整就越重要。
• 跟随在有样式的文字后的标点：如果有一个单词的样式是粗体、斜体或另外一种字体，紧随最后一个字母的标点也应该是同样的样式。
• 括号中的标点：如果你不清楚标点应该出现在括号的里面还是外面，就看看这条文法上的规定。
  • 如果括号中的文字是整个句子的一部分，那么标点就应该在闭括号之外（就像这里的例子一样）。
  • 如果括号内的文字是一个完整单独的句子，标点应该出现在括号内。（这就是一个标点出现在括号内的例子。）
• 段落缩进
• 段落缩进或段落间的空行：不要同时使用段落缩进或段落间空行。
• 首段：根据前面讲述的原则的逻辑，应该可以理解为什么跟随在题目或小标题后的首段不需要缩进。
• 把文字放进方框里：如果你确实要把文字放进方框里，那就要在四周都留足够的空间。
• 在列表中使用项目符号或装饰符号，而不是连字符

第10章 字体（与人生）

• 如果只使用一个字体系列，在样式、大小、字体粗细等方面没有什么变化，就会产生一种协调的关系。
• 如果结合使用了多种字体，它们在样式、大小、字体粗细等方面很类似（但并不相同），就会出现一种冲突的关系。
• 如果结合的多种字体和元素彼此之间截然不同，就会出现一种对比关系。
  • 字体对比有 6 种明确的不同方式：大小、粗细、结构、形状、方向和颜色。
  • 建立字体对比时要遵循这样一条规则：不要太保守 !

第11章 字体类别

• Oldstyle（旧式体）：旧式体类别中的字体是基于手写体创建的。
• Modern（现代体）：结构很严格，笔划中有剧烈的粗 / 细过渡（或对比）。因为不存在笔的倾斜，所以强调线完全是垂直的。
• Slab serif（粗衬线体）：可以提供很好的可读性，这说明它们可以很好地用于显示大量文本。
• Sans serif（无衬线体）：无衬线体就是指笔划末端没有衬线的字体。
• Script（手写体）：绝对不能将大段文本设置为这些有趣的字体，而且绝对不能设置为全大写。不过手写体设置得非常大时可能会让人印象特别深刻。放手去做，千万不要保守！
• Decorative（花体）：使用要有限制。

第12章 字体对比

• Size（大小）：为了有效的使用大小对比，绝对不要保守。
• Weight（粗细）
  • 粗细对比是为页面增加视觉效果最容易而且最有效的方法之一，而且无需重新做任何设计。
  • 粗细对比不仅能使页面更引人注目，也是组织信息的最有效的方式之一。
• Structure（结构）
  • 如果你要结合使用来自两种不同字体系列中的字体，就要使用不同结构的字体系列。
  • 不要把同一个类别中的两种字体放在同一个页面上。
• Form（形状）
  • 可以简单地把形状对比认为是大写与小写的对比。
• Direction（方向）
  • 不要设置方向。
  • 只有当你能明确地说出原因时才可以设置有方向的文本，你要能够说明为什么这种字体必须有方向，为什么它能增加美感或促进表达。
  • 实现字体方向对比时还可以介入布局中的其他部分，如结合图片或线条来强调方向或形成方向反差。
• Color（颜色）
  • 暖色（红色、橙色）是前进型的，会引起我们的注意。
  • 冷色（蓝色、绿色）则是远离型的，总是在我们的视线中后退。
  • 需要更多的冷色才能产生有效的对比。

第13章 过程

1. 从中心点开始。确定希望读者最先看什么。除非你已经决定要建立一个非常协调的设计，否则就应该创建一个有强烈对比的中心点。
2. 将信息分组。按逻辑进行分组，确定这些组之间的关系。通过组之间的靠近与否（亲密性）来显示这些关系。
3. 在页面上组织文本和图片时，要建立并维护明确的对齐。
4. 创建重复，或者找出可以重复的项。
5. 除非你已经决定创建一种协调的设计，否则一定要建立强烈的对比，这样会吸引读者的视线。要记住，对比要黑白分明。