该原则的表述为：元素不应该在页面上随意安放，每一项都应当与页面上的某个内容存在某种视觉联系。如果页面上的某些元素是对齐的，即使它们在物理位置上是彼此分离的，但似乎存在着一条看不见的线将它们连接在了一起，它们就成为了一个更内聚的单元。
例子 2-1 名片设计
设计A 名片中的元素四散，没有对齐
设计B 右对齐使得文本项有了一个共同的边界
例子 2-2 报告封面
设计A 所有文字居中对齐是相当乏味的
设计B 左对齐显得更加精美，尽管下方的名字离题目很远，对齐使得两者紧密相连
例子 2-3 信纸设计
设计A 居中布局显得太过正式
设计B 只有左边的页面留有虚线，突出了对齐而且使页面更加开放
例子 2-4 使用居中布局的文字
右图的设计改进了居中的效果。小字体显得更加有空间感。
瘦高的纸张强调一种细长条式的居中布局
宽短的纸张强调一种宽型的居中布局
居中排版的徽章/标题文字
例子 2-5 明显为之的居中布局海报设计
页面的中央有一条很明确的线穿过，其他元素紧凑地填满了页面但并不显得杂乱
只使用一种对齐方式
页面上最好只使用一种文本对齐：或者都左对齐，或者都右对齐，或者全部居中。要尽量避免两端对齐，这样会使得句子里面的单词出现空隙。
例子 2-6 书本封面
设计A 左对齐和居中对齐冲突了
设计B 尽管上面是左对齐，下边是右对齐，但是下边的右界线与上边的右界线在一条线上
例子 2-7 健身中心广告
设计A 居中对齐显得非常杂乱
设计B 文本左对齐，同时下面的条状强调了网站
例子 2-8 书页
设计A 每个段落开头都空了格，对齐效果不好
设计B 第一段开头不空格，两端对齐的效果较好
例子 2-9 幻灯片页面
设计A 文字和图片之间有一段不规则的空白
设计B 文字和图片对齐了
例子 2-10 杂志文章排版
这里有一张调整了角度，嵌入文本快的插图。这是有意为之。
上图中的插图打破了对齐规则，但是效果不错，因为我们知道规则是什么。有意地打破规则会产生强烈的效果。
对齐小结
1）对齐的根本目的是使页面统一而且有条理。
2） 找到一条线，将元素对齐。即使这些元素的物理距离可能很远。
3） 要避免在页面上混合使用多种文本对齐方式。
4） 居中对齐能够创造出一种比较正式、稳重、但通常也较为乏味的表示。不要把它当做默认选择。
参考资料
[1]Robin Williams, The Non-Designer's design book (4th Edition), Chapter 3. Alignment Principle.
网友评论