詳解黃金切圓法在logo設計中的應用，是時候提高你的設計水平了！

前幾天，我發了一篇關於logo設計中的斐波那契螺旋，講了黃金比例對於logo設計的重要性，大家反響很熱烈，文章收藏量很多，本著你們喜歡什麼我就發什麼的原則，今天我們就詳細地談下黃金切圓法，也就是尺規作圖法的具體操作。

很多小夥伴們為了提升設計作品的價值，在設計展示圖上打上各種圈圈，讓簡單的圖形，看起來高端上檔次。有的時候，「入門」和「資深」，僅一」圈」之遙。

還有一種普遍的現象，一個標準簡潔的logo誕生之初，總會被外行人鄙視嘲笑吐槽，當設計師發布了線框圖（手稿之後），又會被一邊倒的人評價認真、專業。鎚子的logo發布之初亦是如此。

為何輔助線能提升作品檔次？

其實這些線線圈圈都是設計的手工作業時代玩剩下的東西，計算機設計時代，無需用筆、圓規、尺，工業及平面師設計用CAD輕鬆解決。大多互聯網設計師非工業/平面設計科班出身，在平時的業務中，也幾乎很少能接觸到。但仍有人迷戀他，無外乎幾個原因：

使設計成品有數理依據，設計元素之間都不是各自獨立存在的，一定有某種視覺上的關聯、透視、對齊，哪怕最終結果是錯亂無序的。

有規範性的數據便於擴展，兼容到各個場景的應用，或者對其他附屬產品及應用制定規則及指導。

顯得專業、有檔次。

其實第三點才是大部分人的初衷，我們工作中常常遇到需求方或外行對一些簡潔的設計嗤之以鼻，不尊重你的勞動成果。一張有精密數字計算的線稿草圖便成了裝大佬利器。之前提到的鎚子logo就是個很好的例子。

logo製圖方法

或者說是圖標製圖，一個原理。平面及工業設計領域裡很基礎的東西。常見的有兩種：

1、坐標製圖法

畫很多方格子，界定出標誌在每個格子里的圖形的樣子，依此為標準樣本。大多應用在VI設計、工業，民間的十字綉，還有唐卡的繪製。

2、幾何製圖法

通過不同的圓相切，獲得標誌的各處曲線、弧度和轉折數據，並證明這些數據的必要性和合理性。比如蘋果logo，缺口、葉子、上端凸起和下端凹進，相應圓形直徑是一致的。

黃金分割

重點來了，依據參考線作圖的目的就是為了做出極具美感便於應用的圖標。黃金分割比正是做參考線的依據之一。但一定切記，參考線僅是參考，當下設計界有點過度神化 「黃金分割」，「黃金切圓」是為了方便設計師較為容易的找到成熟合適的比例，雖不一定適合所有的Logo設計，通用性也有限制的時候。任何事物的美感都沒有絕對的，切莫迷信於此。

黃金分割為什麼美：

在視覺上，黃金分割本質上帶來的是和諧——相似、重複、聯繫，以及變化——運動、活力。

我們觀看圖像的時候，眼睛和心靈通過將視覺單元整合為一個融合的整體，來組織視覺差異。心靈本能的試圖創造秩序以擺脫混亂，以存儲信息。藝術組織有七個原 則——和諧、變化、平衡、比例、主導傾向、運動和簡約。藝術的組織過程就是通過相似將對立方面關聯在一起，最後是需要成為一個統一。以線條為例，當一個藝 術家運用線條使作品成為整體的時候，藝術家會通過長度、寬度、特徵等一種或全部的關聯性來創造最終的和諧體。比例雖然是單獨列出的一個原則，但我們可以看 到黃金分割同時擁有兩個特性：和諧、變化。

相關推薦：《黃金分割：設計師的設計利器》

在攝影構圖中，常常用到的構圖法則 「三分法」。即是用到了黃金分割，在拍攝時，把畫面的主體放在黃金分割點或是黃金分割線上，這樣更符合人的審美習慣，以達到突出主體並讓畫面更協調的目的。

關於黃金分割的原理和計算方法，在此小編就不過多闡述，以前提到過。

今天我們通過用Photoshop繪製蘋果的logo來具體講解一下「黃金切圓法」：

註：蘋果官方的logo弧度並不是完全按照黃金比例做的，據作者稱是有意而為之，詳情：

http://www.quora.com/Apple-company/Does-the-Apple-logo-really-adhere-to-the-golden-ratio/answer/David-Cole#

正如Google的新logo發布後，網友也發現那個「G」並不是用正圓切的，這是因為有視覺誤差，那個「G」用正圓切反而看起來不圓！好了，這算是一點延展小知識吧，咱們回歸正題。

第一步：首先是做好黃金比例的圓，如果你是完美主義者中的偏執狂，想要得到一個比0.618更精確的數字，那麼可以按照如下方法找到黃金分割點。

當然，這個精度的偏差在以像素ps里，完全可以忽略不計。所以在這裡推薦用工具來計算。

此網站有關於黃金比的詳細介紹及計算工具：

http://www.mathsisfun.com/numbers/golden-ratio.html

由上數據，畫出一個邊長為500px *309px的矩形（盡量用路徑來畫，ps cc里隨便畫一形狀，在屬性面板里輸入數值）在矩形中畫一內切圓1，選中後設置參考線，再畫與圓1和矩形相切的圓2，以此類推。關於參考線推薦下圖中的插件：GuideGuide。 《PS參考線插件GuideGuide下載及使用說明》

第二步：以圓6為中心，選中後利用Guide設置參考線。將圓1拖入，與圓6為同心圓（可以ctrl+t，將中心點對準參考線交界）

註：因為我們要畫帶參考線的展示圖，所以把每個圓置於單獨圖層，以便形狀圖層和參考線圖層區分。

第三步：

第四步：

第五步：

心急的話，我們可以在此步後，就可以把蘋果的形狀圖層畫出來了。由於我們要畫「高大上」的參考線，所以先不著急，一口氣把參考線繪製完。

第六步：

好吧，有點凌亂，估計你們有點懵了……因為我們要保留線框圖，然而實際繪製中是不需要分這麼多層的，完全在一個圖層里通過路徑形狀組合來完成，即是如下操作：

如下操作只給圖示，不做文字說明

下面畫上葉子，方法與上同理，不做描述。

此logo是和蘋果的官方logo有差異的，畢竟我們只是練習然後發帖子，又不是蘋果公司給錢讓設計，細節處沒那麼多考究。

本文算是初級教程，意在幫助些大家了解繪製方法，提升自己作品的價值（逼格）。但作為一名設計師，一定要踏踏實實，切不可藉此忽悠。

下面我們來欣賞下平面設計的一些「手稿」：

文章最後，喜歡的話可以關注我（橘原色），專註平面設計，分享國內外設計理念、創意、教程。

橘原色，「原色」指設計中的三原色，一切色彩的基礎；而橘的原色是暖色系中最溫暖的色彩，代表積極向上的設計態度。

?

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！