多语言展示
当前在线:780今日阅读:176今日分享:34

排版中最基础的对比和对齐原则

对比与对齐是平面排版中最经典的设计原则,很多人可能不清楚这两个原则的具体用法,今天这篇好文用大量案例帮你掌握这个基础知识!
01. 对比原则
1

在版式设计中对比其实就是差异化。若两个元素有所不同,那就让他们截然不同,不要拖泥带水。比如我用两个圆表达大小对比,那么下图则是拖泥带水的反面教材。

2

因为此图中的大小对比并不明显,看不出要强调哪个圆形,主次不明,对比含糊不清。对比两图,此图大小对比明显,更能够有效的传递出重要信息,所以要用对比的话,就让元素差异化强烈一些。

3

对比的分类对比的分类有很多种,除了这些还有字体类型的对比、距离对比、虚实对比、远近对比等,可以说存在差异的地方就存在对比。而在版式设计上,我们要将这种对比最大化,以达到吸引眼球、方便阅读的效果。

4

对比的作用对比能简化画面,使版面主题更明确,更直观。

5

运用对比能使视觉冲击力更大,更抓人眼球。

6

对比使版面层级清晰,能够突出重点,从而更有效的传达信息。

7

对比的应用通常一个作品中不会只用一种对比,而是多种对比方式组合使用的。比如上面左图用强烈的大小对比出标题与正文的层级,同时加入光影对比为主体打造立体感,更抓人眼球。右图使用方向对比与位置对比使版面更活跃,更有视觉张力。

02. 对齐原则
1

对齐原则是让版面中的元素有一种视觉上的联系,以此来打造一种秩序感。此版面中没有运用对齐原则,各元素间没有联系,凌乱而没有秩序感。

2

使用了对齐原则之后,整个版面规整又美观,建立了一种秩序感而更利于阅读。

3

对齐的分类左对齐:版面中的元素以左为基准对齐。左对齐是最常见的对齐方式,简洁大方,利于阅读。

4

右对齐:版面中的元素以右为基准对齐。相对于左对齐来说不太常见,给人一种人为干预的感觉,阅读比率慢一些。

5

居中对齐:版面中的元素以中线为基准对齐。居中对齐给人一种严肃与正式感。

6

两端对齐:版面中的元素拉伸或缩放与同一元素两端对齐。两端对齐通常用于大段落文字编排中,利于阅读。

7

顶对齐:与左对齐相似,版面中的元素以顶部为基准对齐。

8

底对齐:版面中的元素以底部为基准对齐。

9

轴线对齐:轴线对齐是以版面中心线为对齐基准,而不是元素的中线。轴线对齐能给人正式感,同时各个部分又富有变化,比较灵活。

10

除了上图的案例为轴线对齐外,下图的这几种也都是轴线对齐的形式。

11

对齐的作用总结下来其实只有一点,就是能够使版面统一简洁更有条理,能够引导视觉流向。

推荐信息