写给大家看的设计书

《写给大家看的设计书:实例与创意》是两位世界级设计师的合作经典。他们用简练有趣的语言让复杂的设计问题变得通透易懂。从标志到名片，再从广告牌到宣传册，这里汇集了你经常遇到的设计项目，以及6位明星大师的精彩设计实例。不仅能够使你在设计中有章可循，还会激发你的设计创意。 这是平面设计入门经典大作、零基础自学平面设计指导手册！

写给大家看的设计书

• 第一部分 设计原则
  • 第一章 引言
  • 第二章 亲密性
    • 亲密性原则——将相关的项组织在一起，移动这些项，使他们的物理位置相互靠近，这样一来，相关的项将被看做凝聚为一体的一个组，而不再是一堆彼此无关的片段。
      • 案例1
        • • 如果我们看到这样的两个人走在街上，他们的关系并不明确。他们有关系吗？他们彼此认识吗？
        • • 现在，这两个人之间的亲密性告诉我们，他们之间存在关系。在页面上也是同样。
      • 案例2
        • • 在这样小的空间里你看到多少个单独的元素？你的眼睛要停下来多少次才能看全这张名片上的所有信息？ 1.你的眼睛是不是停过5次？ 你是从哪里开始看的？可能是从中间，因为中间的短句字体最粗。 2.接下来看什么？是不是按从左向右的顺序读？ 3.如果你已经堵到名片的最后（即右下角），你的目光又会移向哪里？ 4.你是不是还会全盘再巡视一番，确保自己没有遗漏任何角落？
        • • 1.现在有两个元素都是粗体，你又该从哪里开始呢？从左上角吗？还是从中间开始？ 2.读完这两项之后，接下来看什么？也许你会在这些粗体之间看来看去，紧张兮兮地想找出角落里还隐藏着哪些词尚未看到。 3.你知道什么时候才算完吗？
        • • 如果多个项相互之间有很近的亲密性，他们就会成为一个视觉单元，而不是多个孤立的元素。就像实际生活中一样，亲密性（即紧密型）意味着存在关联。
          • 如果把类似的元素组织为一个单元，马上会带来很多变化。首先，页面会变得更有条理。其次，你会清楚地知道从哪里开始读信息，而且明白什么时候结束。另外,“空白”（字母以外的空间）也会变得更有组织。
      • 亲密性原则并不是说所有一切都要更靠近，其真正的含义是：如果某些元素在理解上存在关联，或者相互之间存在某种关系，那么这些元素在视觉上也应当有关联。
      • 亲密性小结
        • 如果多个项相互之间存在很近的亲密性，它们将成为一个视觉单元，而不是多个孤立的元素。
        • 根本目的：亲密性的根本目的是实现组织性。
        • 如何实现：微微眯起眼睛，统计眼睛停顿的次数来数一数页面上有多少个元素。如果页面上的项超过3-5个，就要看看哪些孤立的元素可以归在一组简历更近的亲密性，使之成为一个视觉单元。
        • 要避免的问题：避免一个页面上有太多孤立的元素。
  • 第三章 对齐
    • 对齐原则——任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系。
      • 案例
        • • 这不算糟糕，但是这种居中布局有点乏味，而且边框舒服了整个空间，给人一种受限制的感觉。
        • • 这种左对齐使页面更为精美。只是在左边留有虚线，这就使页面变得开放，而且突出了对齐。
        • • 文本位于左侧，采用了右对齐。为了与布局的右对齐格式保持一致，输入的字体只能是严格的左对齐。
      • 对齐小结
        • 任何元素都不能在页面上随意摆放。每个元素应当与页面上的另外一个元素存在某种视觉联系。
        • 根本目的：对其的根本目的是使页面统一而且有条理。
        • 如何实现：要特别注意元素放在哪里。
        • 要避免的问题：要避免在页面上混合使用多种文本对齐方式（也就是说，不要将某些文本居中，而另外一些文本右对齐）
  • 第四章 重复
    • 重复原则——设计的某些方面需要在整个作品中重复。重复元素可能是一种粗字体、一条粗线、某个项目符号、颜色、设计要素、某种格式、空间关系等。读者能看到的任何方面都可以作为重复元素。
      • 案例
        • • 在生活中我们经常为了清晰和统一而需要重要性元素。图中的某一些人是同一个队的，但是我们看不出来。
        • • 他们衣服的重复性让我们马上就能看出来这些人属于某个组织。这是一种常见的手法。
      • 重复原则小结
        • 设计中视觉元素的重复可以将作品中的各部分连在一起，从而统一并增强整个作品，否则这些部分只是彼此孤立的单元。
        • 根本目的：重复的目的就是统一，并增强视觉效果。
        • 如何实现：重复可以认为是保持一致性，现在，需要把现有的一致性更向前推进一步。
        • 要避免的问题：要避免太多地重复一个元素。
  • 第五章 对比
    • 页面上的不同元素之间要有对比效果，达到吸引读者的对比效果。
      • 案例
        • • 这两个是同一个人吗？我们是应该把他们看作同一个人，还是应该把他们看作不同的人。
        • • 如果他们是不同的，那就让他们看起来截然不同。
      • 对比作用：对比不仅可以用来吸引眼球，还可以用来组织信息、清晰层级、在页面上引导读者，并且制造焦点。
      • 对比原则小结
        • 在页面上增加对比能吸引人的眼球。我们眼睛喜欢看到对比的事物。
        • 根本目的：对比的根本目的有两个，这两个目的相辅相成，无法分开。一个目的是增强页面的效果，如果一个页面看起来很有意思，往往更有可读性。另一个目的是有助于信息的组织。
        • 如何实现：可以通过字体选择、线宽、颜色、形状、大小。空间等来增强对比。
        • 要避免的问题：不要犹豫。如果你想形成对比，就加大力度。不要讲一种粗线与一种更粗的线进行对比。不要将棕色文本与黑色标题建立对比。要避免使用两种或多种类似的字体。
  • 第六章 4大基本原则复习
  • 第七章 颜色运用
    • 不同凡响的色轮
      • 三原色
        • • 红 / 黄 / 蓝
      • 三间色
        • • 黄+蓝=绿色
          • 蓝+红=紫色
          • 红+黄=橙色
      • 色轮
      • 互补
        • • 色轮上相对（即完全对立）的颜色为互补色
            • 搭配方法：因为对立，所以最佳搭配是一种作为主色，另一种用于强调。
      • 三色组
        • • 彼此等距的三种颜色通常会形成一个让人愉悦的三色组。红色、黄色和蓝色就是一种极其流行的颜色组合，儿童产品通常都采用这种组合。
      • 分裂互补三色组
        • • 另一种形式的三色组称为分裂互补三色组。从色轮的一边选择一种颜色，再在色轮上找出它对面的互补色，不过并不直接使用这个互补色，而是使用改互补色两侧的颜色。这样得到的组合会有一种更为细致的颜色边界。
      • 类似色
        • • 类似色组合由色轮上彼此相邻的颜色组成。
      • 暗色和亮色
        • • 1. 纯色就是色调
          • 2. 向色调增加黑色就构成一个暗色。
          • 3. 向色调增加白色就构成一个亮色。
      • 单色
        • • 单色组合由一种色调及其相对应的多种亮色和暗色组成。
      • 暗色和亮色的组合
      • 暖色与冷色
        • • 过多的红色看起来过于强烈，让人很不舒服。
        • • 你能感觉到红色仍然支配着蓝色吗？你需要考虑你想要让读者先看哪里.
        • 颜色往往要么是暖色，要么是冷色。
          • 1. 冷色趋于做背景色，而暖色是趋进型的。
          • 2. 暖色不费多大功夫就能产生效果，红色和黄色能立即映入你的眼帘。
          • 3. 如果要组合暖色和冷色，一定要少用些暖色。
          • 4. 不要让冷暖色太过均衡。
    • CMYK
      • Cyan(蓝色） Magenta（一种红 / 粉红色） Yellow（黄色） Key（通常是黑色）
    • RGB
      • Red（红色） Green（绿色） Blue（蓝色）
    • 1. 需要印刷的项目应当使用CMYK ; 2. 需要在屏幕上看的内容则应使用RGB
  • 第八章 更多提示与技巧
• 第二部分 字体设计
  • 字体类别
    • Oldstyle（旧式体）——旧式体类别中的字体是基于手写体创建的。
    • Modern（现代体）——现代体有衬线，不过它们的衬线是水平的。
    • Slab serif（粗衬线体）
    • Sans serif（无衬线体）
    • Script (手写体）
    • Decorative（花体）