如何運用黃金比例來設計作品?

很多優秀的作品簡單卻美,他們在單一的設計元素基礎上設計成功的要素就在於黃金比例,首先我們理清下概念,什麼叫黃金比例?黃金比例是一個數學比率,通常在自然界中都能發現它,用來建立平衡的構圖,如下圖。

它大約等於1.6180,臘字母Ф表示這個值。黃金比例雖是一個數學比率,但對美的影響卻是巨大的,例如蘋果和Twitter的LOGO就是非常成功的例子。

既然你已經了解了黃金比例的基礎知識,那麼接下來看看如何藉助它來提升你的設計。由於黃金比例的呈現形式很多,所以你可以將它用到布局、間隔、內容、圖像和圖形當中,下面是看看我們在設計中如何利用黃金比例

1、布局:將尺寸設置成黃金比例

在布局中使用黃金比例的方法並不難,關鍵是控制比例和尺寸。重點很簡單,把握好1:1.618的黃金比例。

舉個例子,使用960px的寬度布局的時候,除以1.618可以得到594px,這個可以用作你的布局的高度,然後將整個布局劃分為兩欄,一欄方形,一欄矩形,一個協調的布局就出來了。

這種兩欄式布局在網頁上非常實用,我們所熟知的美國國家地理的網頁就是使用的這樣的布局方式,看起來可讀性非常不錯,比例平衡,符合網站內容自然的特性。

2、間距:使用黃金螺旋布局

間距的控制和留白一樣,是設計中非常關鍵的元素。協調的布局能夠營造出優秀的作品,那麼如何藉助黃金比例來協調頁面中的多種元素呢?合理的計算有的時候比直覺合適,如果能結合起來就更好了。

在基本的布局上,藉助黃金螺旋來調整,是個不錯的思路。多種不同的元素在同一頁面上的時候,黃金螺旋可以幫你篩選出合理的空間布局和間隙。

3、內容:沿著黃金螺旋的軌跡

對於頁面排版內容而言,黃金螺旋的軌跡同樣可以起到重要的作用。我們的視覺可以很自然地沿著黃金螺旋的軌跡運動,這也就是說這樣設計的頁面布局會讓訪客更加自然地瀏覽內容。

4、圖片:黃金比例和三分法

對於圖片而言,布局自然是很重要的,無論是用來傳遞信息還是呈現圖像布局的美感。黃金比例可以讓圖片變得更加吸引眼球,讓重要的信息脫穎而出。平時我們所說的三分法布局,如何結合黃金比例,可以讓布局更漂亮。

參考上方的圖片,將頁面進行黃金比例分割的四條線,線條兩兩交匯的地方是最吸引用戶的地方。當然,我們常見的三分法是讓同一個方向上的兩條線將布局按照1:1: 1的比例分割開來。

5、圖形:黃金比例圓形

黃金比例可以用來創建矩形也能用來創建比例協調的圓形。使用黃金比例不僅可以產生和諧的比例,而且能夠讓圖形保持較高的一致性。


推薦閱讀:

TAG:設計 | Ps教程 | 黃金比例 |