对比，是我们常用的一种手法。比例，是我们常常面对的问题。不同的比例在视觉上产生不同的感受，直接影响到页面的效果、信息的传达、用户的体验。那么什么样的比例是合适的？我们应该怎样去控制比例？完美的比例是可以计算的吗？

古老的传说中的黄金分割

黄金分割不是人类的发明，而只是古老而又聪明的数学家的伟大发现。数学家发现了他，所以用数学的语言来表达出来。所以我们得到了两个神奇的数字:

0.618 & 1.618

从百度MUX这篇被转载多次的文章的评论可以看出，不论是普通用户还是初出茅庐的设计师，都对苹果的“黄金分割设计法“无比膜拜，似乎都从这篇文章看到了魔术师夹死鸽子的笼子。先不考虑黄金分割是不是放之四海而皆准的真理，但凭此就可以看到人们对于这种美的标准的渴望。

这样便引出来一个比较蛋疼的话题，美是可以计算的吗？如果有一个可用的标准或者模式，那么美的作品是不是就可以批量生产了呢？显然不是。美的标准不是唯一的，并且因人而异。只不过遵循黄金分割律的比例是古典的、稳定的、和谐的比例。

960 Grid System与黄金分割

960 Grid System(网页栅格系统),提供了基于960px宽度的网页设计乃至CSS框架。值得一提的是这套系统是以早已在版式设计中发展起来的栅格设计（Design by Gird）为基础的。“栅格设计的特点是重视比例、秩序、连续感和现代感。 以及对存在于版面上的元素进行规划、组合、保持平衡或者打破平衡，以便让信息可以更快速、更便捷、更系统和更有效率的读取；另外最重要的一点是，负空间的规划（即：留白）也是栅格系统设计当中非常重要的部分。”

960 Grid System与黄金分割没有直接联系，黄金分割率是一个非常精确的无限不循环的小数，充满了神秘感，960 Gird System 因为是基于CSS框架所立，所以数值都是整数。而根据黄金分割计算出来的数值则几乎都带着不规则的零头。我曾经考虑过一个问题，9px或者11px在视觉上或者用户感知上与10px带给人的感受是不是一样的，因为在我们的生活中所用到的所有产品几乎都有他们自己的“规格”，这些规格如果深究起来还确实是有一定规律的，最起码这些规格的数值一般不会是117这样的数字。这个问题我最后的出的结论是：比例。

这二者虽然没有直接关系，但都是在强调比例。960 Grid System提供的是一种适用于css的更方便的控制比例和秩序的方法。

九宫格

如果你上过摄影课，那么在如何构图这一章节中肯定会提到九宫格。利用九宫格可以帮你找到视觉中心的位置。

九宫格与黄金分割完全没有关系。网络上不负责任的作者太多，九宫格中间的四条线是等分的，而不是什么所谓的根据黄金分割比计算的。中国运用黄金分割的例子是华罗庚的优选法。

九宫格起初只是用来练字用的，效果与田字格类似，帮助人进行把握平衡、匀称这些基本的联系。并没有具体到比例数值这种程度。

Making the ratio work for us…