Skip to content

Latest commit

 

History

History
232 lines (198 loc) · 15.5 KB

File metadata and controls

232 lines (198 loc) · 15.5 KB

第一部分:设计原则

第一章:引言

  1. 约书亚树的例子: 通过作者自身经历,说明一旦能够准确描述某个事物,就能更容易地识别和掌握它。
  2. 四大基本原则: 亲密性、对齐、重复和对比。
    • 亲密性: 将相关的元素组织在一起,增强页面的条理性和组织性。
    • 对齐: 将元素与页面上的其他元素进行对齐,使页面更统一和有条理。
    • 重复: 在设计中重复视觉元素,增强页面的统一性和连续性。
    • 对比: 在元素之间建立对比,吸引读者的注意力,并组织信息。

第二章:亲密性

  1. 定义:亲密性原则指的是将相关的元素组织在一起,使它们在视觉上更靠近,形成一个整体。这就像在生活中,我们很容易识别出彼此有关系的两个人,因为他们会站得比较近。

  2. 重要性

    • 增强页面的条理性和组织性: 将相关的元素分组,使页面看起来更有结构,读者更容易理解信息。
    • 帮助读者更容易地理解页面内容: 通过视觉上的分组,读者可以更快地抓住信息的关键点。
    • 使页面看起来更美观: 亲密性原则可以使页面看起来更整洁、更专业,更具吸引力。
  3. 如何实现亲密性

    • 将相关的元素分组: 根据元素之间的逻辑关系,将它们分成不同的组。例如,将同一主题的文章标题和正文归为一组,将菜单中的不同菜品归为一组。
    • 调整元素之间的间距: 通过调整元素之间的间距,使它们看起来更靠近。例如,可以减小项目符号和项目内容之间的间距,或将图片和正文内容放得更近。
    • 使用空白来区分不同的组: 在不同的组之间留出空白,可以清晰地划分信息区域,避免页面显得杂乱无章。
  4. 避免的问题

    • 不要将不相关的元素放在一起: 只有相关的元素才应该靠近,否则会导致页面混乱。

    • 不要在元素之间留出相同的空白,除非它们属于同一组: 相同的空白会模糊不同组之间的界限。

    • 不要仅仅因为有空白就将元素放在角落或中央: 元素的位置应该根据它们的逻辑关系来决定。

第三章:对齐

  1. 对齐的定义: 将元素与页面上的其他元素或参考线对齐,建立视觉上的联系,使页面看起来更统一、更整洁。
  2. 对齐的重要性:
    1. 增强页面的统一性和条理性。
    2. 使页面看起来更专业、更易于阅读。
    3. 避免页面显得杂乱无章。
  3. 如何实现对齐:
    1. 使用文本基线对齐文本行。
    2. 对齐文本块的左右边界。
    3. 将图片的边界与页面上的其他元素对齐。
    4. 使用参考线来辅助对齐。
  4. 避免的问题:
    1. 不要混合使用多种文本对齐方式。
    2. 尽量避免使用居中对齐,除非你想要营造一种正式、稳重的氛围。

第四章:重复

  1. 重复即让设计中的视觉元素在整个作品中重复出现,以达到统一和增强视觉效果的目的。=
  2. 重复的重要性:
    1. 增强统一性: 重复元素将页面中的各个部分连接在一起,使它们看起来像一个整体。
    2. 提高条理性: 重复元素帮助读者浏览各个页面,理解信息结构。
    3. 提升专业性: 重复元素给人一种经过深思熟虑的感觉,增强作品的专业性和权威性。
  3. 如何实现重复:
    1. 找到现有重复: 观察现有设计,找出可以重复使用的元素,例如字体、颜色、线、图片等。
    2. 加强现有重复: 将现有的重复元素变得更加明显和突出,例如增大字体大小、使用更粗的线、选择更醒目的颜色等。
    3. 创造新重复: 设计新的元素,并将其在整个作品中重复使用,例如创建一个独特的标志或图案。
  4. 注意事项:
    1. 避免过度重复: 过度重复会使作品显得单调乏味,失去个性。
    2. 结合对比: 重复元素应该与对比元素相结合,以增强视觉效果和信息的层次结构。
    3. 保持灵活性: 重复元素可以以不同的方式进行使用,例如改变大小、颜色或角度,以保持作品的新鲜感。

