很多小伙伴們?yōu)榱颂嵘O(shè)計(jì)作品的逼格,在設(shè)計(jì)展示圖上打上各種圈圈,讓簡(jiǎn)單的圖形,看起來(lái)高端上檔次。有的時(shí)候,屌絲與高富帥,僅一“圈”之遙。下面讓我們一起來(lái)看看LOGO設(shè)計(jì)中輔助線怎么用。
還有一種普遍的現(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í)代,無(wú)需用筆、圓規(guī)、尺,工業(yè)及平面師設(shè)計(jì)用CAD輕松解決。大多互聯(lián)網(wǎng)設(shè)計(jì)師非工業(yè)\平面設(shè)計(jì)科班出身,在平時(shí)的業(yè)務(wù)中,也幾乎很少能接觸到。但仍有人迷戀他,無(wú)外乎幾個(gè)原因:
1.使設(shè)計(jì)成品有數(shù)理依據(jù),設(shè)計(jì)元素之間都不是各自獨(dú)立存在的,一定有某種視覺上的關(guān)聯(lián)、透視、對(duì)齊,哪怕最終結(jié)果是錯(cuò)亂無(wú)序的。
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è),民間的十字繡,還有唐卡的繪制。
通過不同的圓相切,獲得標(biāo)志的各處曲線、弧度和轉(zhuǎn)折數(shù)據(jù),并證明這些數(shù)據(jù)的必要性和合理性。比如蘋果logo,缺口、葉子、上端凸起和下端凹進(jìn),相應(yīng)圓形直徑是一致的。
2.黃金分割
重點(diǎn)來(lái)了,依據(jù)參考線作圖的目的就是為了做出極具美感便于應(yīng)用的圖標(biāo)。黃金分割比正是做參考線的依據(jù)之一。但一定切記,參考線僅是參考,被神化的“黃金分割”也是一樣,就是可以方便設(shè)計(jì)師較為容易的找到成熟合適的比例,雖不一定適合所有的Logo設(shè)計(jì),但確實(shí)它非常通用。任何事物的美感都沒有絕對(duì)的,切莫迷信于此。
黃金分割為什么美:
在視覺上,黃金分割本質(zhì)上帶來(lái)的是和諧——相似、重復(fù)、聯(lián)系,以及變化——運(yùn)動(dòng)、活力。
我們觀看圖像的時(shí)候,眼睛和心靈通過將視覺單元整合為一個(gè)融合的整體,來(lái)組織視覺差異。心靈本能的試圖創(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)性來(lái)創(chuàng)造最終的和諧體。比例雖然是單獨(dú)列出的一個(gè)原則,但我們可以看到黃金分割同時(shí)擁有兩個(gè)特性:和諧、變化。
第一步.首先是做好黃金比例的圓,如果你是完美主義者中的偏執(zhí)狂,想要得到一個(gè)比0.618更精確的數(shù)字,那么可以按照如下方法找到黃金分割點(diǎn)。
當(dāng)然,這個(gè)精度的偏差在以像素ps里,完全可以忽略不計(jì)。所以在這里推薦用工具來(lái)計(jì)算。
此網(wǎng)站有關(guān)于黃金比的詳細(xì)介紹及計(jì)算工具:
由上數(shù)據(jù),畫出一個(gè)邊長(zhǎng)為500px *309px的矩形(盡量用路徑來(lái)畫,ps cc里隨便畫一形狀,在屬性面板里輸入數(shù)值)在矩形中畫一內(nèi)切圓1,選中后設(shè)置參考線,再畫與圓1和矩形相切的圓2,以此類推。關(guān)于參考線推薦下圖中的插件:GuideGuide 做頁(yè)面的時(shí)候,小編無(wú)時(shí)不刻不在用它,根本停不下來(lái)。
第二步.以圓6為中心,選中后利用Guide設(shè)置參考線。將圓1拖入,與圓6為同心圓(可以ctrl+t,將中心點(diǎn)對(duì)準(zhǔn)參考線交界)
注:因?yàn)槲覀円嫀⒖季€的展示圖,所以把每個(gè)圓置于單獨(dú)圖層,以便形狀圖層和參考線圖層區(qū)分。
第三步.
心急的話,我們可以在此步后,就可以把蘋果的形狀圖層畫出來(lái)了。由于我要畫牛逼閃閃的參考線,所以先不著急,一口氣把參考線繪制完。
第四步
好吧,畫到這里小編自己已經(jīng)凌亂了..因?yàn)槲覀円A艟€框圖,然而實(shí)際繪制中是不需要分這么多層的,完全在一個(gè)圖層里通過路徑形狀組合來(lái)完成,即是如下操作:
如下操作只給圖示,不做文字說明
下面畫上葉子,方法與上同理,不做描述。
此logo是和蘋果的官方logo有差異的,具體差別請(qǐng)看本文第四張圖,但是方法都一樣。有興趣同學(xué)可以試試官方的畫法。
在此把本附帶線稿的源文件分享給大家。
本文算是初級(jí)教程,意在幫助些小設(shè)計(jì)了解繪制方法,提升自己作品的逼格。但作為一名設(shè)計(jì)師,一定要踏踏實(shí)實(shí),切不可借此忽悠。如有紕漏不足,希望大師們要口下留情,作為一個(gè)程序員轉(zhuǎn)銷售轉(zhuǎn)動(dòng)畫最后轉(zhuǎn)到做設(shè)計(jì),人艱不拆,就不要在意這些細(xì)節(jié)了!
上一篇:商業(yè)LOGO設(shè)計(jì)中的類型選擇
下一篇:2020年全球LOGO設(shè)計(jì)趨勢(shì)