设计、网站、推广
始于2004年
当前位置:首页 > 网站制作

网站设计中的黄金分割布局

发表日期:2013-8-25 作者来源:派谷网络 浏览次数:0

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

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



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

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


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

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


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

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


网站设计排版-黄金分割-陈幼坚设计

    香港最著名的陈幼坚设计公司网站,整体版面的宽度是648,左侧主要内容占的宽度是408,两者之间的比例是0.63,看得出陈幼坚对8这个数字的喜爱。


网站设计排版-黄金分割-twitter

    将黄金分割使用得最极致的要数Twitter的网页设计,惊为天人的完全黄金矩形布局,Twitter创意总监道格·伯曼追求完美的性格可见一斑。


网站设计排版-黄金分割-德意博客

    现在不少的博客在比例分配上面也采用了黄金分割,德意博客的主体宽度是900,左侧主栏宽度是580,两者之间的比例是0.64。你也可以观察一下自己的博客布局之间的比例是怎么样的,如果不知道如何布局,黄金分割是一个最安全选择。

    黄金分割比例的起源:大多认为来自毕达哥拉斯,据说在古希腊,有一天毕达哥拉斯走在街上,在经过铁匠铺前他听到铁匠打铁的声音非常好听,于是驻足倾听。他发现铁匠打铁节奏很有规律,这个声音的比列被毕达哥拉斯用数理的方式表达出来。被应用在很多领域,后来很多人专门研究过,开普勒称其为“神圣分割”也有人称其为“金法”。在金字塔建成1000年后才出现毕达哥拉斯定律,可见这很早就存在。只是不知这个谜底。

本文章系本站编辑转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本站联系,我们将在第一时间删除内容!

相关网站设计案例

相关推荐新闻

娴间椒绗熺純鎴犵彲閸掓湹缍旈敍宀勬付鐟曚焦鏁為幇锟�...

娴间椒绗熺純鎴犵彲閸掓湹缍旈弰顖欑妞ゅ湱閮寸紒鐔蜂紣缁嬪绱濋棁鈧憰浣烘偅閸氬牐鈧啳妾绘径姘煙闂堛垻娈戦崶鐘电閿涘奔浜掔涵顔荤箽...

閺冦儲婀¢敍锟�2025-4-9

閽€銉╂敘缂冩垹鐝惃鍕啎鐠伮ゎ洣閻愯婀侀崫锟�...

閽€銉╂敘缂冩垹鐝惃鍕啎鐠侊繝娓剁憰浣烘偅閸氬牐鈧啳妾绘径姘煙闂堛垹娲滅槐鐙呯礉娴犮儱鐤勯悳鏉挎儧瀵洜鏁ら幋鏋偓浣风妇鏉╂稖娴�...

閺冦儲婀¢敍锟�2025-4-9

缂冩垹鐝紒娆庣磼娑撴艾鐢弶銉ょ矆娑斿牅缍旈悽锟�...

缂冩垹鐝€甸€涚艾娴间椒绗熼懓宀冣枅閿涘本妲搁幓鎰磳閸濅胶澧濊ぐ銏h杽閵嗕焦瀚囩仦鏇炵閸︾儤绗柆鎾扁偓浣风妇鏉╂稐绗熼崝鈥愁杻闂€锟�...

閺冦儲婀¢敍锟�2025-4-9

濡剝婢樼純鎴犵彲娑撳骸鐣鹃崚璺哄缂冩垹鐝惃锟�...

濡剝婢樼純鎴犵彲娑撳骸鐣鹃崚璺哄缂冩垹鐝€涙ê婀径姘煙闂堛垻娈戦崠鍝勫焼閿涘奔瀵岀憰浣风秼閻滄澘婀禒銉ょ瑓閸戠姳閲滈弬褰掓桨...

閺冦儲婀¢敍锟�2025-4-9

缂冩垹鐝楦款啎閸滃瞼缍夌粩娆掝啎鐠侊紕娈戦崠锟�...

缂冩垹鐝楦款啎閸滃瞼缍夌粩娆掝啎鐠伮ゆ閻掕泛鐡ㄩ崷銊ょ鐎规艾鍙ч懕鏃撶礉娴e棗婀鍌氬悍閵嗕浇瀵栭崶娣偓浣镐紣娴f粌鍞寸€癸拷...

閺冦儲婀¢敍锟�2025-4-8

网站建设解决方案
缂冩垹鐝紒瀛樺Б鐟欙絽鍠呴弬瑙勵攳 娴间椒绗熼梻銊﹀煕缂冩垹鐝梿鍡欏閸栨牞袙閸愯櫕鏌熷锟� 閽€銉╂敘閸ㄥ缍夌粩娆捫掗崘铏煙濡楋拷 閸忔槒鈧線娅岀悰灞肩瑹缂冩垹鐝楦款啎鐟欙絽鍠呴弬瑙勵攳 閸栧娅岀拠濠冨缂冩垹鐝楦款啎鐟欙絽鍠呴弬瑙勵攳 閹靛婧€閺佹壆鐖滅悰灞肩瑹缂冩垹鐝楦款啎閺傝顢� 婢舵牞閿ら崗顒€寰冪純鎴犵彲瀵ら缚顔曠憴锝呭枀閺傝顢� 闁叉垼鐎虹純鎴犵彲瀵ら缚顔曠憴锝呭枀閺傝顢� 鐞涘奔绗熼崡蹇庣窗缁崵缍夌粩娆忕紦鐠佹崘袙閸愯櫕鏌熷锟� 閸濅胶澧濈€规ḿ缍夌純鎴犵彲瀵ら缚顔曢弬瑙勵攳