北京网页设计:如何把握网页布局的黄金比例 - 环宇科讯|沃玛互动
致力于高端网站建设服务的专业公司
网站建设热线:010-51000596
首页 > 网站资讯 > 网页设计 > 网页设计教程 > 北京网页设计:如何把握网页布局的黄金比例

北京网页设计:如何把握网页布局的黄金比例

 

    在网页设计中,我们通常会在网页布局中考虑一个最佳的分割点,作为网页内容的主次之分。其实这个分割点就是我们所说的黄金分割点。网站设计布局采用黄金分割比例,有助于网页更美观,有主有次,更符合用户的浏览习惯,也是我们在网页设计中不得不得考虑的一个要点。下面本文就来讲一下如何在网页设计中运用好黄金分割比例。
 
    什么是黄金比例?
 
     黄金分割是一个数学的术语,所以开始可能不是很好理解。我们可以简单举例讲解,假设有两个线段a和b,如果它们的长度a+b/a的值等于a/b,即a+b/a=a/b=1.618,那么黄金分割就成立了,a和b中间就是黄金分割点。
   
    黄金分割又称黄金比例,是一个数学上是术语,用来表示两个元素的比例,它的值大约等于1.618。黄金分割从文艺复兴时就开始了。那个时代的艺术家对黄金分割十分推崇,并且广泛运用在各种设计作品上,数百年来,在建筑、雕塑、绘画等领域都可以看到黄金分割的身影,今天我们同样可以将它运用在数字艺术上。
 
    如何运用黄金分割?
 
    以一个960px宽度的网页设计布局为例,假如我们要将这个网页分成两栏,如何才能找到他们的黄金分割点呢?
 
    非常简单,从上面的数学公式我们知道a+b/a=1.618,960px就相当于a+b的值,所以只要用960/1.618=593,所以593px的位置就是黄金分割点。这样两栏的网页布局,左边栏宽度设为593px,右边栏宽度设为367px(960-593)就可以了。
 
    这个方式同样适用于一些非固定的弹性的网页布局,只要通过同样的计算公式得到相应数值用相对单位(如百分比)表示即可,这样的网页设计是令人感觉最自然的。你也可以进一步将网页分成3栏、4栏。
 
    当然黄金分割比例只是在设计上的一个指导而已,如果你可以打破这个规则又能保持网页设计页面的自然平衡也是可以的,作为一个通常的规则,经常把黄金比例用5:3来代替,虽然不是非常精确,但是却更直观和方便使用。
 
    1、三分法
 
    三分法是运用黄金分割的一个简单实用的方法。三分法是用两条水平线和垂直线将构图在水平和垂直方向上三等分。这四条线交叉会形成四个点,这四个点称之为关键点,重要的设计元素最好放置在这四个地方。很多网页设计已经在不知不觉中运用了三分法,如网站重要的信息(logo、导航栏)会放置在左上角,右上角可能会放置重要性稍微低一点的的内容。当你在考虑放置标题、按钮和链接的位置时,就可以考虑用三分法来做参考了。当然,同样要灵活运用,不要“严格遵循”。
 
    2、黄金矩形(Golden Rectangle)
 
    在网页设计布局时,根据功能的不同将网页分成几个矩形,这些矩形的大小参照黄金分割比例,这样就形成了很多黄金矩形。这些矩形可以解决你在网页设计布局中碰到的大部分困惑,比如你可以通过这些黄金矩形来决定flash或者图像该放在首页的什么地方,也可以决定侧边栏、网站底部内容的位置。一些电子商务网站在设计产品的展示时尤其可以参考一下黄金矩形。
 
    小结
 
    通过以上对网页设计和布局中黄金分割比例的探讨,相信大家已经有所了解。当然,网页设计师在设计网页布局的时候,也不能完全只参照黄金分割比例,还要综合考虑到其它因素,比如一些特殊行业网站的布局等等。