Date 2026-03-16 17:00:12
重复、比较、对齐和亲密是布局设计的四个原则。各种排版形式和规则都是基于这四个原则衍生出来的,掌握这些指导设计原则可以帮助我们在短时间内更快更好地实现设计目标。本期将向您解释四个原则之间的对齐原则。
往期回顾:
重复、比较、对齐和亲密是布局设计的四个原则。各种排版形式和规则都是基于这四个原则衍生出来的。掌握这些指导设计原则可以帮助我们在短时间内更快更好地实现设计目标。
阅读文章 >重复、比较、对齐和亲密是布局设计的四个原则。各种排版形式和规则都是基于这四个原则衍生出来的,掌握这些指导设计原则可以帮助我们在短时间内更快更好地实现设计目标。
阅读文章 >对齐原则是指:「任何元素都不能随意放置在页面上,每个元素都应该与页面上的某个内容有一定的视觉联系」。
对齐应该是四大原则中最容易理解的,因为对齐在我们的生活中几乎无处不在。

无论什么样的环境,只要有各种各样的东西,它都需要一个秩序,人类的环境,设计元素的环境。左下图设计元素参差不齐,画面凌乱,没有美感,影响阅读;右下图使用合理的对齐可以带来秩序感,看起来更严谨、更专业,信息传递效果更好。

为什么要对齐?不仅要考虑用户的视觉浏览习惯,还要考虑页面中的信息组织。一方面,对齐符合用户的视觉惯性,减轻用户的阅读负担;另一方面,不同的对齐形式可以有效地组织信息,使页面有序、严谨、美观。
文本排列中常用的对齐方法有:左对齐、两端对齐、最后一行左对齐、右对齐、中间对齐、两端对齐、顶部对齐和底部对齐。在设计中,应根据构图形式选择合理的对齐方法,每种对齐形式所传达的视觉感受也不同。(对齐名称仅用于解释和记忆,不一定与软件中的名称一致)

1. 左对齐
由于我们的阅读顺序大多是从左到右,左对齐是阅读效率最高的对齐方式,也是排版中最常见的对齐方式。
左对齐的缺点是容易造成右端空白过多,整体视觉失衡。然而,这种对齐方法不会破坏文本本身的起伏和节奏,可以保证更好的阅读体验。它还可以避免英语不方便左右对齐的排列,因为单词中包含的字符数量不同。

2. 两端对齐末行左对齐
在编排大段文字时,经常会遇到这样的情况,无论你如何拉动文本框,文字的两端都无法对齐。

此时,左右两端可以强制对齐,最后一行可以左对齐。这是最常用的段落文本安排形式,主要用于杂志、相册、报纸等文本信息内容的安排。使段落文本严谨整洁,使布局清晰有序,提高阅读效率。

3. 居中对齐
主要用于中间对称布局,给人一种庄严、庄严、经典的感觉。由于大型中间对齐文本会导致分支和阅读困难,常用于标题、指南和短篇文本安排。

4. 右对齐
右对齐的排列方式与人们的视线移动方向相反,每行开始部分的不规则性增加了阅读的时间和精力。这种格式只适用于少量单词。
右对齐使用频率不太高,通常与图形和照片建立一定的视觉联系,以获得排版平衡。使用右对齐会给人一种人为干预的感觉,所以这种对齐会看起来更个性化。

5. 两端对齐
两端对齐是指通过调整间距,使两端完全对齐,强制处理成四方形,从而达到整洁严谨的效果。

6. 顶对齐
顶对齐是垂直排版中使用的对齐方法,起源于古代书籍的简单性。因此,虽然垂直排版不利于阅读,但它可以营造一种具有浓厚中国风味的复古文化氛围。

7. 底对齐
底部对齐也用于纵向排版。每行起始部分的不规则增加了阅读的时间和精力。这是最不适合阅读的对齐方法。一般来说,它只用于少量文本或装饰元素。

1. 非横向和纵向对齐
排版不一定只是水平和垂直的视觉方式,还有其他方式。在这些视觉方向上,设计元素也应该通过对齐的原则进行规则。
2. 倾斜对齐

3. 分散对齐
在设计中,根据构图和空间划分,经常使用各种对齐方法。下图中每个信息组使用的对齐方法也不同,可以使信息水平更清晰,信息传输效果更好。

4. 自由对齐
打破秩序,没有明确的对齐线,就是提倡随意、自由、活泼、诗意、感性的排列方式,为布局设计提供无限的可能性。

为了加深对对对齐原则的理解,提取本文的主要内容作为原始数据,并使用对齐原则进行设计演示。

根据亲密原则总结的规律,分组布局中的文本信息,使其成为视觉单元,建立组织和组织。并按照「字间距< 行间距< 段间距< 组间距」设置规则的亲密性,以确保每个间距组合之间的相对比。

把「标题」、「对齐原则简介」、「对齐方式」,三组信息分别对齐设置。
「标题」根据两端对齐的形式,调整文本间距,使两端完全对齐,强制处理成方形,达到整洁严谨的效果。并将字体改为思源宋体,与文本中的思源黑体进行比较:

「对齐原则简介」文本采用左对齐格式,既能保持文本本身的起伏和节奏,又能保证更好的阅读体验。另外,文字较多的段落可以采用两端对齐末行左对齐格式。使段落文字严谨整洁,使布局清晰有序,提高阅读效率。

「对齐方式」信息组采用右对齐的形式,增加了对齐的多样性。虽然每行开始部分的不规则增加了阅读的时间和精力,但也增强了排版的节奏感。

将设置好的文本信息放入布局中,并使用网格进行标准化和辅助对齐。使用网格可以快速分割布局,找到对齐关系,帮助我们的设计更加严格。

使用上一期使用的孟菲斯风格元素丰富的图片。在每个信息组中添加一个具有伪立体效果的外框,以使信息分割更加清晰。添加外框后,图片也应遵循对齐原则。

添加小点作为背景纹理,并添加各种几何形状来丰富图片。增加活力和乐趣。方案1设计完成:

试着用其它对齐和构图形式来设计另一种方案:

加入孟菲斯风格元素丰富的画面,按照对齐原则进行排版,方案二设计完成:

视觉规范最基本的要求是:整洁、标准化、有组织。在大多数情况下,设计并不漂亮,主要原因是排版太随意,特别是难以或无意识地对齐。
无论布局信息多少,位置如何变化,只要遵循对齐原则,确保元素之间的对齐关系,就可以使布局统一、简洁、更有组织,也可以引导视觉流动,帮助信息更好地传达,当然,更美丽。在设计中,我们必须首先掌握最基本的程序美,才能升华到最基本的程序美「随意」的原始美。
PDF课件及案例演示源文件
下载链接:https://pan.baidu.com/s/13rxnJ0iy6zgm4V6sjgm 提取码:58fo
备用下载链接:https://share.weiyun.com/58qCPI
欢迎关注作者微信微信官方账号:「艺术海拾贝Desing」
