2個(gè)字體圖形化設(shè)計(jì)實(shí)例教程|字體設(shè)計(jì)教程

最近老譚同學(xué)需要設(shè)計(jì)幾個(gè)logo,感覺在這個(gè)方面很缺乏設(shè)計(jì)靈感,于是找了一些logo設(shè)計(jì)網(wǎng)站,欣賞了很多國(guó)內(nèi)外的logo設(shè)計(jì)作品。也回顧了LOGO設(shè)計(jì)常用的30種技巧和9個(gè)設(shè)計(jì)規(guī)范等等。唯一不滿足點(diǎn)就是缺少實(shí)例演示。后來在優(yōu)設(shè)網(wǎng)找到這樣的2個(gè)非常精彩的字體圖形化設(shè)計(jì)的案例。覺得非常不錯(cuò)!

顧轉(zhuǎn)載過來跟大家一起分享和進(jìn)步!

當(dāng)我們拿到一個(gè)字體設(shè)計(jì)的需求之后,不要急于去設(shè)計(jì),不停的畫和找感覺也不是一種辦法。但是如果我們前期針對(duì)這個(gè)字體設(shè)計(jì)做一下具體的設(shè)計(jì)需求分析??赡茏屛覀儼盐盏脑O(shè)計(jì)方向更精準(zhǔn)些。

下面是講解2個(gè)關(guān)于字體圖形化設(shè)計(jì)的實(shí)例教程

字體設(shè)計(jì)實(shí)例一:音樂亞洲

07

 

這個(gè)時(shí)候,我們需要根據(jù)不同的方向制定不同的計(jì)劃,是我們?cè)趯?shí)際制作之前必須考慮到的。

第(1)步:選一種已有的字體作為設(shè)計(jì)參考雛形,同時(shí)確定單個(gè)字的長(zhǎng)寬比例(以框裁定),定好字體筆畫粗細(xì)比例。

08

第(2)步:對(duì)字體進(jìn)行切角設(shè)計(jì),并美化字形。

09

第(3)步:添加音樂元素,考慮添加在哪個(gè)字上最合適,且如何自然而不突兀。

10

第(4)步:確定圖形后將它置入文字中,并微調(diào)。

11

第(5)步:對(duì)字形結(jié)構(gòu)調(diào)整,突出”音樂”二字,錯(cuò)落結(jié)構(gòu)增加層次。

12

第(6)步:發(fā)現(xiàn)字體還不夠整體感,于是加一個(gè)邊框,使其看上去更加整體。并開始修剪之前白色的切角遮蓋部分。

13

第(7)步:?最后根據(jù)網(wǎng)站頁(yè)面色調(diào)上色,添加裝飾性英文,微調(diào)完成。

143

 

 

 

字體設(shè)計(jì)實(shí)例二——《狙擊槍戰(zhàn)》

同樣拿到這樣的字體設(shè)計(jì),需要討論分析。比如“給我一個(gè)X”?設(shè)計(jì)是不可能憑空給出一個(gè)X,我們要做的就是找到一個(gè)事物把它命名成X。高手的經(jīng)典語(yǔ)錄!哈哈

廢話不多說,開始涉及步驟吧!

 

第(1)步:這是一個(gè)視頻片尾的LOGO字標(biāo),先在草稿上手繪設(shè)計(jì)各種可能,并刪選各種可能。

151

第(2)步:經(jīng)過一輪篩選嘗試,更換比劃粗細(xì)與結(jié)構(gòu)上的變化后,最終得出

16

我們會(huì)發(fā)現(xiàn)雖然添加了元素后的字形還只是一個(gè)僅僅加上了元素的”字形”,它并沒有突出槍戰(zhàn)的緊迫感和速度感,而且視覺中心不明確。所以… …

第(3)步:再經(jīng)過一輪篩選調(diào)整變化后,得出下圖這樣的。

17

 

第(4)步:最后為了給字標(biāo)更好的示意,通常會(huì)做有紋底深色和白色兩底為展示效果。

18

第(5)步:細(xì)節(jié)修飾和最終視頻字體效果

19

看完覺得字體設(shè)計(jì)是不是很神奇,很強(qiáng)大!是的。字體設(shè)計(jì)是一門非常棒的技術(shù)!值得我們?nèi)ド钔冢?

有興趣還可以欣賞50個(gè)令人驚嘆的創(chuàng)意標(biāo)識(shí)類Logo設(shè)計(jì),可以激發(fā)出你的創(chuàng)作靈感。

每天更新,
全站高品質(zhì)素材免費(fèi)下載!