讓您的網頁設計更加有黃金比例

2014-05-30 分類：網站建設

網頁設計中黃金比例是各類平面布局內使用，尤其是平衡的內容是文本重。它可以幫助設計人員創建的層次結構和吸引用戶的眼睛特定區域。看看下面的網站例子，看看設計師們利用它！

什么是黃金比例？

黃金比率是一個數學比例，在自然界中普遍存在，并在經典的設計理論用于創建平衡的成分。這大致等于1.6180，也被稱為“中庸”，“黃金分割”，并用希臘字母披“φ”簡稱。

“黃金矩形”是長度為1.6180倍寬的長方形。例如，一div ，其具有300px的一側和另一300 * 1.6180≈485px可以說是一個黃金矩形。

如果從這個黃金矩形砍掉一個好的正方形，你會留下另一個黃金矩形。

讓您的網頁設計更加有黃金比例

如果從這個黃金矩形砍掉一個好的正方形，你會留下另一個黃金矩形

讓您的網頁設計更加有黃金比例

你可以這樣做，以較小的矩形，然后再次以相同，無限期，給你這個熟悉的形象：

讓您的網頁設計更加有黃金比例

如果我們從一個好的正方形，然后給它添加另一個我們得到了一個矩形：
保持沿長度最長加廣場
然后，我們添加其他方，等于總形狀的最長長度：

讓您的網頁設計更加有黃金比例

讓我們現在就來分析幾個網站，我們可以看到他們在行動。

示例1：YStudio

讓您的網頁設計更加有黃金比例

它是如何使用的中庸之道
該網站在這里使用了中庸兩三個頁面。主頁是關鍵件工作的概念性概述。但是，當您訪問工作室網頁它，你向下滾動頁面混合一點與中庸矩形的傳統的網絡布局。

為什么它的有效
想要脫穎而出，在人群中？ Yourlocalstudio（YLS）這樣做，是通過利用黃金比例在他們的網站設計。該設計采用了漸進式的外觀有一定的網格系統。你可以說，這些天娥verything看起來像引導 ..留意了越來越多的網站希望吸引注意力以更加結構動態布局。

結論

黃金比例自然導致用戶的眼睛的特定點內的用戶界面。作為一個概念，它可以幫助你思考的內容布局和有效利用層次結構。布局，排版，色彩和首要原則的結合，將有助于把你的設計到一個新的水平。

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

猜你還喜歡下面的內容