第五章:对比

  1. “对比”原则,即让页面上的不同元素之间形成对比效果,以达到吸引读者注意力、组织信息、清晰层级和制造焦点等目的。
  2. 对比的重要性:
    1. 吸引眼球: 对比是吸引读者注意力的最有效途径,可以使页面更加引人注目。
    2. 组织信息: 对比可以帮助读者快速理解信息结构,并抓住要点。
    3. 清晰层级: 对比可以区分不同元素的重要性,并引导读者阅读顺序。
    4. 制造焦点: 对比可以使读者更容易注意到你希望他们关注的内容。
  3. 如何实现对比:
    1. 字体对比: 选择不同大小、粗细、结构、形状、方向或颜色的字体进行组合,例如衬线体与无衬线体、粗体与细体、大写与小写等。
    2. 颜色对比: 使用不同颜色进行组合,例如黑白、冷暖色、互补色等。
    3. 线宽对比: 使用不同粗细的线条进行组合。
    4. 形状对比: 使用不同形状的元素进行组合,例如圆形与方形、水平与垂直等。
    5. 大小对比: 使用不同大小的元素进行组合。
    6. 空间对比: 使用不同间距的元素进行组合。
  4. 注意事项:
    1. 对比要强烈: 对比元素之间必须存在明显的差异,才能产生吸引力和效果。
    2. 避免过度对比: 过度对比会使作品显得混乱,失去焦点。
    3. 结合其他原则: 对比应该与其他设计原则相结合,例如亲密性、对齐和重复,以创造更完整的设计效果。

第六章:4 大基本原则复习

  1. 四大设计原则的复习:
    1. 亲密性: 将相关的元素组织在一起,建立视觉联系,增强组织性和条理性。
    2. 对齐: 将元素与页面上的其他元素对齐,增强统一性和专业性。
    3. 重复: 让设计中的视觉元素在整个作品中重复出现,增强一致性和统一性。
    4. 对比: 让页面上的不同元素之间形成对比效果,吸引注意力、组织信息和制造焦点。
  2. 设计实践的建议和技巧:
    1. 不要畏畏缩缩: 不要害怕留白、使用不对称的布局、使用大或小的字体、使用大或小的图片等。
    2. 创建中心点: 在页面上放置一个醒目的元素,吸引读者的注意力。
    3. 使用空白: 有效地利用空白空间,避免空白被截留。
    4. 打破规则: 在了解规则的基础上,可以有意地打破规则,创造更具创意的效果。
    5. 寻找灵感: 从其他优秀的设计作品中寻找灵感,并分析它们成功的原因。
    6. 实践练习: 通过练习来提高设计技能,例如重新设计一些你认为设计得不好的作品。

第七章:颜色运用

  1. 色彩的基础知识:
    • 色轮: 色轮由三原色(黄、红、蓝)和三间色(绿、紫、橙)组成,可以用于创建协调的颜色组合。
    • 颜色关系:
      • 互补色: 色轮上相对的颜色,可以形成强烈的对比,常用于强调。
      • 三色组: 色轮上等距的三种颜色,常用于儿童产品等,给人一种愉悦的感觉。
      • 分裂互补三色组: 从色轮的一边选择一种颜色,再在色轮上找出它对面的互补色,然后使用该互补色两侧的颜色,可以形成更细致的颜色边界。
      • 类似色: 色轮上彼此相邻的颜色,可以形成协调的颜色组合。
      • 暗色和亮色: 向色调增加黑色或白色,可以创建暗色和亮色,丰富色彩选择。
      • 单色: 使用一种色调及其相应的多种亮色和暗色,可以产生丰富的效果。
      • 暗色和亮色的组合: 选择四种颜色关系之一,但使用这些颜色的不同亮色和暗色,可以大大丰富色彩选择。
      • 色质: 指某种颜色的特定明暗度、深浅度或色调,色质过于接近会导致视觉抖动,需要避免。
      • 暖色与冷色: 暖色(红色、黄色)趋进型,冷色(蓝色、绿色)后退型,冷色通常用作背景色,暖色用作前景色。
    • 颜色模型:
      • CMYK: 用于印刷,代表青色、品红色、黄色和黑色。
      • RGB: 用于屏幕显示,代表红色、绿色和蓝色。
    • 选择颜色的建议:
      • 根据项目的季节性、公司颜色、照片颜色等因素选择颜色。
      • 创建一个调色板,供所有项目一致地使用。
      • 使用软件提供的工具选择颜色。

