- 约书亚树的例子: 通过作者自身经历,说明一旦能够准确描述某个事物,就能更容易地识别和掌握它。
- 四大基本原则: 亲密性、对齐、重复和对比。
- 亲密性: 将相关的元素组织在一起,增强页面的条理性和组织性。
- 对齐: 将元素与页面上的其他元素进行对齐,使页面更统一和有条理。
- 重复: 在设计中重复视觉元素,增强页面的统一性和连续性。
- 对比: 在元素之间建立对比,吸引读者的注意力,并组织信息。
-
定义:亲密性原则指的是将相关的元素组织在一起,使它们在视觉上更靠近,形成一个整体。这就像在生活中,我们很容易识别出彼此有关系的两个人,因为他们会站得比较近。
-
重要性
- 增强页面的条理性和组织性: 将相关的元素分组,使页面看起来更有结构,读者更容易理解信息。
- 帮助读者更容易地理解页面内容: 通过视觉上的分组,读者可以更快地抓住信息的关键点。
- 使页面看起来更美观: 亲密性原则可以使页面看起来更整洁、更专业,更具吸引力。
-
如何实现亲密性
- 将相关的元素分组: 根据元素之间的逻辑关系,将它们分成不同的组。例如,将同一主题的文章标题和正文归为一组,将菜单中的不同菜品归为一组。
- 调整元素之间的间距: 通过调整元素之间的间距,使它们看起来更靠近。例如,可以减小项目符号和项目内容之间的间距,或将图片和正文内容放得更近。
- 使用空白来区分不同的组: 在不同的组之间留出空白,可以清晰地划分信息区域,避免页面显得杂乱无章。
-
避免的问题
-
不要将不相关的元素放在一起: 只有相关的元素才应该靠近,否则会导致页面混乱。
-
不要在元素之间留出相同的空白,除非它们属于同一组: 相同的空白会模糊不同组之间的界限。
-
不要仅仅因为有空白就将元素放在角落或中央: 元素的位置应该根据它们的逻辑关系来决定。
-
- 对齐的定义: 将元素与页面上的其他元素或参考线对齐,建立视觉上的联系,使页面看起来更统一、更整洁。
- 对齐的重要性:
- 增强页面的统一性和条理性。
- 使页面看起来更专业、更易于阅读。
- 避免页面显得杂乱无章。
- 如何实现对齐:
- 使用文本基线对齐文本行。
- 对齐文本块的左右边界。
- 将图片的边界与页面上的其他元素对齐。
- 使用参考线来辅助对齐。
- 避免的问题:
- 不要混合使用多种文本对齐方式。
- 尽量避免使用居中对齐,除非你想要营造一种正式、稳重的氛围。
- 重复即让设计中的视觉元素在整个作品中重复出现,以达到统一和增强视觉效果的目的。=
- 重复的重要性:
- 增强统一性: 重复元素将页面中的各个部分连接在一起,使它们看起来像一个整体。
- 提高条理性: 重复元素帮助读者浏览各个页面,理解信息结构。
- 提升专业性: 重复元素给人一种经过深思熟虑的感觉,增强作品的专业性和权威性。
- 如何实现重复:
- 找到现有重复: 观察现有设计,找出可以重复使用的元素,例如字体、颜色、线、图片等。
- 加强现有重复: 将现有的重复元素变得更加明显和突出,例如增大字体大小、使用更粗的线、选择更醒目的颜色等。
- 创造新重复: 设计新的元素,并将其在整个作品中重复使用,例如创建一个独特的标志或图案。
- 注意事项:
- 避免过度重复: 过度重复会使作品显得单调乏味,失去个性。
- 结合对比: 重复元素应该与对比元素相结合,以增强视觉效果和信息的层次结构。
- 保持灵活性: 重复元素可以以不同的方式进行使用,例如改变大小、颜色或角度,以保持作品的新鲜感。
- “对比”原则,即让页面上的不同元素之间形成对比效果,以达到吸引读者注意力、组织信息、清晰层级和制造焦点等目的。
- 对比的重要性:
- 吸引眼球: 对比是吸引读者注意力的最有效途径,可以使页面更加引人注目。
- 组织信息: 对比可以帮助读者快速理解信息结构,并抓住要点。
- 清晰层级: 对比可以区分不同元素的重要性,并引导读者阅读顺序。
- 制造焦点: 对比可以使读者更容易注意到你希望他们关注的内容。
- 如何实现对比:
- 字体对比: 选择不同大小、粗细、结构、形状、方向或颜色的字体进行组合,例如衬线体与无衬线体、粗体与细体、大写与小写等。
- 颜色对比: 使用不同颜色进行组合,例如黑白、冷暖色、互补色等。
- 线宽对比: 使用不同粗细的线条进行组合。
- 形状对比: 使用不同形状的元素进行组合,例如圆形与方形、水平与垂直等。
- 大小对比: 使用不同大小的元素进行组合。
- 空间对比: 使用不同间距的元素进行组合。
- 注意事项:
- 对比要强烈: 对比元素之间必须存在明显的差异,才能产生吸引力和效果。
- 避免过度对比: 过度对比会使作品显得混乱,失去焦点。
- 结合其他原则: 对比应该与其他设计原则相结合,例如亲密性、对齐和重复,以创造更完整的设计效果。
- 四大设计原则的复习:
- 亲密性: 将相关的元素组织在一起,建立视觉联系,增强组织性和条理性。
- 对齐: 将元素与页面上的其他元素对齐,增强统一性和专业性。
- 重复: 让设计中的视觉元素在整个作品中重复出现,增强一致性和统一性。
- 对比: 让页面上的不同元素之间形成对比效果,吸引注意力、组织信息和制造焦点。
- 设计实践的建议和技巧:
- 不要畏畏缩缩: 不要害怕留白、使用不对称的布局、使用大或小的字体、使用大或小的图片等。
- 创建中心点: 在页面上放置一个醒目的元素,吸引读者的注意力。
- 使用空白: 有效地利用空白空间,避免空白被截留。
- 打破规则: 在了解规则的基础上,可以有意地打破规则,创造更具创意的效果。
- 寻找灵感: 从其他优秀的设计作品中寻找灵感,并分析它们成功的原因。
- 实践练习: 通过练习来提高设计技能,例如重新设计一些你认为设计得不好的作品。
- 色彩的基础知识:
- 色轮: 色轮由三原色(黄、红、蓝)和三间色(绿、紫、橙)组成,可以用于创建协调的颜色组合。
- 颜色关系:
- 互补色: 色轮上相对的颜色,可以形成强烈的对比,常用于强调。
- 三色组: 色轮上等距的三种颜色,常用于儿童产品等,给人一种愉悦的感觉。
- 分裂互补三色组: 从色轮的一边选择一种颜色,再在色轮上找出它对面的互补色,然后使用该互补色两侧的颜色,可以形成更细致的颜色边界。
- 类似色: 色轮上彼此相邻的颜色,可以形成协调的颜色组合。
- 暗色和亮色: 向色调增加黑色或白色,可以创建暗色和亮色,丰富色彩选择。
- 单色: 使用一种色调及其相应的多种亮色和暗色,可以产生丰富的效果。
- 暗色和亮色的组合: 选择四种颜色关系之一,但使用这些颜色的不同亮色和暗色,可以大大丰富色彩选择。
- 色质: 指某种颜色的特定明暗度、深浅度或色调,色质过于接近会导致视觉抖动,需要避免。
- 暖色与冷色: 暖色(红色、黄色)趋进型,冷色(蓝色、绿色)后退型,冷色通常用作背景色,暖色用作前景色。
- 颜色模型:
- CMYK: 用于印刷,代表青色、品红色、黄色和黑色。
- RGB: 用于屏幕显示,代表红色、绿色和蓝色。
- 选择颜色的建议:
- 根据项目的季节性、公司颜色、照片颜色等因素选择颜色。
- 创建一个调色板,供所有项目一致地使用。
- 使用软件提供的工具选择颜色。
- 设计包装或品牌:
- 重复元素: 每件作品中都必须有某个标识性图像或某种标识性风格,将设计元素在整个作品中重复使用。
- 一致性: 保持一致性,例如颜色、字体、布局等,增强品牌识别度。
- 设计企业名片:
- 尺寸和格式: 选择合适的尺寸和格式,例如水平或垂直布局。
- 字体大小: 使用较小的字体大小,例如9磅或10磅。
- 一致性: 与信笺和信封保持一致的设计风格。
- 设计信笺和信封:
- 一致性: 与企业名片保持一致的设计风格。
- 创建中心点: 放置一个醒目的元素,例如公司logo或标志。
- 对齐: 使用一种对齐方式,例如左对齐或右对齐。
- 设计传单:
- 创建中心点: 放置一个醒目的元素,例如图片或标题。
- 使用对比: 使用对比来组织信息,例如字体大小、颜色、字体粗细等。
- 重复: 使用重复元素,例如字体或颜色,增强一致性。
- 设计新闻简报:
- 一致性: 保持一致性,例如颜色、字体、布局等。
- 对齐: 使用一种对齐方式,例如左对齐或右对齐。
- 字体选择: 使用合适的字体,例如衬线体或无衬线体,并根据内容选择字体大小和粗细。
- 正文可读性: 使用合适的行间距和字体大小,使正文易于阅读。
- 设计宣传册:
- 折法: 选择合适的折法,例如三折、单折或方形折。
- 页码顺序: 确保页码顺序符合阅读习惯。
- 避免折痕遮挡信息: 确保重要信息不在折痕处。
- 设计明信片:
- 与众不同: 选择独特的设计元素,例如形状或颜色。
- 成系列: 设计一系列明信片,增强品牌识别度。
- 明确具体: 清晰地表达信息,让读者了解你能提供什么。
- 简洁: 避免使用过多文字,保持设计简洁。
- 使用颜色: 使用颜色吸引读者注意力。
- 设计报纸广告:
- 留出空白: 避免广告过于拥挤,留出空白空间。
- 机敏的标题: 使用吸引人的标题,吸引读者注意力。
- 清楚: 明确地告诉读者该做什么。
- 简洁: 避免使用过多文字。
字体使用的规则:
- 标点后一个空格: 不要在标点后使用两个空格,使用一个空格即可。
- 引号: 使用正确的引号,例如美式引号和英式引号。
- 撇号: 使用正确的撇号,避免使用打字机撇号。
- 连接号: 使用正确的连接号,例如连字符和一字线。
- 破折号: 使用正确的破折号,避免使用两个连字符。
- 特殊符号: 使用正确的特殊符号,例如版权符号、商标符号等。
- 重音符号: 使用正确的重音符号。
- 大写字母: 避免使用全大写字母,这会影响可读性。
- 下划线: 避免使用下划线,使用粗体或斜体来强调文字。
- 字距调整: 手动调整字间距,避免使用默认的字间距。
- 寡妇和孤儿: 避免出现寡妇和孤儿,即一段文字的最后一行字符数太少或与其他文字分离。
- 其他规则: 遵循其他排版规则,例如段落缩进、首段缩进、文字对齐等。
- 字体的作用:
- 搭建排版页面的基本模块: 字体是构成页面的基本元素,不同的字体可以产生不同的视觉效果和表达效果。
- 表达信息: 字体可以传达不同的情绪和风格,例如严肃、活泼、优雅等。
- 增强视觉效果: 字体可以与图片、颜色等其他设计元素相结合,增强页面的视觉效果。
- 字体之间的关系:
- 协调: 使用同一种字体系列,所有元素都采用相同的设计风格。
- 冲突: 使用两种或多种相似的字体,导致页面显得混乱。
- 对比: 使用两种或多种截然不同的字体,形成强烈的视觉效果和表达效果。
- 如何有效组合多种字体:
- 字体对比: 通过字体的大小、粗细、结构、形状、方向和颜色等属性进行对比,例如衬线体与无衬线体、粗体与细体、大写与小写等。
- 结合其他设计原则: 将字体对比与其他设计原则相结合,例如亲密性、对齐和重复,以创造更完整的设计效果。
- 避免过度对比: 避免使用过多的对比元素,导致页面显得混乱。
- 练习和观察: 通过练习和观察优秀的设计作品,提高对字体的敏感度和审美能力。
- 旧式体:
- 特点: 基于手写体创建,具有衬线,笔划粗细变化缓和,结构优雅。
- 适用场合: 显示大量文本,例如书籍、杂志、报纸等。
- 现代体:
- 特点: 结构严格,笔划粗细变化剧烈,具有强烈的对比,给人一种冷酷、高雅的感觉。
- 适用场合: 显示少量文本,例如标题、标语、广告等。
- 粗衬线体:
- 特点: 字体粗细变化很小,笔划粗壮,结构简洁,给人一种直接、现代的感觉。
- 适用场合: 显示大量文本,例如儿童图书、说明书等。
- 无衬线体:
- 特点: 没有衬线,笔划粗细一致,结构简单,给人一种干净、现代的感觉。
- 适用场合: 显示大量文本,例如网页、电子文档等。
- 手写体:
- 特点: 像手写一样,笔画流畅、飘逸,给人一种个性化和温馨的感觉。
- 适用场合: 标题、标语、装饰性元素等。
- 花体:
- 特点: 字体形状奇特,装饰性强,给人一种夸张和引人注目的感觉。
- 适用场合: 标题、标语、装饰性元素等。
- 字体对比的要素:
- 大小: 使用不同大小的字体来突出重点或创建层次结构。
- 粗细: 使用不同粗细的字体来突出重点或创建层次结构。
- 结构: 使用不同结构的字体来增加对比,例如衬线体与无衬线体。
- 形状: 使用不同形状的字体来增加对比,例如大写与小写、罗马体与斜体。
- 方向: 使用不同方向的字体来增加对比,例如水平文本与垂直文本。
- 颜色: 使用不同颜色的字体来增加对比,例如黑白文本。
- 字体对比的原则:
- 不要保守: 选择对比强烈的字体,避免使用相似度高的字体组合。
- 结合多种对比: 将多种对比要素相结合,例如大小对比和粗细对比。
- 考虑表达效果: 选择合适的字体对比来传达特定的情绪和风格。
- 练习和观察: 通过练习和观察优秀的设计作品,提高对字体对比的敏感度和审美能力。