教你如何畫(huà)圈圈—–標識設計中輔助參考線(xiàn)入門(mén)(轉載)

　　很多小伙伴們?yōu)榱颂嵘O計作品的逼格，在設計展示圖上打上各種圈圈，讓簡(jiǎn)單的圖形，看起來(lái)高端上檔次ai隱藏參考線(xiàn)。

　　有的時(shí)候，屌絲與高富帥，僅一“圈”之遙ai隱藏參考線(xiàn)。

　　還有一種普遍的現象，一個(gè)標準簡(jiǎn)潔的logo誕生之初，總會(huì )被外行人鄙視嘲笑吐槽，當設計師發(fā)布了線(xiàn)框圖(手稿之后)，又會(huì )被一邊倒的人評價(jià)認真，專(zhuān)業(yè)ai隱藏參考線(xiàn)。錘子的logo發(fā)布之初亦是如此。

　　為何輔助線(xiàn)能提升作品檔次?

　　其實(shí)這些線(xiàn)線(xiàn)圈圈都是設計的手工作業(yè)時(shí)代玩剩下的東西，計算機設計時(shí)代，無(wú)需用筆、圓規、尺，工業(yè)及平面師設計用CAD輕松解決ai隱藏參考線(xiàn)。大多互聯(lián)網(wǎng)設計師非工業(yè)\平面設計科班出身，在平時(shí)的業(yè)務(wù)中，也幾乎很少能接觸到。但仍有人迷戀他，無(wú)外乎幾個(gè)原因：

　　1.使設計成品有數理依據，設計元素之間都不是各自獨立存在的，一定有某種視覺(jué)上的關(guān)聯(lián)、透視、對齊，哪怕最終結果是錯亂無(wú)序的ai隱藏參考線(xiàn)。

　　2.有規范性的數據便于擴展，兼容到各個(gè)場(chǎng)景的應用，或者對其他附屬產(chǎn)品及應用制定規則及指導ai隱藏參考線(xiàn)。 互聯(lián)網(wǎng)的一些事

　　3.顯得專(zhuān)業(yè)、牛逼ai隱藏參考線(xiàn)。

　　其實(shí)第三點(diǎn)才是大部分人的初衷，包括小編ai隱藏參考線(xiàn)。我們工作中常常遇到需求方或外行對一些簡(jiǎn)潔的設計嗤之以鼻，不尊重你的勞動(dòng)成果。一張有精密數字計算的線(xiàn)稿草圖便成了過(guò)(裝)搞(B)利器。之前提到的錘子logo就是個(gè)很好的例子。

　　標識制圖方法

　　或者說(shuō)是圖標制圖，一個(gè)原理ai隱藏參考線(xiàn)。平面及工業(yè)設計領(lǐng)域里很基礎的東西。常見(jiàn)的有兩種：

　　1.坐標制圖法

　　畫(huà)很多方格子，界定出標志在每個(gè)格子里的圖形的樣子，依此為標準樣本ai隱藏參考線(xiàn)。大多應用在VI設計、工業(yè)，民間的十字繡，還有唐卡的繪制。

　　2.幾何制圖法

　　通過(guò)不同的圓相切，獲得標志的各處曲線(xiàn)、弧度和轉折數據，并證明這些數據的必要性和合理性ai隱藏參考線(xiàn)。比如蘋(píng)果logo，缺口、葉子、上端凸起和下端凹進(jìn)，相應圓形直徑是一致的。

　　黃金分割

　　重點(diǎn)來(lái)了，依據參考線(xiàn)作圖的目的就是為了做出極具美感便于應用的圖標ai隱藏參考線(xiàn)。黃金分割比正是做參考線(xiàn)的依據之一。但一定切記，參考線(xiàn)僅是參考，被神化的“黃金分割”也是一樣，就是可以方便設計師較為容易的找到成熟合適的比例，雖不一定適合所有的Logo設計，但確實(shí)它非常通用。任何事物的美感都沒(méi)有絕對的，切莫迷信于此。

　　黃金分割為什么美：

　　在視覺(jué)上，黃金分割本質(zhì)上帶來(lái)的是和諧——相似、重復、聯(lián)系，以及變化——運動(dòng)、活力ai隱藏參考線(xiàn)。

　　我們觀(guān)看圖像的時(shí)候，眼睛和心靈通過(guò)將視覺(jué)單元整合為一個(gè)融合的整體，來(lái)組織視覺(jué)差異ai隱藏參考線(xiàn)。心靈本能的試圖創(chuàng )造秩序以擺脫混亂，以存儲信息。藝術(shù)組織有七個(gè)原則——和諧、變化、平衡、比例、主導傾向、運動(dòng)和簡(jiǎn)約。藝術(shù)的組織過(guò)程就是通過(guò)相似將對立方面關(guān)聯(lián)在一起，最后是需要成為一個(gè)統一。以線(xiàn)條為例，當一個(gè)藝術(shù)家運用線(xiàn)條使作品成為整體的時(shí)候，藝術(shù)家會(huì )通過(guò)長(cháng)度、寬度、特征等一種或全部的關(guān)聯(lián)性來(lái)創(chuàng )造最終的和諧體。比例雖然是單獨列出的一個(gè)原則，但我們可以看到黃金分割同時(shí)擁有兩個(gè)特性：和諧、變化。

