您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計(jì)教程 >> 視覺設(shè)計(jì) >> 瀏覽設(shè)計(jì)教程

網(wǎng)頁設(shè)計(jì)字體故事-(個性-襯線加強(qiáng)法)

  1、襯線特征

  


  第一期我們講到宋體是最典型的襯線字體。襯線加強(qiáng)法,是在了解襯線字體筆畫特征的基礎(chǔ)上加強(qiáng)調(diào)整的設(shè)計(jì)方法。首先我們先看看襯線體的特征(以宋體為例):

  


  宋體襯線特征了解后,我們會發(fā)現(xiàn)其實(shí)襯線字體筆畫很多地方裝飾性元素有共性,但有些還是有個性變化的。所以我們在做不同主題的字體的時(shí)候可以根據(jù)字體特征一般在筆畫的開始位置(A)、拐角(B)或是末端(C)添加裝飾性元素和設(shè)計(jì)(如上圖),讓字體顯得更加個性,更有設(shè)計(jì)感。

  2、個例分析

  我們先看個設(shè)計(jì)的完整稿“魔法的誘惑”。該字體是DNF女魔法師的一個轉(zhuǎn)職。

  1. 設(shè)計(jì)之初,先是根據(jù)游戲角色,找了魔獸世界(游戲)、畫皮(魔法電影)、哈利波特(魔法電影)的字體設(shè)計(jì)做了參考。

  


  2. 選取了造字工房的非襯線體版黑字體為原型進(jìn)行設(shè)計(jì)。

  選取合適的基礎(chǔ)字體做變形是做字體設(shè)計(jì)的一個重要步驟,當(dāng)然也可以在草稿上畫好掃描進(jìn)電腦再進(jìn)行繪制也是可以的。

  


  這一步已經(jīng)對字體的結(jié)構(gòu)和重心做了比較多的調(diào)整和變形,具體調(diào)整方法參看字體故事1。接下來講的就是本集講的重點(diǎn),襯線加強(qiáng)法。

  


  調(diào)整結(jié)構(gòu)和重心的字體顯然在視覺上無法滿足我們的要求,這時(shí)候就要根據(jù)前面參看的游戲電影字體,添加裝飾元素。

  我們選取了魔法師類似巫婆的帽子、卷曲的類似枝條的形式,一些類似藤條的荊棘的元素。在筆畫的開始位置(A)、拐角(B)或是末端(C)添加裝飾性元素和設(shè)計(jì)。

  


  其實(shí)在什么位置上調(diào)整筆畫和添加裝飾性元素,有些同學(xué)可能有些迷茫,這里我舉個簡單的例子就很清晰了,還是拿女人做例子。女人要時(shí)尚和看起來個性如何裝扮自己?

  


  其實(shí)在什么位置上調(diào)整筆畫和添加裝飾性元素,有些同學(xué)可能有些迷茫,這里我舉個簡單的例子就很清晰了,還是拿女人做例子。女人要時(shí)尚和看起來個性如何裝扮自己?

  


  最后看看最終效果。運(yùn)用同樣的襯先加強(qiáng)法,該版本字體我也做了第二稿。不過第二稿是在把字體拉高,重心略微提上,覺得這樣更符合女性的魔法特征和氣息。不過最終確認(rèn)還是上一版的效果。

  


  3. 類舉分析

  “致愛青春”是之前致青春電影剛出來時(shí),一塊游戲的活動slogan。避免統(tǒng)一原版字體,我這里選了極細(xì)的襯線體做原型。然后在“愛”“春”的左右添加了樹葉,體現(xiàn)清晰、青春、校園的味道。

  


  “為愛而戰(zhàn)”是幫同事調(diào)整修改后的一個字體。比較休閑、娛樂性質(zhì)的。所以稍微靈動一點(diǎn)的排列方式,使其看起來更加輕松活潑。在字體的筆畫的很多位置加了尖角襯線效果的處理方式,加強(qiáng)個性和視覺沖擊力。

  


  “裙下之臣”是之前做的一個游戲?qū)n}標(biāo)題設(shè)計(jì),看字體和名字就是女性類的。聯(lián)想起妖媚的女性,選取了比較偏細(xì)風(fēng)格的字體做變形,結(jié)合裙子,飄逸、起舞的造型對“裙”“之”“下”字的筆畫做了重復(fù)和類比的裝飾處理。

  


  “超神英雄” 是類LOL的魔幻競技類的一款騰訊游戲,當(dāng)初是參加一個中文漢化的logo比賽做的,也同樣是調(diào)整了結(jié)構(gòu)和重心后添加了類似LOL字體元素的襯線元素。

  


  “海庫“需要的海洋的感覺,波濤、海浪,所以選擇柔軟的曲線,類似水泡的元素和浪花裝飾字體筆畫。

  


  “地獄史詩” DNF的一個版本專題slogan。首頁也是做了字體結(jié)構(gòu)和重心調(diào)整,最后在4個字的不同筆畫添加少量裝飾元素使其更加個性。

  


[教程作者:高露潔]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/ui2819.html
龐門正道:我為什么要留白?
騰訊ISUX:淺議內(nèi)滾動布局
圖趣網(wǎng)微信
建議反饋
×