页面设计的黄金分割到底是什么噱头?

网页设计中有个运用叫黄金分割法,相信专业的ui设计师都听说过这个应用!
作为资深网页设计师在开始一个项目时,经常会考虑到布局,虽然很多人都倾向使用grid css框架,但也不免要设计一些独特的布局。吉致网页设计师与大家要分享的是如何将黄金分割理论运用到网页设计中。
黄金分割又称黄金比例,是一个数学术语,用来表示两个元素的占比,它的比例大约1.618。这一概念从文艺复兴时就开始。古欧洲的艺术家对黄金分割十分推崇,并且将它广泛运用在各种设计作品上,数百年来,在建筑、雕塑、绘画等领域都可以看到黄金分割的身影。
黄金分割不是很好理解。我们可以简单举个例子,假设有两条线段c和d,如果它们的长度c+d/c的值等于c/d,即c+d/c=c/d=1.618,那么黄金分割就成立了,c和d中间就是黄金分割点。
以一个960px宽度的网页布局为例,假如我们要将这个网页分成两栏,如何才能找到他们的黄金分割点呢?
从上面的数学公式我们知道c+d/c=1.618,960px就相当于c+d的值,所以只要用960/1.618=593,所以593px的位置就是黄金分割点。这样两栏的网页布局,左边栏宽度设为593px,右边栏宽度设为367px(960-593)就可以了。
这个方式同样适用于一些非固定的弹性布局,只要通过同样的计算公式得到相应数值用相对单位(如百分比)表示即可,这样的网页设计是令人感觉最自然的。
当然比例只是在设计上的一个指导思想,如果你可以打破这个规则又能保持网页设计页面的自然平衡也可以,作为一个通常的规则,经常把黄金比例用5:3来代替,虽然不是非常精确,但是却更直观和方便。
三分法
就像前面说过的一样,在设计页面时,不应该完全拘泥于特定理论,更不需要完全遵循1.618这个数值。三分法是运用黄金分割的一个简单方法。
三分法是用两条水平线和垂直线将构图在水平和垂直方向上的三等分。这四条线交叉会形成四个点,这四个点称之为关键点,重要的设计元素最好放置在这四个地方。当然,同样要灵活运用,不要“严格遵循”。
黄金矩形(golden rectangle)
在网页设计布局时,根据功能的不同将网页分成几个矩形,这些矩形的大小参照黄金分割比例,这样就形成了很多黄金矩形。这些矩形可以解决你在网页设计布局中碰到的大部分困惑,比如你可以通过这些黄金矩形来决定flash或者图像。
网站设计中黄金分割法的运用很有一定的技巧和内涵,大家可以仔细了解一下!