　　在攝影構圖中，常常用到的構圖法則 “三分法”ai隱藏參考線(xiàn)。即是用到了黃金分割，下圖中的四條線(xiàn)就叫黃金分割線(xiàn)，四條線(xiàn)的四個(gè)交點(diǎn)就叫黃金分割點(diǎn)。在拍攝時(shí)，把畫(huà)面的主體放在黃金分割點(diǎn)或是黃金分割線(xiàn)上，這樣更符合人的審美習慣，以達到突出主體并讓畫(huà)面更協(xié)調的目的。

021yin.com 哦!(儼然看到了小編溜須拍馬諂媚嘴臉)

　　實(shí)踐為王ai隱藏參考線(xiàn)，蘋(píng)果的LOGO是如何圈出來(lái)的

　　小編按照網(wǎng)上的CAD的繪制方法ai隱藏參考線(xiàn)，重新用PS繪制，因為蘋(píng)果官方的logo的弧度不是完全按照黃金比例做的(據作者稱(chēng)是有意而為之，詳情：

021yin.com /Apple-company/Does-the-Apple-logo-really-adhere-to-the-golden-ratio/answer/David-Cole#

　　第一步.首先是做好黃金比例的圓，如果你是完美主義者中的偏執狂，想要得到一個(gè)比0.618更精確的數字，那么可以按照如下方法找到黃金分割點(diǎn)ai隱藏參考線(xiàn)。

　　當然，這個(gè)精度的偏差在以像素ps里，完全可以忽略不計ai隱藏參考線(xiàn)。所以在這里推薦用工具來(lái)計算。

　　此網(wǎng)站有關(guān)于黃金比的詳細介紹及計算工具：

021yin.com /numbers/golden-ratio.html

　　由上數據，畫(huà)出一個(gè)邊長(cháng)為500px *309px的矩形(盡量用路徑來(lái)畫(huà)，ps cc里隨便畫(huà)一形狀，在屬性面板里輸入數值)在矩形中畫(huà)一內切圓1，選中后設置參考線(xiàn)，再畫(huà)與圓1和矩形相切的圓2，以此類(lèi)推ai隱藏參考線(xiàn)。關(guān)于參考線(xiàn)推薦下圖中的插件：GuideGuide 做頁(yè)面的時(shí)候，小編無(wú)時(shí)不刻不在用它，根本停不下來(lái)。

　　第二步.以圓6為中心，選中后利用Guide設置參考線(xiàn)ai隱藏參考線(xiàn)。將圓1拖入，與圓6為同心圓(可以ctrl+t，將中心點(diǎn)對準參考線(xiàn)交界)

　　注：因為我們要畫(huà)帶參考線(xiàn)的展示圖，所以把每個(gè)圓置于單獨圖層，以便形狀圖層和參考線(xiàn)圖層區分ai隱藏參考線(xiàn)。

　　第三步.

　　第四步.

　　第五步.

　　心急的話(huà)，我們可以在此步后，就可以把蘋(píng)果的形狀圖層畫(huà)出來(lái)了ai隱藏參考線(xiàn)。由于我要畫(huà)牛逼閃閃的參考線(xiàn)，所以先不著(zhù)急，一口氣把參考線(xiàn)繪制完。

　　第六步

　　好吧ai隱藏參考線(xiàn)，畫(huà)到這里小編自己已經(jīng)凌亂了..因為我們要保留線(xiàn)框圖，然而實(shí)際繪制中是不需要分這么多層的，完全在一個(gè)圖層里通過(guò)路徑形狀組合來(lái)完成，即是如下操作：

　　下面畫(huà)上葉子，方法與上同理，不做描述ai隱藏參考線(xiàn)。

　　此logo是和蘋(píng)果的官方logo有差異的，具體差別請看本文第四張圖，但是方法都一樣ai隱藏參考線(xiàn)。有興趣同學(xué)可以試試官方的畫(huà)法。

　　本文算是初級教程，意在幫助些小設計了解繪制方法，提升自己作品的逼格ai隱藏參考線(xiàn)。但作為一名設計師，一定要踏踏實(shí)實(shí)，切不可借此忽悠。如有紕漏不足，希望大師們要口下留情，作為一個(gè)程序員轉銷(xiāo)售轉動(dòng)畫(huà)最后轉到做設計，人艱不拆，就不要在意這些細節了!

　　來(lái)源：360UXC 作者：360UXC

021yin.com ☆★