首页 > 教程, 案例研究, 设计理论> 网页设计中的神圣比例

网页设计中的神圣比例

2012年5月16日 Ivan 发表评论 阅读评论

 

网站建设中的神圣比例是一个数字概念,其起源可以追溯至远古时代。作为一种设计原则,我们从建筑、艺术甚至是网站上都可以追寻到它的身影。虽然这种设计概念和公式确切兴起的时间尚不明确,但是在埃及金字塔和帕台农神庙的建筑设计上我们已经感受到它的存在。

 

 

 

中文:网页设计中的神圣比例
译自:THE DIVINE PROPORTION AND WEB DESIGN

请尊重版权,转载请注明来源,多谢!

 

100多年前,版面设计师就已经将黄金比例设计理念应用到报纸和杂志设计中,网站设计师紧随其后。直到现在,如此神奇的设计公式仍然在设计领域中占有一席之地。

 

鉴定

 



这个神圣的比例来自几个不同大小的矩形,我们称之为黄金比例,或者叫黄金矩形,合理均衡分配各个部分的比例,让整体达到最和谐最愉悦的审美效果。

 

黄金矩形的定义,就是来自1.618的比例,我们称之为黄金分割率。这一理论的使用一般会四舍五入到两位小数或者整数,以确保设计时过于繁琐和复杂。

 

黄金矩形追求的是整体的美感。网站设计中导航栏和页面主体以及图片的位置都遵循了这个原则,有时候连设计师也不自知。

 

有关黄金矩形最有名的例子之一就是达芬奇绘画作品《维特鲁威人》,它形状的部分特别是螺旋,后人在大自然中找到了它的原形:鹦鹉螺。

 

创建

 

 

网站设计中使用神圣比例,要将内容区域宽度和除以1.618,得到的数字就是你内容区域宽度,结余数字就是侧边栏宽度。

 

以屏幕为1024PX为例:

 

1024PX / 1.618 = 632.88PX  (四舍五入为633像素)

 

633像素即为主要内容区的宽度。

 

1024PX – 633PX = 391PX  (四舍五入为633像素)

 

391像素即为侧边栏宽度。

 

完美的黄金矩形长宽比应是保持正方形比率,所以这个公式的最佳高度也是1024PX。

 

你还可以使用在线计算器算出这个方程。黄金比率计算器是个很好的工具,输入宽度即可得到你想要的数字。

 

应用

以twitter为例,2011年重新推出新的网站,就是应用了完美的神圣比例。

 

这个例子说明,黄金分割定律不仅可以应用在网站整体架构上,也可以在图片和文字中运用的游刃有余。

 

在这个网站中,黄金分割定律被应用在主题图片中,让网站整体更和谐,达到完美的视觉效果。

 

利弊

使用黄金矩形的网站并不能保证就一定是个成功的设计,但是它可以帮助你创造和谐的视觉平衡,并提供如何指定一个设计概念的基础。当然,许多设计精美的网站没有使用这一原则,但是你同样可以在上面发现我们黄金分割的原则,因为它的确是可以展示完美形状的公式。

 

一些设计师并不同意这一概念,因为试图把公式和创意捆绑在一起,确实勉为其难,费时还不保证得到一个完美的设计布局。

 

分析

 

黄金分割比例并不适用于每个人。毕竟这是个费时的过程,而且由于每个网站的需求不同,或许很难保持真正的完美比例,所以你只有不断尝试,在设计中增减或堆砌多个黄金矩形。

 

在设计中,尽量不要太进入神圣比例的数字中,强迫式的应用到你的设计中,自由发挥、适时变化或许更好。

 

我喜欢古典感觉的网站设计,它们往往有着完美的黄金比率,让人愉悦和舒适,这样的设计经得起时间考验和理论的推敲,平衡感和亲民感都极佳。但是,任何设计理念的应用都避免过多的重复和附加,否则只会招人不适。

 

 

作者:网站建设-Ivan

宅寂网站建设团队博客(www.hx-h.com
仅代表作者个人观点。版权归宅寂品牌策划(ZAKEA)所有,转载时请注明出处

 



 

  1. 本文目前尚无任何评论.
  1. 本文目前尚无任何 trackbacks 和 pingbacks.

无觅相关文章插件,快速提升流量