他是一位成都籍藝人；他是鼓手，說(shuō)唱歌手，人民藝術(shù)家；他詼諧幽默，現(xiàn)場(chǎng)感染力極強(qiáng)；他就是來(lái)至東漢末年的Rapper — 說(shuō)唱傭第一天 線性LOGO線性LOGO 看起來(lái)精細(xì)極致，常應(yīng)用于icon設(shè)計(jì)中，線性LOGO的設(shè)計(jì)的要點(diǎn)在于對(duì)設(shè)計(jì)對(duì)象的整體抽象能力和歸納總結(jié)能力。1，資料收集設(shè)計(jì)前腦海中一定要有個(gè)大概風(fēng)格，有了明確的目標(biāo)，你找到資料才會(huì)更加的精準(zhǔn)，設(shè)計(jì)也更加準(zhǔn)確。比如我想設(shè)計(jì)下圖的建筑類線性LOGO，你就需要分析，這種線性的LOGO，主要通過(guò)線條來(lái)概括建筑外輪廓，圖片的選取盡量突出設(shè)計(jì)元素的外輪廓，選取能全面概括

他是一位成都籍藝人；

他是鼓手，說(shuō)唱歌手，人民藝術(shù)家；

他詼諧幽默，現(xiàn)場(chǎng)感染力極強(qiáng)；

他就是來(lái)至東漢末年的Rapper — 說(shuō)唱傭

第一天 線性LOGO

線性LOGO 看起來(lái)精細(xì)極致，常應(yīng)用于icon設(shè)計(jì)中，線性LOGO的設(shè)計(jì)的要點(diǎn)在于對(duì)設(shè)計(jì)對(duì)象的整體抽象能力和歸納總結(jié)能力。

1，資料收集

設(shè)計(jì)前腦海中一定要有個(gè)大概風(fēng)格，有了明確的目標(biāo)，你找到資料才會(huì)更加的精準(zhǔn)，設(shè)計(jì)也更加準(zhǔn)確。

比如我想設(shè)計(jì)下圖的建筑類線性LOGO，你就需要分析，這種線性的LOGO，主要通過(guò)線條來(lái)概括建筑外輪廓，圖片的選取盡量突出設(shè)計(jì)元素的外輪廓，選取能全面概括設(shè)計(jì)元素的圖片。

我選取的是說(shuō)唱傭平視45度角，這個(gè)角度是因?yàn)檫@個(gè)角度說(shuō)唱傭的動(dòng)作表現(xiàn)更加舒展，正視圖和側(cè)視圖說(shuō)唱傭的動(dòng)作都會(huì)被遮擋，

2，勾勒草圖

草圖目的在于快速的了解設(shè)計(jì)對(duì)象的整體輪廓，找出設(shè)計(jì)對(duì)象亮點(diǎn)。

比如一提起蝸牛就聯(lián)想起蝸牛殼的螺旋線，一提起說(shuō)唱俑聯(lián)想的就是笑臉和夸張的動(dòng)作。這個(gè)聯(lián)想點(diǎn)就是你設(shè)計(jì)需要突出的亮點(diǎn)，

給圖形確定一個(gè)圖形的細(xì)節(jié)記憶點(diǎn)，使它區(qū)別于其他的圖形：

3，幾何化元素

對(duì)于任何物體來(lái)說(shuō)，都可以用以下四種形態(tài)來(lái)組合。設(shè)計(jì)就是一個(gè)抽象簡(jiǎn)化的過(guò)程，用簡(jiǎn)單的元素概括出設(shè)計(jì)元素。

在幾何化之前，先畫(huà)出幾個(gè)大小不同的圓，直徑比例為：1，2，3，5，8，13，21… …  就是著名的斐波那契數(shù)列，數(shù)值越大越接近黃金比例。

設(shè)計(jì)的時(shí)候盡量去套用大小不同的圓：

 

4，確定線寬

按照上圖的曲線勾劃出后，減去多余的線段，給剩下的曲線加上了線寬。

可以看見(jiàn)，很多細(xì)節(jié)都不能表現(xiàn)，甚至擠在一團(tuán)，這個(gè)時(shí)候需要再次簡(jiǎn)化設(shè)計(jì)，把更多不影響設(shè)計(jì)的線條剔除。

題外話：

我現(xiàn)在習(xí)慣在Rhino（超級(jí)奇葩有木有）里面勾線然后轉(zhuǎn)AI進(jìn)行編輯。

Rhino

