4大排版原则——亲密性、对齐、对比、重复
2018-05-19 18:44
323 查看
Notes:4大排版原则——亲密性、对齐、对比、重复
【4大排版原则】亲密性、对齐、对比、重复。这4个原则是可以打破的,但绝对不可以被忽视,打破规则之前你必须知道规则是什么。
【亲密性】
1. 含义:将相关项组织在一起。在一个页面上,位置接近就意味存在着关联。因此相关的项应当靠近,归组在一起。
2. 作用:分组;留白。
3. 方法:
1) 如果页面太过拥挤,那就适当缩小字号后再将段落拉开,然后通过添加编号或者通过首字增大将区分得更明显;
2) 当条目比较多时,将内容分栏或者列表;
3) 通过设置相同的颜色,观众可以自然而然地从首字读到后面的句子。
【对齐】
1. 含义:每个元素都应当与页面上的另一个元素有某种视觉联系。
2. 原则:
1) 一般情况下,页面上只使用一种文本对齐。但若想在同一页面上同时右对齐和左对齐文本,一定要让这些文本以某种方式对齐!
2) 如果设计中的对齐很明确,那么可以有意识打破对齐,但一定要表现出这是有意的。
3. 方法:找准一条明确的对齐线,并用它来对齐。
4. 分类:
1) 右对齐/左对齐:充分利用亲密性,并结合明确的右对齐或左对齐。
2) 居中对齐
a) 文本居中,文本块不居中;
b) 将文本放在页面上方,增加紧张性;
c) 在居中布局中设置一种非常随意、有趣的字体。
3) 其他对齐
a) 文本行水平摆放,则按其基线对齐;
b) 如有图片元素,将其边界与页面边界对齐;
c) 与版心线对齐;
d) 元素之间对齐。元素之间是通过“看不见的线”实现对齐的,这些对齐参考线可以是直线或规则的曲线;
e) 对齐到网格。
【对比】
1. 含义:如果页面上的元素不相同,那就干脆让它们截然不同,以吸引读者眼球。
2. 方法:首先划分层次,多打几个回车将统一层次的要点分成多个并列的条目,然后使用不同的字号区分层次,最后使用点、线、面等修饰元素突出重点。
3. 分类:
1) 文字的对比
a) 字号对比。在字号的对比上不必保守,大胆使用强烈的字号变化效果往往更好。
b) 反白。反白是使用底部色块修饰文字。色块能够强烈地增大文字的视觉比重,效果非常明显。矩形色块很常见,但太平稳,而使用贴布条等图形元素来替代会更有新意。
c) 方向对比:
·向右上倾斜的字体产生一种前进的力量,向右下倾斜则相反;
·水平文字与瘦高文本列的对比;
·不要在角落里放有角度的字体。
2) 图片的对比:局部放大、背景黑白、虚化、局部遮盖。
【重复】
让视觉要素在整个作品中重复,能够实现整个PPT风格的统一,包括统一颜色方案、字体字号、文本行距、项目符号、图表风格、对齐方式、图片风格,或者一种特别的字体。
不要把重复用得太滥,而应当尽量“采用多样性实现统一”。也就是说,如果一个重复元素很明确(如一个圆),那么可以采用多种不同方式重复这个圆,而不是简单地重复同一个圆。
【排版的过程】
1. 亲密性。将信息按逻辑进行分组,确定这些组之间的关系,并通过组之间的亲密性来显示这些关系。
2. 对齐。在页面上组织文本和图片时,要建立并维护明确的对齐。
3. 对比。除非你已经决定要建立一个非常协调的设计,否则就应该建立强烈对比,吸引读者的视线。
4. 重复。为建立重复,可以使用粗字体、线、装饰符号或者某种空间布局。看看哪些元素已经自然地重复,再看看是否适合加大重复力度。
相关文章推荐
- 对比、对齐、重复、亲密性
- dot-font: 排版对比中的七项原则
- 设计排版四大原则,我重复N次了!
- 设计四大基本原则——对比、重复、对齐、亲密度
- 提升产品UX体验的一些排版设计原则
- struct/class/union内存对齐原则
- C语言结构体的对齐原则
- 内存对齐原则
- 海量数据对比去除重复的解决方案
- 选择重复数据删除四项注意原则
- 移动端文字与排版设计的六个原则
- C语言结构体的字节对齐原则
- C语言结构体的对齐原则
- 实现TextView 文字排版,分散两端对齐
- Web设计师应遵循的高效设计原则之三:对齐
- 4 如何对齐和层级排版
- 内存对齐的原则以及作用
- C语言结构体的字节对齐原则
- 内存对齐全攻略--涉及位域的内存对齐原则
- C/C++ 结构体 字节对齐原则详细举例解释 及sizeof的基本用法