好的設計早在我們創造的時候就已經引起了爭論。有無數的論壇,社會媒體,和面對面的談話,關于什么是偉大的設計,每個人都貢獻自己的觀點。雖然永遠不會有一種通用的設計方法,但是有一種具體的數學方法可以幫助我們更進一步創造出令人驚嘆的設計體驗:黃金比例。黃金比例是幾乎可以在任何地方找到的數學比例,如自然,建筑,繪畫和音樂。當專門應用于設計時,它可以創造出有機,平衡和美觀的組合物。

什么是黃金比例?

斐波那契數列是它前面兩個數的和。它是:0,1,1,2,3,5,8,13,21等等,到無窮大。根據這種模式,希臘人發展了黃金比率,以更好地表達序列中任意兩個數字之間的差異。這與設計有什么關系?當你把一條線分成兩部分,長部分(a)除以小部分(b)等于(a)+(b)除以(a)之和,兩者都等于1.618,你就可以找到黃金分割率。此公式可以幫助我們創建形狀、圖標、布局等。

黃金分割

我們也可以采用這個想法并創建一個黃金矩形。取一個正方形和多個單面1.618來獲得一個新的形狀:一個比例和諧的矩形。

黃金矩形

如果將正方形放在矩形上,兩個形狀之間的關系也是黃金比例。

黃金矩形疊放

如果繼續將黃金比例公式應用到最右邊的新矩形,將得到一個由越來越小的方塊組成的圖像。

黃金矩形延續

如果在每個方格上畫一個螺旋線,從一個角開始到另一個角結束,將創建斐波那契序列的第一條曲線(也稱為黃金螺旋)。

黃金螺旋線

如何在設計中使用黃金比例

既然已經了解如何計算黃金比例,如何將這些知識應用到每天的工作中呢?
以下是在設計中使用黃金比例的方法:
 
1.排版和定義層次結構

黃金比例排版

黃金比例可以幫助我們確定在網站,登錄頁面,博客文章甚至打印中應使用的標題和正文副本的字體大小。假設文本副本是12px。如果將12乘以1.618,你將獲得19.416,這意味著標題文本大小為19px或20px將遵循黃金比例并平衡12px正文字體大小。如果想弄清楚內容文字大小應該有多大,可以反過來計算。如果標題文本為25px,則可以將其除以1.618以確定正文(15或16像素)。
 
2.裁剪和調整圖像大小

黃金比例裁剪圖片


裁剪圖像時,很容易識別要剪切的空白區域。但是,在調整大小后,如何確保圖像仍然平衡?可以使用黃金螺旋作為圖像構圖的指南。例如,如果在圖像上疊加黃金螺旋,則可以確保焦點位于螺旋的中間。
 
3.布局

黃金布局

利用黃金比例可以幫助我們設計一個視覺上吸引人的用戶界面,吸引用戶注意最重要的事項。例如,一個突出顯示左側內容較寬的內容以及右側較窄列的頁面可以遵循黃金比例的比例,并幫助我們決定放置最重要內容的位置。