文章来源（侵删）：http://www.ui.cn/detail/285750.html
1.黄金比例
蒙娜丽莎和谷歌的logo有什么共同点？人类历史上最具代表性的画作和成立于1998年的科技巨头之间会有什么关联呢？
答案就是，它们都应用了黄金比例，公认的经典比例。从数学角度来说，黄金比例约等于1.618。
根据维基百科，两数之和与较大数之比等于较大数与较小数之比时，这两数之比为黄金比例。
众所周知，黄金比例是人眼觉得最舒服的比例，这对于艺术家、建筑师和设计师来说十分有用。最直观的展示形式就是黄金矩形，如下图。
诚然，黄金矩形直接出现的情况并不多见，但是黄金比例的应用十分普及。它无处不在，并时刻吸引人们的目光。它是许多logo、字体和界面布局背后的基本原则。
如上图所示，谷歌logo的两个圆周长之比为黄金比例。不只是谷歌，很多公司也使用黄金比例来优化产品界面。
黄金比例是在设计实践中应用最广泛的数学概念，也是数学影响设计的有力证明。
2.斐波那契数列
斐波那契数列由0和1开始，之后的数字是由前两数相加而得。
0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144…
这个数列是斐波那契式设计的基础，尤其适用于内容复杂的网站布局（如博客或其他线上出版物）。
上图的博客页面虽然简单，但是细节很好。页面内容结构明确，字体大小比例清晰、可读性强，排版布局干脆整洁。这就是斐波那契式设计的一个很好的例子
举例来说，页面中三列的宽度比例根据斐波那契序数（2，3和8）确定。前两列宽度比例为3：2，后两列为8：3。
还可以使用斐波那契序数来规范字号大小。在这个示例中，页面大标题字号为55px，文章标题字号为34px，内容字号为21px。最终呈现出信息层级清晰、比例和谐美观的效果。
另一种斐波那契数列在设计中的应用是划分页面模块。如下图的矩形，由边长为斐波那契序数的正方形组合而成。
下图是一个非常常见的网页形式，大家应该经常见到，甚至使用过。可以参考FastCompany的网页。
这个页面中最主要的内容标记为“块1”，是页面中面积最大的模块，搜索功能和其他导航内容的模块组成了“块2”。
关于斐波那契数列还有一个特点：在数列后添加数字，随着数列加长，数列前后两项之比会趋近1.618，也就是黄金比例。
3.三分法则
三分法则被很多人所熟知。就算不是设计界的人，也会对三分法则有所耳闻。这一点不像黄金比例和斐波那契数列。说到数学法则在网页设计中的应用，就不能不提“三分法则”。
三分法则指的是，使用两条竖线和两条横线将画面均分为9个部分，形成一个基本的网格，从而辅助界面布局。
举例来说，四条线的交叉点位置是放置关键信息的好位置，可以将需要着重显示的元素布局在这些位置。在网页设计中，左上的交点是最醒目的位置，是用户在浏览网页时，目光最容易注意到的位置。
我们来看一下EQRec的首页。网站的主标题——来自世界上最好录音棚的邀请——位于首页左上的交点处，其他页面元素按照三分法则分布在页面中，特别是页面上下的导航栏。
透过数字做设计
也不能依靠数学来解决全部问题。用户体验终究是要靠创新的思维来提升的。
