设计原则 II - Alignment 对齐

该原则的表述为：元素不应该在页面上随意安放，每一项都应当与页面上的某个内容存在某种视觉联系。如果页面上的某些元素是对齐的，即使它们在物理位置上是彼此分离的，但似乎存在着一条看不见的线将它们连接在了一起，它们就成为了一个更内聚的单元。

例子 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.