寫在前面：
看完此篇文章，你將學到：
1. 黃金比例「1.618」是如何得來的？
2. 如何用AI繪製黃金比例矩形？
3. 如何用AI繪製黃金比例螺旋線？
4. 黃金比例如何在設計中進行輔助？
有想搞懂以上問題的同學可以讀下去：
相信黃金比例（黃金分割）這個詞很多人都特別熟悉，先不管它的定義是啥，我們先搞清楚為啥要學習黃金比例呢？
黃金比例側重於從數學關係去探討美的規律，並認為美就是和諧與比例，按照這種比例關係就可以組成美的圖案！黃金分割具有嚴格的比例性、藝術性、和諧性，蘊藏著豐富的美學價值，而且呈現於不少動物和植物的外觀。
黃金比例比值是什麼呢？可以用黃金比例矩形來詮釋：
舉個例子，使用960px的寬度布局的時候，除以1.618可以得到594px，這個可以用作你的布局的高度，然後將整個布局劃分為兩欄，一欄方形，一欄矩形，一個協調的布局就出來了。
我們都知道，黃金比例的數值是1.618，那麼這個數字是如何得出的呢？
↑↑↑ 手寫，字醜見諒(lll￢ω￢)
有一個特殊的自然數數列中蘊含著黃金比例，這就是斐波那契數列，即1、1、2、3、5、8、13、21、34、55……。在這個數列中，隨著項數的增加，前一個數與後一個數的比值逐漸接近黃金比例。在數學上可以證明，當項數趨於無窮時，這個比值將會等於黃金比例。因此，這個數列又有黃金分割數列之稱。
下面來看一個視頻，感受一下數學邏輯的神奇呈現：
好了，下面我們就準備在AI中繪製黃金矩形啦~
打開AI，讓我們來做如下的準備工作：確保智能參考打勾，以及對齊像素關閉！這點很重要，要不然畫線對不齊！！！
畫之前，我們大概了解一下黃金矩形和螺旋線是👇👇👇這個樣子！先有四邊的矩形框框，然後再以每個正方形邊為半徑畫四分之一圓相連接成為螺旋線。
首先在畫布中按住shift拖出一個正方形，然後複製一個，將長度×1.618，得到一個矩形。2個圖形左對齊。（小技巧：為了更精準的對齊，可以按ctrl+y切換在輪廓模式下繪製）
然後以右上角為頂點，拖出一個正方形，循環往復操作：
（註：正方形所在的位置，基本是按照螺旋線的走向來安置的！）
在每個正方形內部畫跟四邊相切的圓，然後放大2倍，將四分之一弧形卡邊放置，多餘錨點刪除，只留四分之一弧。以此類推直至拼接出完美的螺旋線！
多種不同的元素在同一頁面上的時候，黃金螺旋可以幫你篩選出合理的空間布局和間隙。
舉個例子：Bregenzer Festspiele 藝術節節目單的整體設計採用了拼貼的方式，有大量的留白，而其中各種元素的設計比例、位置和留白就是藉助黃金螺旋來布置的。
下圖中的字母分布看起來亂中有序，它們就是沿著黃金螺旋來分布的，並且隨著螺旋半徑的縮小而逐漸縮減字體尺寸，並且提升字母的密度。
對於網頁內容而言，黃金螺旋的軌跡同樣可以起到重要的作用。我們的視覺可以很自然地沿著黃金螺旋的軌跡運動，這樣設計網頁布局會讓訪客更加自然地瀏覽內容。
思路同黃金螺旋線的製作，將與各個正方形相切的圓拿出來，就是一組黃金比例圓形了！我們在logo設計中，經常使用黃金比例圓來輔助設計。
這些按比例而來的圓形，隨手一擺都充滿和諧之美：
百事的LOGO是使用兩個遵循黃金比例的圓圈來構建的，較小圓形並不是顯而易見的那種，而是隱藏在內部的曲線中。
Twitter的LOGO設計則是藉助若干完美的圓形來進行構建的，只不過它在使用黃金比例的圓形的時候，並沒有使用相鄰比例的圓形來構建，但卻同樣營造出和諧的標識。
Apple的logo，利用斐波那契數列1,1,2,3,5,8,13,21，……為比例的圓形切割而成，使得logo整體非常的平衡。
Apple的另一個產品iCloud也是由具有黃金比例的四個圓構建而成，而整體的logo也同樣符合黃金比例。
隨手在google上輸入golden ratio logo，出來一大堆，截幾張放上來：
腦子說：我好像懂了
手說：…………
其實正確的設計流程並不是直接拿這些圓切出你想要的圖形，而是先用筆和紙繪製出草稿，然後在AI中用這些圓形來規範你的圖形。然後配合著AI中的形狀生成器來使用。
先科普一下形狀生成器怎麼使用：
選擇需要合成的部分，按住左鍵不放，滑過需要連接的部分（按住alt是取消不要的部分），快速得到一個標準的心心~
下面舉個例子，展示一下黃金比例應用到logo設計的全流程！
（選自youtube某視頻教程）
比如我們想繪製一直小狐狸logo：
第一步：上網找到一張狐狸圖片參考，然後選擇畫筆，把畫筆自動平滑度調大，勾勒出狐狸形狀草圖。
第二步：調節輪廓線，增加細節。
第三步：製作黃金比例輔助圓形。
第四步：用圓形規範化你的圖形輪廓。
最後：圖形顏色填充及增加細節。