• 優(yōu)點(diǎn)：隨意倒角以及超強(qiáng)的切線功能

• 缺點(diǎn)：不好修改線寬

Coreldraw

• 優(yōu)點(diǎn)：倒角+貝塞爾線功能，雙擊就能編輯，隨意的刪除及添加節(jié)點(diǎn)，以及刪除后自動(dòng)優(yōu)化線條（AI無(wú)法匹敵）

• 缺點(diǎn)：MAC系統(tǒng)沒(méi)有，沒(méi)有，沒(méi)有，我的天啊，讓我自斷一只手，所以才有奇葩的用Rhino畫(huà)線

AI

• 優(yōu)點(diǎn)：強(qiáng)大的編輯功能（雖然我沒(méi)有深入研究）

• 缺點(diǎn)：讓CDR先入為主了，第一時(shí)間沒(méi)有遇見(jiàn)你，你再好，現(xiàn)在也對(duì)你有偏見(jiàn)了，不好意思

Sketch

• 優(yōu)點(diǎn)：做UI的時(shí)候超級(jí)超級(jí)超級(jí)方便

• 確定：對(duì)于圖像和圖形的處理不是很強(qiáng)大

軟件是其次，學(xué)會(huì)多種軟件之間的轉(zhuǎn)化，設(shè)計(jì)的思想與輸出比軟件重要。

 

5，優(yōu)化細(xì)節(jié)

調(diào)整多余冗長(zhǎng)的線條。設(shè)計(jì)要有舍得精神，不是越多越細(xì)就好，剛才畫(huà)了很多細(xì)節(jié)，但是現(xiàn)在看起來(lái)都是累贅，不斷的簡(jiǎn)化設(shè)計(jì)，突出細(xì)節(jié)細(xì)節(jié)記憶點(diǎn)。

設(shè)計(jì)當(dāng)中也還是有二八原則，即80%的設(shè)計(jì)元素都可以普普通通，20%的亮點(diǎn)足夠精彩精彩就行了。

比如咬一口的蘋果，你把Apple 的logo填滿，它就是一個(gè)普通的蘋果，但是咬一口之后，它變得與眾不同。

 

6，繼續(xù)優(yōu)化

前面的優(yōu)化基本上一個(gè)圖形都到90%了，但是整體看起來(lái)不透氣，不通透。沒(méi)事可以可以多多學(xué)習(xí)國(guó)畫(huà)，書(shū)法當(dāng)中的氣韻，國(guó)外也有同樣的理論叫視覺(jué)流。一個(gè)連貫的視覺(jué)流，讓設(shè)計(jì)看起來(lái)氣韻神合。

同時(shí)設(shè)計(jì)也推崇存在即合理，一個(gè)元素的存在要有合理性，你舍去的東西和留下的東西同樣重要。

 

7，潤(rùn)色定稿

修改一個(gè)顏色，檢查最后的東西，比如該打碼的就打碼，（下垂我就不管了）

第二天 圖文結(jié)合型LOGO

第一天玩的都是線，第二天想嘗試玩玩新花樣。不能老是用線玩捆綁，至少也試試皮鞭蠟燭之類的。

老司機(jī)腦海里浮現(xiàn)了各種CLUB，那就做一個(gè)類CLUB或者球隊(duì)類風(fēng)格的圖文結(jié)合類的LOGO。

1，收集資料

按套路出牌，確定一個(gè)方向目標(biāo)，大概找一下心理想要的風(fēng)格，我一般會(huì)瀏覽Pinterest 和花瓣，上面應(yīng)有盡有。

 

2，勾勒草圖

分析了上面收集案例，主要是通過(guò)明暗對(duì)比來(lái)對(duì)元素進(jìn)行造型，而且線條都很堅(jiān)硬，且元素形態(tài)相對(duì)于集中，

在繪制的時(shí)候需要先勾畫(huà)大概的面，我選擇勾畫(huà)暗部，通過(guò)明暗對(duì)比來(lái)畫(huà)出元素形態(tài)，

3，細(xì)化形態(tài)

用貝塞爾曲線或鋼筆工具勾勒，注意線條的流暢度，勾完后再轉(zhuǎn)化成面的形式，進(jìn)行調(diào)整。

小技巧：

1. 隨時(shí)把圖放大縮小來(lái)回觀看；

2. 放大瞪著眼睛看，觀察細(xì)節(jié)是否到位；

3. 縮小瞇著眼睛看，觀察整體形態(tài)是否偏離；

 

