大家都听过黄金分割点,这个美妙的数字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
