首頁>建站動態>網頁設計也有黃金比例?漲知識了!

動態詳情

網頁設計也有黃金比例?漲知識了!

新聞作者:北京建站     2019-06-03 11:57:05      新聞來源:建站人      訪問量:1195

弗洛倫絲·科爾蓋特被英國一電視選秀節目評選為英國最美的臉,因為她的臉蛋被該檔節目評選為“黃金比例臉蛋”。達芬奇傳世畫作《蒙娜麗莎》,也是巧妙的運用黃金比例,成為創世之作。其實,無論是臉蛋、身材,還是物品,擁有黃金比例,總能給人一種具有生命力、純天然的視覺效果。其實,黃金比例不僅可以運用在人和物上,網頁設計也有黃金比例。

 

網頁設計也有黃金比例?漲知識了!1


黃金比例

 

網頁設計也有黃金比例?漲知識了!2


黃金比例又稱之為黃金分割,是數學上的一種術語,用來表示兩個元素的比例,這個值大約是1.618。這么說可能大家都不能很好的理解,我們可以這樣簡單舉個例,假設有兩個線段,一個線段是a一個線段是b,當它們的長度a+b/a的值等于a/b,即a+b/a=a/b=1.618時,黃金比例就成立了,a與b之間的點,就是黃金分割點。

從文藝復興時期開始,當時的藝術家們就十分狂熱于使用黃金比例,將其運用于各種設計作品上,例如世界著名的吉薩金字塔和達芬奇傳世畫作《蒙娜麗莎》,就是采用了黃金分割設計而成的。此外還有很多文藝復興時期流傳下來的雕塑,建筑,繪畫等,都可以看到黃金比例的身影。

黃金分割的運用


以一個960px寬度的網頁布局為例,假設我們要將這個網頁分成兩個板塊,該如何找到它的黃金分割點呢?

通過上訴a+b/a=a/b=1.618公式,可以換算成960/1.618=593,所以593px的位置,就是我們要找的黃金分割點。在設計網站的時候,我們可以將左欄寬度設置為593px,右側欄寬設置為367px。

這種方式,還可以適用于非固定的彈性網頁,通過上訴的計算公式,計算出對應的數值即可。按照黃金分割設計出來的頁面,可以給用戶最舒適,最自然的視覺體驗。

當然,設計網頁不局限于兩欄,網站設計師還可以根據企業需求和產品定位,將網頁分割成三欄、四欄……

使用黃金分割設計網頁,只是一項指導。你可以打破這項規則,讓設計出來的網頁整體看起來具有平衡感,也是可以的。例如按照5:2比例代替黃金分割,雖然這個數值不會很精準,但是卻更為直觀,使用起來也更為方便。

三分法

 

網頁設計也有黃金比例?漲知識了!3


一名網頁設計師在設計網頁的時候,不應該完全基于某項設計理論。我們未必一定要嚴格按照1.618這個數值進行分割頁面。例如三分法,就是一個運用黃金分割的簡單又實用的延展方式。

分別用兩條水平線和垂直線,將構圖按照水平和垂直的方向分為三等份,做成九宮格,被我們稱之為三分法。利用三分法的四條線進行交叉,可以獲得4個點,而這4個點就是我們的關鍵點。在設計網頁的時候,最好將重要的設計元素放置在這4個點。

很多時候,我們設計網站的會不知不覺運用到三分法,例如logo、導航欄、宣傳語等網站的重要信息,會放置在左上角。右上角可能會放置重要性稍微低一些的內容。此外在放置標題按鈕和鏈接的時候,多多少少也會運用到三分法。

當然作為一名合格的設計師,我們要懂得運用三分法,但不用完全嚴格遵守。學會靈活運用,才能設計出具有視覺體驗的網頁。

黃金矩形

 

網頁設計也有黃金比例?漲知識了!4


根據不同的板塊,將網頁分成多個矩形,矩形大小也可以參照黃金分割進行設計,形成多個黃金矩形。其實這種方式運用十分廣泛,借助黃金矩形,可以確認圖片應該放在首頁的什么位置,可以決定側邊欄或者網站底部的內容位置。建站人發現目前很多網站在設計產品展示的時候,都會參考黃金矩形。

網頁設計也有黃金比例?漲知識了!巧妙運用黃金比例,可以讓我們設計出來的網站更具有視覺效果。但這并不是要求我們必須嚴苛遵循黃金比例來設計網站,還需要加上自己的一些“奇思妙算”,才能設計出更加與眾不同,符合用戶體驗,符合市場需求的網頁。

發布評論:

昵稱:

暫無評論

友情鏈接:
京ICP備16060213號-2  北京雙立人網絡科技有限公司  版權所有 Copyright©2018 www.blmswg.icu All Rights Reserved
聯系電話:400-002-0761(7d×24h)       
 
 

立即定制  

  • 項目名稱:
  • 聯系人:
  • 聯系QQ:
  • 所屬行業:
  • 聯系電話:
  • 聯系Email:
  • 需求概要:
ag真人开奖最快