平面设计的基本原则

原则一：相关（亲密）
• 将相关的项，组织在一起。 将相关的项，组织在一起。 • 彼此相关的项，应该靠近，成为一个视觉单元， 彼此相关的项，应该靠近，成为一个视觉单元， 不是多个孤立的元素。有助于组织信息，减少混 不是多个孤立的元素。有助于组织信息， 结构清晰，更条理，更美观。 乱，结构清晰，更条理，更美观。 • 物理位置的接近，就意味着关联。 物理位置的接近，就意味着关联。 • 利用位置的紧密程度来反映元素间的关系。 利用位置的紧密程度来反映元素间的关系。
要避免的问题
• 要避免一个页面上有太多的元素。 要避免一个页面上有太多的元素。 • 不要在元素之间留出同样大小的空白，除非各组同属于一 不要在元素之间留出同样大小的空白， 个子集。 个子集。 • 标题、子标题、图表标题、图片能否归入其相关材料？要 标题、子标题、图表标题、图片能否归入其相关材料？ 在有很近的相关性的元素之间建立关系。 在有很近的相关性的元素之间建立关系。 • 不同属一组的元素之间不要建立关系，如果彼此无关，就 不同属一组的元素之间不要建立关系，如果彼此无关， 把它们分开。 把它们分开。
重复小结
• 设计中视觉元素的重复，可以将作品中的各部分连在一起， 设计中视觉元素的重复，可以将作品中的各部分连在一起， 从而统一并增强整个作品，否则，这些部分， 从而统一并增强整个作品，否则，这些部分，只是彼此孤 立的单元。 立的单元。 • 重复不仅对单页的作品有用，对于多页文档的设计，更重 重复不仅对单页的作品有用，对于多页文档的设计， 。（保持一致 保持一致） 要。（保持一致） • 重复的目的，就是统一，并增强视觉效果。 重复的目的，就是统一，并增强视觉效果。 • 怎样实现重复？ 怎样实现重复？ • 要避免太多重复一个元素。重复太多，将混淆重点。要注 要避免太多重复一个元素。重复太多，将混淆重点。 意对比。 意对比。
四、对比
• 对比是为页面增加视觉效果的有效途径。 对比是为页面增加视觉效果的有效途径。 • 对比？冲突？ 对比？冲突？ • 如果两个项不完全相同，就应当使之不同，而且 如果两个项不完全相同，就应当使之不同， 应当截然不同。 应当截然不同。
对比小结
• 对比的目的，一是增强页面的效果；二是有助于 对比的目的，一是增强页面的效果； 信息的组织。 信息的组织。 • 要实现有效的对比，这两个元素必须截然不同。 要实现有效的对比，这两个元素必须截然不同。 • 可以通过字体、线宽、颜色、形状、大小、空间 可以通过字体、线宽、颜色、形状、大小、 等来增加对比。对比要强烈。 等来增加对比。对比要强烈。 • 避免出现冲突。 避免出现冲突。
打破对齐
对齐小结
• 任何元素都不能在页面上随意摆放。每个元素应当与页面 任何元素都不能在页面上随意摆放。 上的另外一个元素存在某种视觉联系。 上的另外一个元素存在某种视觉联系。 • 对齐的根本目的，是使页面统一而且有条理。 对齐的根本目的，是使页面统一而且有条理。 • 要特别注意元素放置的位置。一般的，总能在页面上找出 要特别注意元素放置的位置。一般的， 与之对齐的元素，尽管这两个元素的物理位置相距很远。 与之对齐的元素，尽管这两个元素的物理位置相距很远。 • 要尽量避免居中对齐，除非有意识的创建比较正式的，稳 要尽量避免居中对齐，除非有意识的创建比较正式的， 重的画面。 重的画面。
居中
左对齐
右对齐
正式的婚礼喜帖，居中对齐 正式的婚礼喜帖，
文本居中，但文本块本身不居中 文本居中，
Canterbury Old Style 字体
用短而宽的纸，强调一种宽型的居中布局。 用短而宽的纸，强调一种宽型的居中布局。
用瘦高的纸，强调一种细 长条式的居中布局。
Milk Script字体
三、重复
• 重复原则，就是一种“一致性”。重复的元素可 重复原则，就是一种“一致性” 原则 能是一种粗体字，一条粗线，某个项目符号、 能是一种粗体字，一条粗线，某个项目符号、颜 色、设计要素，某种格式，空间关系等。 设计要素，某种格式，空间关系等。
重复的元素，不一定完全相同。 重复的元素，不一定完全相同。 可以把一个设计元素拉到边框之外。 可以把一个设计元素拉到边框之外。
1.找一条明确的对齐线，并 找一条明确的对齐线，
坚持以它为基准。 坚持以它为基准。 如果文本左对齐，那么标题 如果文本左对齐， 和子标题也左对齐。 和子标题也左对齐。
2.第一段不用缩进。 第一段不用缩进。 3.如果有插图或照片，则按 如果有插图或照片，
一个边界或者基线将其对齐。 一个边界或者基线将其对齐。
二、对齐
• 任何元素都不能在页面上随意安放。每一项都应 任何元素都不能在页面上随意安放。 该与页面上的某个内容存在某种视觉联系。 该与页面上的某个内容存在某种视觉联系。这样 能建立起清晰、精巧、清爽的外观。 能建立起清晰、精巧、清爽的外观。
居中对齐，中规中矩，正式稳重。但比较乏味，建议采用 居中对齐，中规中矩，正式稳重。但比较乏味， 左对齐或右对齐。 左对齐或右对齐。
相关性小结
百度文库• 如果多个项之间存在很近的相关性，它们将成为一个视觉 如果多个项之间存在很近的相关性， 单元，而不是多个孤立的元素。 单元，而不是多个孤立的元素。彼此相关的项应当归在一 起。要有意识地注意阅读的顺序，有确定的开始，确定的 要有意识地注意阅读的顺序，有确定的开始， 结束。 结束。 • 相关性的基本目的，是实现条理性和组织性。可以使空白 相关性的基本目的，是实现条理性和组织性。 更美观。 更美观。
平面设计的基本原则
•相关 相关 •对齐 对齐 •重复 重复 •对比： 对比： 对比
4大基本原则
• 相关：彼此相关的项，应该靠近，成为一个视觉单元，不 相关：彼此相关的项，应该靠近，成为一个视觉单元， 是多个孤立的元素。有助于组织信息，减少混乱， 是多个孤立的元素。有助于组织信息，减少混乱，结构清 晰。 • 对齐：任何东西，都不能在页面上随意安放。每个元素都 对齐：任何东西，都不能在页面上随意安放。 应当与页面上的另一个元素有某种视觉联系。 应当与页面上的另一个元素有某种视觉联系。这样能建立 起清晰、精巧、清爽的外观。 起清晰、精巧、清爽的外观。 • 重复：让设计中的视觉要素在整个作品中重复出现。例如， 重复：让设计中的视觉要素在整个作品中重复出现。例如， 颜色、形状、材质、空间关系、线宽、字体、大小、 颜色、形状、材质、空间关系、线宽、字体、大小、图片 重复，能增加条理性，还可以加强统一性。 等。重复，能增加条理性，还可以加强统一性。 • 对比：要避免页面上的元素太过相似。如果元素的字体、 对比：要避免页面上的元素太过相似。如果元素的字体、 颜色、线宽、形状、空间等）不相同， 颜色、线宽、形状、空间等）不相同，那就让它们截然不 让页面引人注目。 同，让页面引人注目。
如果一个重复元素 很明确，则可以采 很明确， 用多种不同方式重 复这个圆。而非单 复这个圆。 纯重复同一个圆。 纯重复同一个圆。
包含重复元素的一部分。 包含重复元素的一部分。
包含重复元素的一部分。 包含重复元素的一部分 只取其中一部分将有助。 于建立关联。 于建立关联。
重复，并不表示必须 重复， 重复完全相同的东西。 重复完全相同的东西。