新手學(xué)習(xí)字體設(shè)計(jì)的高效三步法

2022-10-28    seo達(dá)人

一、臨摹

臨摹是新手學(xué)習(xí)任何技能都需要經(jīng)歷的階段,學(xué)字體設(shè)計(jì)自然也不例外。即你要去收集一些優(yōu)秀的字體設(shè)計(jì)作品,然后照著它們來(lái)臨摹。

很多人會(huì)瞧不上臨摹,認(rèn)為照著參考一模一樣做誰(shuí)都會(huì),事實(shí)上真要做起來(lái),很多人都臨摹不好,而且臨摹的方法也不對(duì)。那么,如何正確地臨摹呢?

 

1、不要像摳圖一樣,用鋼筆工具直接沿著參考的外輪廓描摹。

而是要照著參考畫(huà)出文字中的主要筆畫(huà),諸如:橫、豎、撇、捺、點(diǎn)、提、勾等,然后,用這些筆畫(huà)照著參考的樣子一筆一筆把文字搭建出來(lái)。

圖片

 

2、如果遇到相同的筆劃,不要重新畫(huà)。

而應(yīng)該把已有的筆畫(huà)直接復(fù)制過(guò)去,有時(shí)可能需要做一點(diǎn)簡(jiǎn)單的變化,這么做可以最大程度上保證筆畫(huà)的統(tǒng)一性。

 

3、剛開(kāi)始可以直接在參考的基礎(chǔ)上用筆畫(huà)來(lái)搭建文字。

就好似描摹一樣,與參考一一對(duì)應(yīng),等熟練之后可以自行繪制筆畫(huà),通過(guò)視覺(jué)來(lái)確定筆畫(huà)的粗細(xì)、長(zhǎng)短、結(jié)構(gòu)、擺放的位置等等。

舉個(gè)例子,如果要臨摹下圖的字體設(shè)計(jì),我們可以先把它的筆劃畫(huà)出來(lái),如果抓不住筆劃的特點(diǎn),或者線條畫(huà)不流暢,可以在原參考上把筆劃描摹出來(lái)。

圖片

圖片

接著,再根據(jù)參考畫(huà)出文字的字框,以確定文字的寬度和高度。

圖片

然后,照著參考在字框里用筆畫(huà)把文字組合出來(lái)。

最后,再仔細(xì)觀察文字筆劃的尺寸和位置是否正確,盡量做到與參考一模一樣。

經(jīng)過(guò)一段時(shí)間的臨摹練習(xí),你不僅可以更熟練地使用鋼筆工具,同時(shí)也能掌握一些字體設(shè)計(jì)的風(fēng)格、筆畫(huà)特征、字體設(shè)計(jì)的流程等等。

 

 

二、通過(guò)參考,舉一反三

當(dāng)臨摹做得已經(jīng)很熟練以后,就可以開(kāi)始第二步的練習(xí)了,即遵照參考中字體設(shè)計(jì)的風(fēng)格、特點(diǎn),設(shè)計(jì)自己想要的其他文字。其實(shí)在實(shí)際工作中、很多設(shè)計(jì)師也會(huì)用這種方式來(lái)設(shè)計(jì)字體。想要做好這項(xiàng)練習(xí),首先你要做的是對(duì)參考作品進(jìn)行深度的分析。

諸如對(duì)字體類型、字形、字體風(fēng)格、重心位置、中宮松緊、筆畫(huà)粗細(xì)、筆畫(huà)結(jié)構(gòu)、筆畫(huà)的對(duì)齊關(guān)系、有哪些特殊的處理技巧等特點(diǎn)進(jìn)行分析。

比如我想根據(jù)下圖的字體來(lái)設(shè)計(jì)文字:起來(lái)嗨。那么我就先要對(duì)參考中的字體設(shè)計(jì)進(jìn)行分析:

圖片

