设计太乱?“对齐”原则肯定没学会
重复、对比、对齐以及亲密性是版式设计中的四大原则,各种排版形式与规则都是基于这四大原则衍生而来,而掌握这些具有指导性的设计原则,能够帮助我们在短时间内,更快更好的达成设计目标。本期给大家讲解四大原则之一一对齐原则。
![](https://img.haomeiwen.com/i16536434/8dd22b3da6ad8f31.png)
对齐原则是指:“任何元素都不能在页面上随意安放,每一项都应当与页面上的某个内容存在某种视觉联系”。
在四大原则中,对齐应当是最容易理解的,因为在我们的生活中对齐几乎就是无处不在。
![](https://img.haomeiwen.com/i16536434/7601b3f669f0769b.png)
不管什么样的环境,只要有各种各样的事物存在,它就需要一个秩序,人类的环境如此,设计元素的环境照样如此。左下图设计元素参差不齐,画面显得杂乱无章,没有美感,影响阅读;而右下图运用合理的对齐可以带来秩序感,看起来更加严谨、专业,信息传达效果更好。
![](https://img.haomeiwen.com/i16536434/512e7fdc9a48d7e1.png)
为什么要对齐?不仅仅是对用户视觉浏览习惯的考量,还是对页面中信息组织的考量。一方面利用对齐,符合用户的视觉惯性,降低用户阅读负担;另一方面利用不同的对齐形式,能有效组织信息,让页面规整有序、严谨美观。
![](https://img.haomeiwen.com/i16536434/6d7acd47d001f7df.png)
文字编排常用的对齐方式有:左对齐、两端对齐末行左对齐、右对齐、居中对齐、两端对齐、顶对齐和底对齐等。在进行设计时要根据构图形式选择合理的对齐方式,每种对齐形式所传达的视觉感受也不一样。
![](https://img.haomeiwen.com/i16536434/4b4216f228baaa74.png)
![](https://img.haomeiwen.com/i16536434/1852d0f4d708d479.png)
由于我们的阅读顺序大多是从左往右,所以左对齐是阅读效率最高的对齐方式,也成为了排版中最常见的一种对齐方式。
左对齐的缺点是容易造成右端留白过多,整体视觉失衡。但是这种对齐方式不破坏文字本身的起伏和韵律,能保证较好的阅读体验。还可以避免英文因单词所包含的字符数量不等而不便于左右对齐的编排难题。
![](https://img.haomeiwen.com/i16536434/0d239068d2610f2e.png)
应用案例
![](https://img.haomeiwen.com/i16536434/2dc7678213439530.png)
![](https://img.haomeiwen.com/i16536434/722230fd74bae795.png)
在进行大段的文字编排时,常用遇到这样的情况,无论你怎么拉动文本框,文字的两端都无法对齐。
![](https://img.haomeiwen.com/i16536434/72521c407540947b.png)
这时可以强制左右两端都对齐,最后一行靠左对齐。这是常用的段落性文字编排形式,多运用于杂志、画册、报纸等多文字信息内容的编排。使段落文字严谨工整,让版面清晰有序有条理,提高阅读效率。
![](https://img.haomeiwen.com/i16536434/d825e443758df57b.png)
应用案例
![](https://img.haomeiwen.com/i16536434/25d3fbd2af2020da.png)
![](https://img.haomeiwen.com/i16536434/a42136d7b8859e7f.png)
多用于居中对称式的版面,给人庄重、严肃、经典的感觉。因为大段的居中对齐文字会造成分行和阅读困难的问题,所以常用在标题、导语和短篇文字编排中。
![](https://img.haomeiwen.com/i16536434/25339efbde0c9c8e.png)
应用案例
![](https://img.haomeiwen.com/i16536434/8941ae2e9ff3f257.png)
![](https://img.haomeiwen.com/i16536434/0dde6ef2ffccc294.png)
![](https://img.haomeiwen.com/i16536434/63540b9ede3c693a.png)
右对齐的编排方式与人的视线移动方向相反,而且每一行起始部分的不规则增加消耗了阅读的时间和精力,这种格式只适用于少量的文字。
右对齐使用的频率不太高,往往会与图形、照片建立某种视觉联系,获得排版上的平衡。使用右对齐会给人一种人为干预的感觉,因此这种对齐方式会显得比较个性。
![](https://img.haomeiwen.com/i16536434/10d970d85162261b.png)
应用案例
![](https://img.haomeiwen.com/i16536434/52bb9d9a90868ec9.png)
![](https://img.haomeiwen.com/i16536434/3d403e66deb2d53c.png)
两端对齐是指将文字通过调整间距的方式使得两端完全对齐,强制处理成四方形,这样可以达成工整严谨的效果。
![](https://img.haomeiwen.com/i16536434/d558cde744d20b0c.png)
应用案例
![](https://img.haomeiwen.com/i16536434/ea892533286f0b40.png)
![](https://img.haomeiwen.com/i16536434/aca9173713488b8a.png)
![](https://img.haomeiwen.com/i16536434/78bde7b6cc83e870.png)
顶对齐是纵向排版才会用到的对齐方式,起源于古代的书简,因此采用纵向排版虽然不利于阅读,但是可以营造出复古的文化氛围,有着浓浓的中国味。
![](https://img.haomeiwen.com/i16536434/16291935c8bdf7be.png)
应用案例
![](https://img.haomeiwen.com/i16536434/8b9b937b13644129.png)
![](https://img.haomeiwen.com/i16536434/2bc85804c6e52737.png)
底对齐也使用在纵向排版,每一行起始部分的不规则增加消耗了阅读的时间和精力,是最不适合阅读的对齐,一般只用于少量文字或作为装饰性元素使用。
![](https://img.haomeiwen.com/i16536434/eed5b48e38329cb9.png)
应用案例
![](https://img.haomeiwen.com/i16536434/a79cee101fede648.png)
![](https://img.haomeiwen.com/i16536434/904af0b8ffc34bc7.png)
排版不一定只有横向和纵向的视觉方向,也会其他的方式,在这些视觉方向上,也要通过对齐的原则来规整设计元素。
![](https://img.haomeiwen.com/i16536434/bb4e89a24672b5dd.png)
应用案例
![](https://img.haomeiwen.com/i16536434/a4133fadc9298c35.png)
弧形对齐
![](https://img.haomeiwen.com/i16536434/bcb057c18c92eab7.png)
![](https://img.haomeiwen.com/i16536434/60367b8381dc9b66.png)
在设计时常会根据构图和空间分割使用多种对齐方式的编排组合,如下图版面中每个信息群组使用的对齐方式也不一样,可以让信息层级更清晰,信息传达效果更好。
![](https://img.haomeiwen.com/i16536434/484d2cd17f68e37b.png)
![](https://img.haomeiwen.com/i16536434/16f16aae2a9475c7.png)
![](https://img.haomeiwen.com/i16536434/ddfcea2fe08b1db8.png)
打破秩序,没有明确的对齐线,是崇尚随兴,自由活泼,具有诗意、感性的排列方式,为版面设计提供无限的可能性。
应用案例
![](https://img.haomeiwen.com/i16536434/893b8e419ef9f6d4.png)
![](https://img.haomeiwen.com/i16536434/a3bbe467928c9c26.png)