網頁設計中的黃金分割
在所有網頁設計的比例中黃金分割是最能引起人的美感的,0.618被公認為最具有審美意義的比例數位。黃金分割之所以那麼普遍的流行,我猜一定跟理想女人體的維納斯雕像有莫大的關係,大家都被她傾城的美色所誘惑了,拜倒在她那沒有雙臂的美妙絕倫身軀前面,愛美之心人皆有之藝術家比我們更懂這個道理。
黃金分割點約等於0.618:1,因為黃金分割率和黃金矩形能夠給畫面帶來美感,令人愉悅的原因,從而在建築、文藝、還有不同行業中都有著廣泛而重要的應用。我們熟知的達•芬奇-維特魯威人、蒙娜麗莎的臉、最後的晚餐;古希臘維納斯女神及太陽神阿波羅雕像、雅典的帕台農神廟同樣也應用了網頁設計該比例佈局。
黃金分割在藝術設計中的應用經典案例
在被藝術與設計影響的世界裏,追逐美感成為了每一個時代必不可少的潮流趨勢,對於網站排版設計同樣也不會例外,無論是企業網站建設、大型入口論壇、還是個人部落格設計,可愛的設計師們和藝術家會想盡一切的辦法將美的東西融入其中,儘管大多數用戶根本不會知道設計師為何如此排版。讓我們一起來看都有哪些網站採用了黃金分割比例,這其中不乏大家都熟知的網站,只有平時沒有留意而已,部分是採用九宮格分割,因為它與黃金分割驚人的接近一併列出。
網站設計排版-黃金分割-豆瓣社區首頁
豆瓣社區首頁的設計左欄寬度是590px,整體版面的寬度是950,兩者之間的比例是0.621,非常之接近黃金分割。
網站設計排版-黃金分割-騰訊網首頁
騰訊網首頁的設計右欄寬度是600px,整體版面的寬度是960,兩者之間的比例是0.630。
網站設計排版-黃金分割-搜狐門戶首頁
搜狐門戶首頁的設計右欄寬度是626px,整體版面的寬度是950,兩者之間的比例是0.659,與騰訊網佈局方式非常相似,但這個比例幾乎是九宮格排版。
九宮在中國的傳統文化裏具有舉足輕重的作用,中國象棋中“將”或“帥”就是坐鎮九宮,而在圍棋中也有類似潛在的規則,一般棋手都要以佔據九宮局中的結點來獲得先機,更遠一些諸如天有九宮,地有九州的的例子已經是數不枚舉了。
很多人都知道“兩儀生四象,四象生八卦”,“戴九履一,二四為肩,六八為足,左七右三中五子”,現在應該明白了吧,這就是八卦和九宮的統一點。這是一個特別奇妙的組合,從一到九,如此排列,橫豎對角三個數字之和都為15,這是一個極為穩定的格局,而這也對應著中國傳統文化裏極其重要的穩重性原則,不論從古代的排兵佈陣,還是現在的平面設計,它都可以是一個至為重要的參考標準。就拿佈陣來說,在防守戰中,1所在的宮位如若是三軍將帥的位置所在,它就應該受到更全面的保護,按照這個格局,將帥因該是最安全的,不管敵人從前面還是側面都會受到非常合理的抵抗,只要將帥不亡,戰爭就沒有結束,所以這是一個很適宜防守的陣形,但是將帥要在9所在的宮位,就立刻成為一個典型的攻擊陣形,將軍自帶9路兵士,一馬當先,可謂是無堅不催,當然將軍要在5的位置,那就是攻守兼備,最適合打持久戰了,看看這就是八卦陣,把部隊分為九隊,其兵力佈局如此安排,要破了它還陣的費些心思了。
回過頭來看看網頁設計,網頁設計很重要的一點是色彩的重量,就是某一區域內色彩的濃度和,從上面的格局來看,2的位置應該是放logo的,9的位置是banner,4是次導航,7是左導航,5是頁面主要內容,3頁面次要內容,6為底部導航,8為副logo,1為版權所有,沒一塊區域裏安排以數位數值大小為准的顏色重量,整個畫面就會顯得雜而不亂,險中有穩,真是奇妙。
轉貼來源:Web前端
參考文獻:
1.李俊宏(1995)。網頁設計原則的研究一以大專院校首頁設計為例。雲林技術學院程式設計研究所碩士論文,未出版,雲林。
2.王育民、王怡舜 (1999), 行銷策略導向之旅館業網際網路服務內容規劃與設計, 第五屆服務管理研討會, 台北市, .
3.林隆儀、林岳民 (2005), 廣告比較策略與廣告訴求方式對購買意願的影響-產品涉入之干擾效果, 企業管理學報, 65(), 1-30.
相關文章
在網頁設計工作上如何客戶收取多少費用?相容舊瀏覽器對HTML5網頁設計的問題是否堅持去學習網頁設計的程式碼嗎?網頁設計-口碑 X 網路行銷 X 寫手門?!在網頁設計後的安全概念
最新文章
HVACKer:入侵隔離網絡的新型攻擊技術還有什麼不會被入侵?路由器 LED 燈已成為攻擊入口美 5 家獨角獸同天申請 IPO 掛牌,最狂的是一家估值 124 億美的數據分析新創!【台灣「智慧產業」開始佈局】緯創集團領投跨國 AI 新創 iKala,下一步拓展東南亞市場快可以用手機遠端遙控你的所有家電了