該字體為無(wú)襯線體,風(fēng)格簡(jiǎn)約而現(xiàn)代,筆劃并沒(méi)有講究嚴(yán)格的對(duì)齊,甚至刻意做了錯(cuò)位處理,各文字的字面大小也不統(tǒng)一,呈現(xiàn)出靈活多變的感覺(jué)、筆劃較粗,橫豎筆劃的粗細(xì)一樣、橫筆劃右端有類似直角三角形的襯線、部分筆劃交匯處會(huì)把橫筆劃做斷開(kāi)處理、點(diǎn)筆劃和個(gè)別捺筆劃被設(shè)計(jì)成圓點(diǎn)、口部首被設(shè)計(jì)成圓圈等等。

把參考的設(shè)計(jì)特點(diǎn)分析出來(lái)以后,緊接著需要把我們想設(shè)計(jì)的文字,用一個(gè)常規(guī)的字體呈現(xiàn)出來(lái),由于參考中的字體設(shè)計(jì)是無(wú)襯線體,所以我們可以選擇黑體作為字體設(shè)計(jì)的觀察對(duì)象,看看該文字中有哪些筆劃可以直接挪用參考中的,有哪些則需要自己來(lái)設(shè)計(jì)。

接下來(lái)就要著手畫(huà)草圖了,需要注意的是,參考中的文字做了整體垂直向上傾斜,在設(shè)計(jì)字體的時(shí)候如果直接設(shè)計(jì)成傾斜狀態(tài),那么很多筆劃處理起來(lái)會(huì)不方便,所以最好先設(shè)計(jì)成水平狀態(tài)的,等確認(rèn)無(wú)誤后再做傾斜扭曲。

圖片

另外,在畫(huà)草圖的時(shí)候要多做嘗試,對(duì)于原參考中沒(méi)有的筆畫(huà),我們要從現(xiàn)有的筆畫(huà)中找到規(guī)律,這些部分的設(shè)計(jì)沒(méi)有絕對(duì)的標(biāo)準(zhǔn),關(guān)鍵是要好看、要協(xié)調(diào)、要與整體的風(fēng)格相符。比如“起”字下邊的“人”筆劃,可以借鑒參考中“辶”的處理方式。

草圖畫(huà)好后就可以去電腦上做最后的執(zhí)行了,在執(zhí)行的過(guò)程中需要注意以下幾點(diǎn):

 

1、草圖不是標(biāo)準(zhǔn),只是執(zhí)行的思路。

所以在執(zhí)行的過(guò)程中仍可以進(jìn)行調(diào)整、修改。

圖片

 

2、一邊設(shè)計(jì)一邊規(guī)范。

如果你不是在專業(yè)的創(chuàng)作本上繪制的草圖,那么你的草圖通常是很不嚴(yán)謹(jǐn)?shù)?,那么在電腦上操作的時(shí)候就要邊設(shè)計(jì)邊規(guī)范,比如統(tǒng)一筆劃的粗細(xì)和結(jié)構(gòu)、統(tǒng)一筆劃斷開(kāi)部分的間距、注意某些筆劃之間的對(duì)齊關(guān)系等等。

圖片

 

3、與參考對(duì)比。

字體初步設(shè)計(jì)完以后,要把其與參考放在一起進(jìn)行比較,看看還有沒(méi)有處理不到位、看起來(lái)不夠舒服的地方,水平狀態(tài)調(diào)整完以后,再把文字按照參考的樣子往右上方做傾斜處理,然后繼續(xù)觀察以及做最后的完善。

圖片

圖片

 

 

三、原創(chuàng)字體設(shè)計(jì)

如果你能熟練地做到通過(guò)參考舉一反三,那么你的字體設(shè)計(jì)能力已經(jīng)初步形成,接下來(lái)就可以做原創(chuàng)了。做原創(chuàng)字體設(shè)計(jì)時(shí)我們要注意以下幾點(diǎn):

 

1、做原創(chuàng)也可以找參考。

