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

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

一、臨摹

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

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

 

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

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

圖片

 

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

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

 

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

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

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

圖片

圖片

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

圖片

然后,照著參考在字框里用筆畫把文字組合出來。

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

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

 

 

二、通過參考,舉一反三

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

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

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

圖片

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

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

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

圖片

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

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

 

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

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

圖片

 

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

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

圖片

 

3、與參考對比。

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

圖片

圖片

 

 

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

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

 

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

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

 

2、設(shè)計的流程

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

圖片

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

圖片

圖片

C.畫草圖。

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

圖片

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

圖片

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

圖片

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

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

圖片

 

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

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

圖片

圖片

 

 

圖片

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

 

作者:蔥爺

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

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


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


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



分享本文至:

日歷

鏈接

個人資料

存檔