第八章:更多提示与技巧

  1. 设计包装或品牌:
    1. 重复元素: 每件作品中都必须有某个标识性图像或某种标识性风格,将设计元素在整个作品中重复使用。
    2. 一致性: 保持一致性,例如颜色、字体、布局等,增强品牌识别度。
  2. 设计企业名片:
    1. 尺寸和格式: 选择合适的尺寸和格式,例如水平或垂直布局。
    2. 字体大小: 使用较小的字体大小,例如9磅或10磅。
    3. 一致性: 与信笺和信封保持一致的设计风格。
  3. 设计信笺和信封:
    1. 一致性: 与企业名片保持一致的设计风格。
    2. 创建中心点: 放置一个醒目的元素,例如公司logo或标志。
    3. 对齐: 使用一种对齐方式,例如左对齐或右对齐。
  4. 设计传单:
    1. 创建中心点: 放置一个醒目的元素,例如图片或标题。
    2. 使用对比: 使用对比来组织信息,例如字体大小、颜色、字体粗细等。
    3. 重复: 使用重复元素,例如字体或颜色,增强一致性。
  5. 设计新闻简报:
    1. 一致性: 保持一致性,例如颜色、字体、布局等。
    2. 对齐: 使用一种对齐方式,例如左对齐或右对齐。
    3. 字体选择: 使用合适的字体,例如衬线体或无衬线体,并根据内容选择字体大小和粗细。
    4. 正文可读性: 使用合适的行间距和字体大小,使正文易于阅读。
  6. 设计宣传册:
    1. 折法: 选择合适的折法,例如三折、单折或方形折。
    2. 页码顺序: 确保页码顺序符合阅读习惯。
    3. 避免折痕遮挡信息: 确保重要信息不在折痕处。
  7. 设计明信片:
    1. 与众不同: 选择独特的设计元素,例如形状或颜色。
    2. 成系列: 设计一系列明信片,增强品牌识别度。
    3. 明确具体: 清晰地表达信息,让读者了解你能提供什么。
    4. 简洁: 避免使用过多文字,保持设计简洁。
    5. 使用颜色: 使用颜色吸引读者注意力。
  8. 设计报纸广告:
    1. 留出空白: 避免广告过于拥挤,留出空白空间。
    2. 机敏的标题: 使用吸引人的标题,吸引读者注意力。
    3. 清楚: 明确地告诉读者该做什么。
    4. 简洁: 避免使用过多文字。

第二部分:字体设计

第九章:字体的基本规则

字体使用的规则:

  • 标点后一个空格: 不要在标点后使用两个空格,使用一个空格即可。
  • 引号: 使用正确的引号,例如美式引号和英式引号。
  • 撇号: 使用正确的撇号,避免使用打字机撇号。
  • 连接号: 使用正确的连接号,例如连字符和一字线。
  • 破折号: 使用正确的破折号,避免使用两个连字符。
  • 特殊符号: 使用正确的特殊符号,例如版权符号、商标符号等。
  • 重音符号: 使用正确的重音符号。
  • 大写字母: 避免使用全大写字母,这会影响可读性。
  • 下划线: 避免使用下划线,使用粗体或斜体来强调文字。
  • 字距调整: 手动调整字间距,避免使用默认的字间距。
  • 寡妇和孤儿: 避免出现寡妇和孤儿,即一段文字的最后一行字符数太少或与其他文字分离。
  • 其他规则: 遵循其他排版规则,例如段落缩进、首段缩进、文字对齐等。

