首页 > 网页教程 > 设计分享 > 黄金分割布局在网页设计中的应用

黄金分割布局在网页设计中的应用

时间:2010-10-22    作者:不详   来源:德意

在所有的比例中黄金分割是最能引起人的美感的,0.618被公认为最具有审美意义的比例数字。黄金分割之所以那么普遍的流行,我猜一定跟理想女人体的维纳斯雕像有莫大的关系,大家都被她倾城的美色所诱惑了,拜倒在她那没有双臂的美妙绝伦身躯前面,爱美之心人皆有之艺术家比我们更懂这个道理。

黄金分割点约等于0.618:1,因为黄金分割率和黄金矩形能够给画面带来美感,令人愉悦的原因,从而在建筑、文艺、还有不同行业中都有着广泛而重要的应用。我们熟知的达·芬奇-维特鲁威人、蒙娜丽莎的脸、最后的晚餐;古希腊维纳斯女神及太阳神阿波罗雕像、雅典的帕台农神庙同样也应用了该比例布局。


黄金分割在艺术设计中的应用经典案例

在被艺术与设计影响的世界里,追逐美感成为了每一个时代必不可少的潮流趋势,对于网站排版设计同样也不会例外,无论是企业网站建设、大型门户论坛、还是个人博客设计,可爱的设计师们和艺术家会想尽一切的办法将美的东西融入其中,尽管大多数用户根本不会知道设计师为何如此排版。让我们一起来看都有哪些网站采用了黄金分割比例,这其中不乏大家都熟知的网站,只有平时没有留意而已,部分是采用九宫格分割,因为它与黄金分割惊人的接近一并列出。


网站设计排版-黄金分割-豆瓣社区首页
 

豆瓣社区首页的设计左栏宽度是590px,整体版面的宽度是950,两者之间的比例是0.621,非常之接近黄金分割。


网站设计排版-黄金分割-腾讯网首页

腾讯网首页的设计右栏宽度是600px,整体版面的宽度是960,两者之间的比例是0.630。


网站设计排版-黄金分割-搜狐门户首页
 

搜狐门户首页的设计右栏宽度是626px,整体版面的宽度是950,两者之间的比例是0.659,与腾讯网布局方式非常相似,但这个比例几乎是九宫格排版。

相关推荐
在网页设计中如何应用黄金分割比例?
精彩总在下半夜:如何从AV封面中学平面设计
CSS酷站网页水平条经典设计欣赏
欧美CSS酷站网页背景设计之光影特效赏析
酷站欣赏之欧美棕色调网站设计案例赏析
如何基于心理学设计的目的来制作受用户欢迎的网页
二十款网页图文混排设计样式欣赏
黑色的艺术:三十款暗黑色调的欧美CSS酷站欣赏
35套精美绚丽的创意酷站设计欣赏
网页设计的文字色彩与可读性分析
如何掌握网页广告字体设计的技巧
40款超个性粗糙纸张纹理风格的CSS酷站欣赏
15款富有创意的的html电子名片设计欣赏
国外49款创意型404错误网页欣赏(附演示网址)
手绘风格的15款超级漂亮网站欣赏
网易频道页面的改版过程分享
网页设计师必备的13款国外CSS酷站参考画廊
多款韩国绚丽风格的游戏网站界面设计欣赏
网页设计中的构图技巧分享
网页设计的几何圆之美
网页交互设计的一些理解
网页设计中上一页和下一页的用户体验分析
简单而又不单调的网页视觉设计技巧
让用户感觉很糟糕的网页设计之十大原因
淘宝网新年改版之网页宽度最佳尺寸浅析
圆形元素在网页设计中如何应用的25个案例
如何学习才能成长为一名更好的设计师?
淘宝案例分析之商城页面的用户体验
85个优秀的超大字体网页设计欣赏
用实例理解网页设计的80/20规则
寻找应用服务或程序类网站的设计规律
10个国外网页设计领域最具影响力的人物
30个出色的网页设计色彩搭配案例欣赏
10个优秀的网页设计教程与素材博客
网站专题设计的一些细节经验分享
21个值得收藏的转换PSD为HTML的教程

精彩推荐

热门教程