图片样式

黄金分割法在网站设计的用途

  网站设计中黄金分割法的运用,置信专业的网站设计师都会明白这个道理!

  作为一个网页设计师开端一个项目时经常会思索到网页的规划,固然如今很多人倾向运用Grid css框架,但有时也需求设计一些共同的规划。蒙特网站设计师与大家要讨论如何将黄金分割理论运用到网页设计中,大局部触及到的技术也同样适用于其他的设计或艺术类工作,当然主要还是针关于网站设计规划。

  黄金比例

  黄金分割又称黄金比例,是一个数学上是术语,用来表示两个元素的比例,它的值大约等于1.618。黄金分割从文艺复兴时就开端了。那个时期的艺术家对黄金分割非常推崇,并且普遍运用在各种设计作品上,数百年来,在建筑、雕塑、绘画等范畴都能够看到黄金分割的身影,今天我们同样能够将它运用在数字艺术上。

  黄金分割是一个数学的术语,所以开端可能不是很好了解。我们能够简单举例解说,假定有两个线段a和b,假如它们的长度a+b/a的值等于a/b,即a+b/a=a/b=1.618,那么黄金分割就成立了,a和b中间就是黄金分割点。

  黄金分割的运用

  以一个960px宽度的网页设计规划为例,假设我们要将这个网页分红两栏,如何才干找到他们的黄金分割点呢?

  十分简单,从上面的数学公式我们晓得a+b/a=1.618,960px就相当于a+b的值,所以只需用960/1.618=593,所以593px的位置就是黄金分割点。这样两栏的网页规划,左边栏宽度设为593px,右边栏宽度设为367px(960-593)就能够了。

  这个方式同样适用于一些非固定的弹性的网页规划,只需经过同样的计算公式得到相应数值用相对单位(如百分比)表示即可,这样的网页设计是令人觉得最自然的。你也能够进一步将网页分红3栏、4栏。

  当然黄金分割比例只是在设计上的一个指导而已,假如你能够突破这个规则又能坚持网页设计页面的自然均衡也是能够的,作为一个通常的规则,经常把黄金比例用5:3来替代,固然不是十分准确,但是却更直观和便当运用。

  三分法

  就像前面说过的一样,在设计网页时,不应该完整拘泥于某个设计理论,网页设计不需求完整遵照1.618这个数值。三分法是运用黄金分割的一个简单适用的办法。

  三分法是用两条程度线和垂直线将构图在程度和垂直方向上三等分。这四条线穿插会构成四个点,这四个点称之为关键点,重要的设计元素最好放置在这四个中央。很多网页设计曾经在不知不觉中运用了三分法,如网站重要的信息(logo、导航栏)会放置在左上角,右上角可能会放置重要性略微低一点的的内容。当你在思索放置标题、按钮和链接的位置时,就能够思索用三分法来做参考了。当然,同样要灵敏运用,不要“严厉遵照”。

  黄金矩形(Golden Rectangle)

  在网页设计规划时,依据功用的不同将网页分红几个矩形,这些矩形的大小参照黄金分割比例,这样就构成了很多黄金矩形。这些矩形能够处理你在网页设计规划中碰到的大局部困惑,比方你能够经过这些黄金矩形来决议flash或者图像该放在首页的什么中央,也能够决议侧边栏、网站底部内容的位置。一些电子商务网站在设计产品的展现时特别能够参考一下黄金矩形。

  网站设计中黄金分割法的运用很有一定的技巧内涵,大家能够认真理解一下!