第十章:字体(与人生)

  1. 字体的作用:
    1. 搭建排版页面的基本模块: 字体是构成页面的基本元素,不同的字体可以产生不同的视觉效果和表达效果。
    2. 表达信息: 字体可以传达不同的情绪和风格,例如严肃、活泼、优雅等。
    3. 增强视觉效果: 字体可以与图片、颜色等其他设计元素相结合,增强页面的视觉效果。
  2. 字体之间的关系:
    1. 协调: 使用同一种字体系列,所有元素都采用相同的设计风格。
    2. 冲突: 使用两种或多种相似的字体,导致页面显得混乱。
    3. 对比: 使用两种或多种截然不同的字体,形成强烈的视觉效果和表达效果。
  3. 如何有效组合多种字体:
    1. 字体对比: 通过字体的大小、粗细、结构、形状、方向和颜色等属性进行对比,例如衬线体与无衬线体、粗体与细体、大写与小写等。
    2. 结合其他设计原则: 将字体对比与其他设计原则相结合,例如亲密性、对齐和重复,以创造更完整的设计效果。
    3. 避免过度对比: 避免使用过多的对比元素,导致页面显得混乱。
    4. 练习和观察: 通过练习和观察优秀的设计作品,提高对字体的敏感度和审美能力。

第十一章:字体类别

  1. 旧式体:
    1. 特点: 基于手写体创建,具有衬线,笔划粗细变化缓和,结构优雅。
    2. 适用场合: 显示大量文本,例如书籍、杂志、报纸等。
  2. 现代体:
    1. 特点: 结构严格,笔划粗细变化剧烈,具有强烈的对比,给人一种冷酷、高雅的感觉。
    2. 适用场合: 显示少量文本,例如标题、标语、广告等。
  3. 粗衬线体:
    1. 特点: 字体粗细变化很小,笔划粗壮,结构简洁,给人一种直接、现代的感觉。
    2. 适用场合: 显示大量文本,例如儿童图书、说明书等。
  4. 无衬线体:
    1. 特点: 没有衬线,笔划粗细一致,结构简单,给人一种干净、现代的感觉。
    2. 适用场合: 显示大量文本,例如网页、电子文档等。
  5. 手写体:
    1. 特点: 像手写一样,笔画流畅、飘逸,给人一种个性化和温馨的感觉。
    2. 适用场合: 标题、标语、装饰性元素等。
  6. 花体:
    1. 特点: 字体形状奇特,装饰性强,给人一种夸张和引人注目的感觉。
    2. 适用场合: 标题、标语、装饰性元素等。

第十二章:字体对比

  1. 字体对比的要素:
    1. 大小: 使用不同大小的字体来突出重点或创建层次结构。
    2. 粗细: 使用不同粗细的字体来突出重点或创建层次结构。
    3. 结构: 使用不同结构的字体来增加对比,例如衬线体与无衬线体。
    4. 形状: 使用不同形状的字体来增加对比,例如大写与小写、罗马体与斜体。
    5. 方向: 使用不同方向的字体来增加对比,例如水平文本与垂直文本。
    6. 颜色: 使用不同颜色的字体来增加对比,例如黑白文本。
  2. 字体对比的原则:
    1. 不要保守: 选择对比强烈的字体,避免使用相似度高的字体组合。
    2. 结合多种对比: 将多种对比要素相结合,例如大小对比和粗细对比。
    3. 考虑表达效果: 选择合适的字体对比来传达特定的情绪和风格。
    4. 练习和观察: 通过练习和观察优秀的设计作品,提高对字体对比的敏感度和审美能力。