只不過(guò)不要完全按著一個(gè)參考來(lái)做,我們可以結(jié)合好幾個(gè)參考,也可以在參考的基礎(chǔ)上加入自己的想法、做出一些改變等等。

 

2、設(shè)計(jì)的流程

A.根據(jù)要設(shè)計(jì)的文字、找到符合設(shè)計(jì)需求的參考。比如我需要設(shè)計(jì)的文字是:奇遇驚喜,并想設(shè)計(jì)成有種浪漫、古風(fēng)的感覺(jué)。所以我找了下圖的字體來(lái)做參考(造字工房逸鋒體),該字體字形修長(zhǎng)、結(jié)合了宋體和黑體的特性,筆劃?rùn)M細(xì)數(shù)粗但沒(méi)有襯線,現(xiàn)代而優(yōu)雅。

圖片

B.加入自己的想法。用常規(guī)的的字庫(kù)字體把要設(shè)計(jì)的文字呈現(xiàn)出來(lái),與參考放在一起進(jìn)行構(gòu)思。參考中的字體雖然現(xiàn)代而優(yōu)雅、但是作為字庫(kù)字體,獨(dú)特性自然會(huì)有所欠缺,另外筆畫(huà)還是略過(guò)復(fù)雜,沒(méi)有古風(fēng)和浪漫的感覺(jué),所以我想把筆畫(huà)繼續(xù)做一些簡(jiǎn)化,并加入祥云圖形。

圖片

圖片

C.畫(huà)草圖。

可以先畫(huà)文字的骨骼部分,以確定文字的基本架構(gòu),文字的骨骼決定了文字的基本氣質(zhì),比如高矮胖瘦、中宮松緊、重心高低、筆畫(huà)走勢(shì)等等,這也是設(shè)計(jì)師可以大做文章的地方,很多優(yōu)秀的字體,在骨骼上就與普通字體有著很大的差異。這里我把文字的骨架設(shè)計(jì)得比參考更為修長(zhǎng)。

圖片

骨骼畫(huà)好以后,再添加字體的肉身,即筆形,筆形決定了筆劃的粗細(xì)、端點(diǎn)、襯線、筆劃交匯處的處理等細(xì)節(jié)效果,這些部分的變化也非常多,設(shè)計(jì)師可以根據(jù)文字本身的特點(diǎn)和參考進(jìn)行多種嘗試。

圖片

作為字體設(shè)計(jì)師,了解一些不同筆形的處理技法也很有必要。

圖片

▲ 部分橫筆畫(huà)的筆形表現(xiàn)。

D.把草圖導(dǎo)入到設(shè)計(jì)軟件中執(zhí)行。草圖畫(huà)好以后就可以去電腦上執(zhí)行了,執(zhí)行的步驟和注意事項(xiàng)與“舉一反三”里提到的差不多。

圖片

 

3、注意文字的統(tǒng)一性。

在設(shè)計(jì)字體時(shí),要注意整體的統(tǒng)一性,要讓人感覺(jué)到這是一套字體,所以原則上來(lái)說(shuō),每個(gè)字的字面大小、重心位置、中宮、相同的筆畫(huà)等等,都要統(tǒng)一起來(lái),當(dāng)然,不包括某些為了效果靈活而刻意作出的一些特殊處理。

圖片

圖片

 

 

圖片

臨摹、舉一反三、原創(chuàng),簡(jiǎn)單的三步就能幫你從一個(gè)新手變成一個(gè)熟手,其實(shí)除了字體設(shè)計(jì),很多其他類型的設(shè)計(jì)同樣是這個(gè)道理。當(dāng)然,最重要的是你要能走出第一步,先做起來(lái),然后要堅(jiān)持下去。

 

作者:蔥爺

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》新手學(xué)習(xí)字體設(shè)計(jì)的高效三步法

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司



日歷

鏈接

個(gè)人資料

存檔