serif-strengthen-font-design-1

編者按:上次騰訊的高露潔同學介紹了基礎的字體結構,這期進入實戰,來看看如何做字體設計,有個例有類舉,分析到位,經驗老道,案例全都來自實戰,非常有看頭 >>>

1、襯線特征

第一期我們講到宋體是最典型的襯線字體。襯線加強法,是在了解襯線字體筆畫特征的基礎上加強調整的設計方法。首先我們先看看襯線體的特征(以宋體為例):

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

2、個例分析

我們先看個設計的完整稿“魔法的誘惑”。該字體是DNF女魔法師的一個轉職。

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

2. 選取了造字工房的非襯線體版黑字體為原型進行設計。

選取合適的基礎字體做變形是做字體設計的一個重要步驟,當然也可以在草稿上畫好掃描進電腦再進行繪制也是可以的。

這一步已經對字體的結構和重心做了比較多的調整和變形,具體調整方法參看字體故事1。接下來講的就是本集講的重點,襯線加強法。

調整結構和重心的字體顯然在視覺上無法滿足我們的要求,這時候就要根據前面參看的游戲電影字體,添加裝飾元素。

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

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

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

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

3、類舉分析

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

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

“裙下之臣”是之前做的一個游戲專題標題設計,看字體和名字就是女性類的。聯想起妖媚的女性,選取了比較偏細風格的字體做變形,結合裙子,飄逸、起舞的造型對“裙”“之”“下”字的筆畫做了重復和類比的裝飾處理。

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

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

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

【優設字體最佳好文人氣榜】

Top 1:我應該說是最全最強的創意總結嗎?
《推薦:17種設計字體的創意方法》

Top 2:案例多,分析多,方法新,有收獲:
《經驗分享:超詳細的字體設計方法+案例分析》

Top 3:實戰好文,一個字體設計的全過程!
《字體設計實戰!QQ音樂巔峰榜誕生記》

原文地址:tgideas.qq
作者:高露潔

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
“優設網uisdc.com“是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量97萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的”福利”嗎?
添加 優秀網頁設計 微信號:【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加:

sdcweixin

點贊
收藏 7

發表評論 快來秀出你的觀點

還可以輸入 800 個字
 
 
載入中....
相關推薦
評論 收藏