埃及金字塔、蒙娜麗莎、Twitter、百事可樂，這些事物有什么共同點?答案很簡略，看似風馬牛不相干的它們在規劃時都遵從了黃金份額的原則。這也正是咱們今日要探求的主題：黃金份額。因為黃金份額具有共同的美學價值，在多個范疇有著廣泛地運用：數學、物理、建筑、美術乃至是音樂。除此以外，黃金份額的栗子在日常生活和大自然中也比比皆是：舞臺報幕員不是站在舞臺的正中央，而是一側;從一棵嫩枝的頂端向下看，它的葉子是依照黃金份額擺放著的。不過，很少有人將黃金份額和網站建設結合在一起，其實在網頁規劃之中運用黃金份額能夠帶來無與倫比的份額性、調和性和藝術性，給網站賦予共同的美感。今日小飛就帶咱們了解一下什么是黃金份額，在網站能夠怎樣運用黃金份額以及一些優異的典范，期望能給咱們一些啟示和創意。

一般咱們會用線段分割來解說這個概念：把一條線段分割為兩部分，較短部分與較長部分長度之比等于較長部分與全體長度之比，其比值是一個無理數，取其前三位數字的近似值是0.618。因為這樣的份額常常能帶來規劃的調和與美感，因而人們稱它為"黃金"份額(或黃金分割、中外比等)。下圖中的公式能夠給咱們作一個參閱：

黃金份額還能夠運用在圖形之中。隨意拿出一個正方形，將它的一邊擴大1.618倍，這樣一個黃金份額的矩形就出現了。當你將原來的正方形和新的矩形堆疊時，你能愈加明晰直觀的看清黃金份額的存在。

咱們還能夠更進一步，在每個正方形中內切一個圓形，這些圓形是遵從0.618的黃金份額的，是份額好的圓形。

在上面的段落中咱們關于黃金份額和黃金螺旋已有了必定的知道，獲得了遵從黃金份額的矩形、圓形，那么接下來咱們就看看在網站中怎么運用提高規劃美感。因為黃金份額的出現形式多樣，咱們能夠將它用到布局、距離、內容、圖畫和圖形等多個元素之中。

在布局中運用黃金份額很有效，要害點就在于操控份額和尺度，掌握好0.618的黃金份額。舉個比如，假如你運用960px的寬度布局時，將它乘以0.618就能夠得到594px，這就是網頁布局的高度。在此根底之上，你能夠將整個布局劃分為一欄正方形，一欄矩形，愈加直觀的出現黃金分割，讓網站更富魅力。

2、距離：運用黃金螺旋布局

Moodley 規劃工作室就是一個栗子，它為布雷根茨藝術節規劃了海報、節目單以及Logo等品牌標識。節目單的全體規劃采用了拍攝圖片拼貼的方法，有許多的留白，而其間各種元素的規劃份額、方位和留白就是憑借黃金螺旋來安置的。

3、內容：沿著黃金螺旋的軌道

以國家地理雜志的網頁為例。假如你仔細觀察它的首頁，你就會發現它的內容就是依照黃金螺旋的軌道來組織的。因為人們可能會下意識留意這個軌道的中心，因而國家地理雜志在這放置了它的logo，再次杰出著重品牌形象。網站中的其他重要元素也為螺旋線所包括。

Helms 工作室 為Fullsteam Brewery進行品牌規劃時，也相同憑借黃金螺旋組織網站內容。各種不同的元素被放在不同的區塊中，訪客能夠沿著中心人物、印章、ABV字符、產商地點地的軌道去閱讀。這樣的閱讀體會很自然、便利。

圖片的構成也是很重要的，不管圖片是服務于信息傳遞或美感出現的意圖。在圖片中運用黃金份額和三分法能夠運用線條和交點構建視覺中心，讓它們更吸人眼球，更能杰出重要的信息。在圖片中運用黃金份額是指將圖片分成3個不相等的區塊，3個區塊的份額應該是1:0.618:1，也就是說榜首列和第三列的寬度為1，而第二列的寬度為0.618，水平區域也是同理。這樣一來，咱們能夠通過這些線條或交點合理組織圖片的方位和大小，看看怎樣更能招引用戶留意力，增加興趣和生機。除了黃金份額以外，咱們還能夠運用三分法對圖片進行切開。三分法從某種意義上來說算是黃金分割的一種變體，在運用上愈加簡略。它是將圖片三等分，份額為1:1:1，這樣的圖片是徹底平衡和均勻的。這樣咱們能夠將重要的元素環繞中心的矩形擺放開來。

Jason Mildren 為Pilot 雜志規劃封面時，采用三分法來構建視覺重心，圖中模特的眼、拇指和手臂軸心都處在視覺重心上，人物方位靠右下，留白靠左上，在布局上既杰出重點，又做到了調和統一。

就像黃金份額能夠用來創建份額調和矩形(前面幾點都有提及)，它還能夠用在圓形上，一個好的圓形應該遵從0.618的份額。下面就以百事和Twitter的Logo來仔細分析一下黃金份額的圓形在網頁規劃中的運用吧!

Twitter的Logo規劃則是憑借若干黃金份額的圓形來構建的，只不過它在運用黃金份額的圓形的時分，并沒有運用相鄰份額的圓形來構建，乍一看可能不行準確，但卻相同調和。　　

網站欄目：從幾何設計學原理的黃金分割應用到網頁設計中
網站路徑：http://www.js-pz168.com/news22/261622.html

成都網站建設公司_創新互聯，為您提供網站內鏈、定制網站、微信小程序、服務器托管、微信公眾號、App開發

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