以后地位: 首页 > 设计教程 > 平面设计实践 > 在网页设计中如何应用黄金分割比例?

在网页设计中如何应用黄金分割比例?

作为一个网页设计师开端一个项目时经常会考虑到网页的布局,虽然如今很多人偏向应用Grid css框架(如960,blueprint),但有时也必要设计一些独特的布局本文咱咱咱们要探究如何将黄金分割实践利用到网页设计中,大部分触及到的技术也同样适用于其余的设计或艺术类工作,当然重要还是针对付网站设计布局。

黄金比例

黄金分割又称黄金比例,是一个数学上是术语,用来表示两个元素的比例,它的值大约等于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或许图像该放在首页的什么地方,也可以或许决定侧边栏、网站底部内容的地位。一些电子商务网站在设计产品的展现时候外可以或许参考一下黄金矩形。

分享到: 
好的交互设计有哪些重要评判模范
15个优越海报设计灵感
友情链接:最新利率资讯网  鸟类大全网  轱辘汽车改装网站  中国历史教研网  版式设计网  南京电子资讯网  我乐货源网  大学生思想政治网  华夏夜读网  大河报旅游网