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

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

  1、襯線特征

  


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

  


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

  2、個(gè)例分析

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

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

  


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

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

  


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

  


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

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

  


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

  


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

  


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

  


  3. 類舉分析

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

  


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

  


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

  


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

  


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

  


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

  


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