4，添加細(xì)節(jié)

上面的圖片疊加顏色后顯得比較平淡，黑色相當(dāng)于暗部，黃色和紅色相當(dāng)于本色，如果要用多顏色來(lái)表現(xiàn)圖標(biāo)，就需要增加一個(gè)高光面。

添加后明顯圖形層次感增加，有了更多的表現(xiàn)細(xì)節(jié)。

5，組合文字

這類LOGO還有一個(gè)特點(diǎn)，就是圖文結(jié)合，用一個(gè)背景把圖形和文字統(tǒng)一結(jié)合起來(lái)，統(tǒng)一后形成一個(gè)完整的圖案。

注意：由于自己書(shū)讀得少，說(shuō)唱的英文是RAP這我知道，但是說(shuō)唱歌手的單詞是Rapper，我寫(xiě)設(shè)計(jì)的時(shí)候?qū)懗闪薘aper（弓雖奸犯）。

 

6，潤(rùn)色定稿

先來(lái)一張線稿版：

再來(lái)一張黑白照

最后來(lái)一個(gè)豪華高配版的：

第三天 圖形插畫(huà)類LOGO

前面兩天的設(shè)計(jì)讓我更加喜歡這位人民藝術(shù)家，依稀記得第一次見(jiàn)老師，還是在人教版小學(xué)課本上看見(jiàn)（好像暴露了年齡），動(dòng)作神態(tài)豐富，現(xiàn)場(chǎng)感染力極強(qiáng)，想必當(dāng)年也是一線的老藝術(shù)家。

被我玩了兩天后，總覺(jué)得還不夠色，不對(duì)是不夠色彩豐富，沒(méi)有那種等紅酒綠的氣氛，沒(méi)有體現(xiàn)出老藝術(shù)家騷浪賤的氣質(zhì)。

無(wú)意在bechance看見(jiàn)設(shè)計(jì)Luca Qiu 的系列作品自己也想模仿一下，這種高飽和度漸變?cè)谔砑右稽c(diǎn)小肌理應(yīng)該在未來(lái)五年都是fantasty。Instagram的LOGO，justin bieber 的《what do you mean》MV，甚至薛之謙的新專輯封面都是運(yùn)用這系列漸變。

值得做一個(gè)小練習(xí)：

1，收集資料

前面兩天的設(shè)計(jì)已經(jīng)對(duì)于需要設(shè)計(jì)的東西元素越來(lái)越清晰了，設(shè)計(jì)風(fēng)格也確定了所以直接跳轉(zhuǎn)下一步。

2，勾畫(huà)草圖

草圖階段最開(kāi)始想做成隔壁老王的賤賤的嘴臉，表現(xiàn)藝術(shù)家的獨(dú)特氣質(zhì)，最后再三斟酌，還是放棄了老王，我怕老王翻院墻，

3，幾何化元素

同樣將草圖幾何化，我在這里畫(huà)的半身像，有兩個(gè)原因：

一、第一天畫(huà)全身，第二天畫(huà)局部，第三天自然畫(huà)半身照；

二、設(shè)計(jì)對(duì)象的主意視覺(jué)中心還是停留在上半身；

4，調(diào)整比例

調(diào)整色塊比例大小， 給出大概的明暗比，話說(shuō)老藝術(shù)家已經(jīng)被我玩黑臉了，哈哈

 

5，添加漸變

為了安慰這位藝人，我選擇了小粉紅騷氣的背景色，加入藍(lán)色和黃色這一冷暖對(duì)比色，畫(huà)面更加富有張力，色彩理論大家如果感興趣，后面我也會(huì)寫(xiě)的。

6，調(diào)整細(xì)節(jié)

我做了一定的切圖處理，常用的構(gòu)圖法推薦九宮格構(gòu)圖法，簡(jiǎn)單粗暴，把圖像的視覺(jué)中心點(diǎn)放在對(duì)應(yīng)的交叉點(diǎn)就可以了。一張完美構(gòu)圖搞定。

7，潤(rùn)色定稿

最后增加局部提亮或變暗，疊加噪點(diǎn)，讓畫(huà)面更加附有肌理感。

三種不同風(fēng)格的LOGO各種表現(xiàn)不同，但是設(shè)計(jì)的手法方式都類似，不斷持續(xù)的聯(lián)系，訓(xùn)練的是心靜，堅(jiān)持做一件事，你會(huì)很開(kāi)心的。