版權(quán)申明：本文原創(chuàng)作者q43we，感謝q43we的原創(chuàng)經(jīng)驗(yàn)分享，轉(zhuǎn)載請(qǐng)注明原創(chuàng)作者！

很多小伙伴們?yōu)榱颂嵘O(shè)計(jì)作品的逼格，在設(shè)計(jì)展示圖上打上各種圈圈，讓簡(jiǎn)單的圖形， 看起來高端上檔次。有的時(shí)候，屌絲與高富帥，僅一"圈"之遙。

很多小伙伴們?yōu)榱颂嵘O(shè)計(jì)作品的逼格，在設(shè)計(jì)展示圖上打上各種圈圈，讓簡(jiǎn)單的圖形，

看起來高端上檔次。有的時(shí)候，屌絲與高富帥，僅一"圈"之遙。

還有一種普遍的現(xiàn)象，一個(gè)標(biāo)準(zhǔn)簡(jiǎn)潔的logo誕生之初，總會(huì)被外行人鄙視嘲笑吐槽，

當(dāng)設(shè)計(jì)師發(fā)布了線框圖（手稿之后），又會(huì)被一邊倒的人評(píng)價(jià)認(rèn)真，專業(yè)。錘子的logo發(fā)布之初亦是如此。

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

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

1.使設(shè)計(jì)成品有數(shù)理依據(jù)，設(shè)計(jì)元素之間都不是各自獨(dú)立存在的，一定有某種視覺上的關(guān)聯(lián)、透視、對(duì)齊，哪怕最終結(jié)果是錯(cuò)亂無序的。

2.有規(guī)范性的數(shù)據(jù)便于擴(kuò)展，兼容到各個(gè)場(chǎng)景的應(yīng)用，或者對(duì)其他附屬產(chǎn)品及應(yīng)用制定規(guī)則及指導(dǎo)。

3.顯得專業(yè)、牛逼。

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

標(biāo)識(shí)制圖方法

或者說是圖標(biāo)制圖，一個(gè)原理。平面及工業(yè)設(shè)計(jì)領(lǐng)域里很基礎(chǔ)的東西。常見的有兩種：

1.坐標(biāo)制圖法

畫很多方格子，界定出標(biāo)志在每個(gè)格子里的圖形的樣子，依此為標(biāo)準(zhǔn)樣本。大多應(yīng)用在VI設(shè)計(jì)、工業(yè)，民間的十字繡，還有唐卡的繪制。

2.幾何制圖法

通過不同的圓相切，獲得標(biāo)志的各處曲線、弧度和轉(zhuǎn)折數(shù)據(jù)，并證明這些數(shù)據(jù)的必要性和合理性。比如蘋果logo，缺口、葉子、上端凸起和下端凹進(jìn)，相應(yīng)圓形直徑是一致的。

黃金分割

重點(diǎn)來了，依據(jù)參考線作圖的目的就是為了做出極具美感便于應(yīng)用的圖標(biāo)。黃金分割比正是做參考線的依據(jù)之一。但一定切記，參考線僅是參考，被神化的"黃金分割"也是一樣，就是可以方便設(shè)計(jì)師較為容易的找到成熟合適的比例，雖不一定適合所有的Logo設(shè)計(jì)，但確實(shí)它非常通用。任何事物的美感都沒有絕對(duì)的，切莫迷信于此。

黃金分割為什么美：

在視覺上，黃金分割本質(zhì)上帶來的是和諧——相似、重復(fù)、聯(lián)系，以及變化——運(yùn)動(dòng)、活力。

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

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

在AV封面中，三分法也用得尤其多。例如題圖，主體人物在右側(cè)三分線上，而胸部和膝蓋都大致在三分點(diǎn)上。這樣就能表現(xiàn)女優(yōu)良好的身體比例，并凸顯其"重要部位"。

下圖，摳菊花的造型也如此完美地契合了斐波納契黃金螺旋這一神秘的美的規(guī)律，專業(yè)，緊密，渾然天成。

雖然看似調(diào)侃，但是專業(yè)的攝影師有豐富的經(jīng)驗(yàn)，更懂得把握構(gòu)圖比例，哪怕是幾秒的抓拍。

關(guān)于黃金分割的原理和計(jì)算方法，在此小編就不過多闡述，網(wǎng)上關(guān)于黃金分割的文章鋪天蓋地，可以so一下，是360的so.com哦?。▋叭豢吹搅诵【幜镯毰鸟R諂媚嘴臉）

實(shí)踐為王，蘋果的LOGO是如何圈出來的

小編按照網(wǎng)上的CAD的繪制方法，重新用PS繪制，因?yàn)樘O果官方的logo的弧度不是完全按照黃金比例做的（據(jù)作者稱是有意而為之，詳情：

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

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

當(dāng)然，這個(gè)精度的偏差在以像素ps里，完全可以忽略不計(jì)。所以在這里推薦用工具來計(jì)算。

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

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

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

第二步

以圓6為中心，選中后利用Guide設(shè)置參考線。將圓1拖入，與圓6為同心圓（可以ctrl+t，將中心點(diǎn)對(duì)準(zhǔn)參考線交界）

注：因?yàn)槲覀円嫀⒖季€的展示圖，所以把每個(gè)圓置于單獨(dú)圖層，以便形狀圖層和參考線圖層區(qū)分。

第三步

第四步

第五步

心急的話，我們可以在此步后，就可以把蘋果的形狀圖層畫出來了。由于我要畫牛逼閃閃的參考線，所以先不著急，一口氣把參考線繪制完。

第六步

好吧，畫到這里小編自己已經(jīng)凌亂了..因?yàn)槲覀円Ａ艟€框圖，然而實(shí)際繪制中是不需要分這么多層的，完全在一個(gè)圖層里通過路徑形狀組合來完成，即是如下操作：

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

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

此logo是和蘋果的官方logo有差異的，具體差別請(qǐng)看本文第四張圖，但是方法都一樣。

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

以上就是設(shè)計(jì)展示圖上如何畫各種圈圈介紹，大家學(xué)會(huì)了嗎？希望能對(duì)大家有所幫助！

最新評(píng)論