當(dāng)前位置: 首頁 > 設(shè)計資訊 > 理論文摘 > 正文

同一種元素設(shè)計了3款風(fēng)格迥異的LOGO

2017-12-04 2471 0

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

文章封面.jpg

他是一位成都籍藝人;

他是鼓手,說唱歌手,人民藝術(shù)家;

他詼諧幽默,現(xiàn)場感染力極強(qiáng);

他就是來至東漢末年的Rapper — 說唱傭

1.jpg

第一天 線性LOGO

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

1,資料收集

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

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

2.jpg

我選取的是說唱傭平視45度角,這個角度是因為這個角度說唱傭的動作表現(xiàn)更加舒展,正視圖和側(cè)視圖說唱傭的動作都會被遮擋,

3.jpg

2,勾勒草圖

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

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

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

4.jpg

3,幾何化元素

對于任何物體來說,都可以用以下四種形態(tài)來組合。設(shè)計就是一個抽象簡化的過程,用簡單的元素概括出設(shè)計元素。

5.jpg

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

設(shè)計的時候盡量去套用大小不同的圓:

6.jpg

 

4,確定線寬

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

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

題外話:

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

Rhino

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

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

Coreldraw

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

  • 缺點(diǎn):MAC系統(tǒng)沒有,沒有,沒有,我的天啊,讓我自斷一只手,所以才有奇葩的用Rhino畫線

AI

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

  • 缺點(diǎn):讓CDR先入為主了,第一時間沒有遇見你,你再好,現(xiàn)在也對你有偏見了,不好意思

Sketch

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

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

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

7.jpg

 

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

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

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

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

8.jpg

 

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

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

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

9.jpg

 

7,潤色定稿

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

10.jpg

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

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

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

1,收集資料

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

 11.jpg12.jpg


2,勾勒草圖

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

在繪制的時候需要先勾畫大概的面,我選擇勾畫暗部,通過明暗對比來畫出元素形態(tài),

13.jpg

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

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

小技巧:

  1. 隨時把圖放大縮小來回觀看;

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

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

14.jpg

 

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

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

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

15.jpg

5,組合文字

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

注意:由于自己書讀得少,說唱的英文是RAP這我知道,但是說唱歌手的單詞是Rapper,我寫設(shè)計的時候?qū)懗闪薘aper(弓雖奸犯)。

16.jpg

 

6,潤色定稿

先來一張線稿版:

17.jpg

再來一張黑白照

18.jpg

最后來一個豪華高配版的:

19.JPG

第三天 圖形插畫類LOGO

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

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

無意在bechance看見設(shè)計Luca Qiu 的系列作品自己也想模仿一下,這種高飽和度漸變在添加一點(diǎn)小肌理應(yīng)該在未來五年都是fantasty。Instagram的LOGO,justin bieber 的《what do you mean》MV,甚至薛之謙的新專輯封面都是運(yùn)用這系列漸變。

值得做一個小練習(xí):

20.jpg

1,收集資料

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

2,勾畫草圖

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

21.jpg

3,幾何化元素

同樣將草圖幾何化,我在這里畫的半身像,有兩個原因:

一、第一天畫全身,第二天畫局部,第三天自然畫半身照;

二、設(shè)計對象的主意視覺中心還是停留在上半身;

22.jpg

4,調(diào)整比例

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

23.jpg

 

5,添加漸變

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

24.jpg

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

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

25.png

7,潤色定稿

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

26.jpg

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



18
評論區(qū)(0)
正在加載評論...