本文为设计四要素之，之前已完成，后续分别会介绍 C.R.A.P 中的 C.(对比)和A.(重复)。

设计新手往往很草率，只有页面上刚好有空间，就会把文本和图片放在那里，而xx不考虑页面上的其他项，这样就会给人一种杂乱无章的感觉，这有点像你的卧室，可能电脑桌上有个烟灰缸，旁边有个咖啡杯，上面放置一大堆的书籍，或者床上放置很多换洗衣服，地上很多垃圾，等待，如果要清理这些应该会花掉不少时间吧。

Robin 对齐原则是：“在页面上任何东西都不能在随意安放。每个元素都应当与页面上的另一个元素有某种视觉上的联系。”这样能够建立一种清晰、精巧而且清爽的外观。对齐原则要求特别小心，而不能像从前那样，只要页面上有空间，就随处“扔”放。

如果页面上的一些元素是对齐的，这就会得到一个更内聚的单元，即使对齐的元素物理位置是彼此分离的，但在你的眼里，他们之间也会有一条看不见的先把他们连在一起。尽管你可以通过分组放置来指示他们的关系()，但对齐原则很神奇，它会告诉读者，即使这些项并不靠近，但他们属于同一组，之前的亲密性原则中就有一张图片很好的说明了这点，这里再借用一下，呵呵。

上图中，左边的图片上的元素就好像是随意扔上去并被粘贴一样，这里的所有元素和其他元素都没有关联。稍微花点时间区分哪些应该放置在一起，哪些应该区分开，分别运用亲密性和对齐原则，可以得到右边的图示，其中：把所有的元素都移至右侧，使他们按同一种方式对齐，现在信息立刻就有条理了。当然其中亲密性原则起到了很好的作用。在看看下面两张图片：

这个图片看起来很凌乱，各种矩形方框放在一起，各个元素之间没有联系，看完让人心情很压抑(像厚黑学中的乱石，所以会带给人以压抑的情绪)。虽然有的时候设计师会故意用凌乱来表达一种情绪，凌乱也是美！可是希望你要记住，凌乱是有规则的凌乱，每个物件的摆放存在其内在的联系，凌乱只是表象，实质上他还是一个整体。这方面的作品有很多，可以参考09年比较流行的涂鸦式设计，这里重点不是讲这个，需要了解相关信息请 google 去吧。哈哈！

左边通过对齐线来重新布局，给人整齐归正的感觉，这归功与对齐与网格，在网页设计中，有很多不错的网格框架供大家参考，比如，,,我比较喜欢960gs 再自己修改修改，这样你能够在 PS 中很好的布局设计，相信你也会喜欢上他的，Bulepringt、YUI 也比较不错，不过 YUI 自动生成的代码不太喜欢，所以很少使用，其实 页面使用的也是960px 宽度，大家不妨去看看。

大家一定觉得上面这个图片的布局很差吧，大家思考一下有什么问题，然后运用和来修正，提示：整个布局都采用了居中对齐，页面元素之间空白空间基本一样。

看看下面关于网页设计中对齐原则的漫画(来说 )，也许你会有所体会。

总结：

任何元素都不能在页面上随便摆放，每个元素应当与页面的另一个元素存在某种视觉联系。

在设计中，统一性是一个重要概念。要让页面上的所有元素看上去统一、有联系而且彼此相关。需要在各个元素之间建立视觉纽带。

对齐的根本目的：使页面统一而且有条理。其效果类似于把客厅的桌椅板凳、沙发摆放整齐，靠墙的靠墙，居中的居中，总之就是形成一种对比。

如何实现对齐：要特别注意元素放在哪里，应当总能在页面上找到与之对齐的元素，尽管这两个元素之间的距离很远。

要避免的问题：

1. 在一个页面上混合使用多种文本对齐方式(也就是说，不要将某些元素居中，另外的左对齐)。

2. 另外，要着力避免使用居中对齐，除非你有意识地要创建一种比较正式、稳重(通常也更乏味)的表示。并不是xx杜绝使用居中对齐，有时可以有意识地选择这种对齐方式，但{zh0}不要把它作为默认的对齐方式。