| 加入收藏

网页设计中黄金分割理念的应用示例

2009-06-01 20:59来源: 浏览:[]
所属专题:

大家都听过黄金分割点,这个美妙的数字0.618,与世界万物都有千丝万缕的联系。今天在网上看到一遍关于网页设计中的黄金分割博文,又进了原作者的博客看了其它博文,感触颇深。不得不佩服国外的设计理念和方法,中国相比起来,差距还是很大的。2009年要提高自己的专业知识,还得多订阅些欧美的博客。

  下面是网页设计中的黄金分割示例图,按黄金分割理念来设计网页,可以增强网页的美感,也使网页很自然地呈现在眼前。

  

  (黄金分割设计最简单的方法,把宽度或高度分成三份。)

要产生更详细的gird,只需要继续三等分就行。如果你读了前一篇文章“与Blueprint CSS框架的亲密接触”的话,你会看到Blueprint CSS框架用了一个详细的gird系统。 不仅仅是gird设计更容易更快,而且它也创建了一个美观的布局。如果你还没有使用gird设计理念,那么这是一个很好的尝试机会。你可以为fireworks,photoshops或者其他软件从 http://960.gs下载grid模板。

继续三等分割

正如你看到的,NetTuts很好的遵循了黄金比率。顶端三分之一的网页再次分成了三分,非常接近黄金比率。难怪NetTuts的设计是如此吸引人!

如果你要做一个新的设计,我严重推荐你找一些流行的站点,评价他们的布局,以及如何应用黄金比率和gird。然后花一些时间去实践使用黄金分割,并在你的网站布局上面使用gird。



  (横向黄金分割比例)

  

(纵向黄金分割比例)

  从这里得到启示,我突然想到阿里系的淘宝网、雅虎口碑网、阿里巴巴,就是按黄金分割近2:1比例设计的,超赞!而易趣网、拍拍网、百度有啊,都是按3:1比例在设计。在这里阿里系就比其它电商网技高一筹,下面截图:

  

  (淘宝网首页设计示例)

  

 

  (雅虎口碑网首页设计示例)

  

 

  (拍拍网首页)百度有啊、易趣网都是按3:1比例在设计

另外逆云网的首页和内页都用到了黄金分割的设计理念

文章出处:http://www.admin5.com/article/20090109/125626.shtml

 



Copyright 2008 逆云网 | 粤ICP备08131116号 |关于我们 | 联系我们 |