1、佈局：將尺寸設定成黃金比例

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

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

2、間距：使用黃金螺旋佈局

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

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

3、圖片：黃金比例和三分法

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

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