創(chuàng)新互聯(lián)為你分享：網(wǎng)頁設(shè)計(jì)中字體的陰陽收縮法故事。

1. 字體的陰陽線

筆劃設(shè)計(jì)融入了書寫的韻味，采用“陰陽”線的處理方法，講究線條之美，使筆劃挺拔有力，剛?cè)嵯酀?jì)——這是方正字體高級設(shè)計(jì)師齊立在【字與字現(xiàn)場】的一句PPT。

中國古代萬物有陰陽，講究陰陽美學(xué)，漢字亦是如此。所以了解字體筆劃陰陽關(guān)系做字體，能使筆劃看起來更加沉穩(wěn)、剛?cè)?、挺拔、美觀。猛一看好像很玄乎的說法，陰陽線。其實(shí)理解起來也很簡單，字體有重量的，所以分粗細(xì)，單個(gè)筆畫的2側(cè)就是陰陽線。結(jié)合單個(gè)字體來看，字體每一筆畫外圍向陽(凸線的筆畫比較容易懂,上圖紅色部分)，即為陽線，內(nèi)陰(凹線筆畫上圖紅色對應(yīng)的筆畫)則為陰線。所謂陰陽收縮法就是根據(jù)陰陽關(guān)系調(diào)整筆畫的粗細(xì)關(guān)系與整個(gè)字體結(jié)構(gòu)的處理方法。似乎有點(diǎn)難理解，我們看個(gè)例子。

2. 個(gè)例分析

1. 案例為DNF男槍的一個(gè)版本專題。槍戰(zhàn)類的字體風(fēng)格應(yīng)該是有力度感，硬朗、男性、蒼勁有力。依然是先找案例參考。

2. 選取一款非襯線字體做基礎(chǔ)字體，線條可以稍粗，有力度感點(diǎn)的。

上面3種字體是常見的我們在游戲頁面使用的字體，個(gè)人偏好造字工坊版黑常規(guī)體。方正粗譚黑簡體重心靠上，筆畫顯散，但是一款非常適合做變形的字體，特別是FPS等。造字工坊勁黑常規(guī)體也是在游戲里常見到的流行字體，字體筆畫較粗，重心很穩(wěn)，但筆畫調(diào)整起來稍顯麻煩，不是所有的場合都使用。造字工坊版黑常規(guī)體字是我在DNF中經(jīng)常用的原型字體，字體筆畫粗細(xì)得當(dāng)，重心也會比其他字體穩(wěn)，易于調(diào)整和變形。(造字工坊的字體結(jié)構(gòu)和重心挺穩(wěn)，易于變形，值得推薦。)

選擇造字工坊版黑常規(guī)體之后，先是字體結(jié)構(gòu)和重心調(diào)整，把原字體筆劃按需要加粗，局部筆劃調(diào)整，再添加襯線裝飾，然后就有了如上的一個(gè)字體效果。這里尖角元素加的比較少。此篇主要講陰陽線收縮法，下面就是本節(jié)的主要內(nèi)容。

DNF男槍主題風(fēng)格，在調(diào)整了結(jié)構(gòu)重心，添加了少量襯線裝飾后，個(gè)性還不夠，需要進(jìn)一步加強(qiáng)。結(jié)合男性身材倒三角的形狀，對字體進(jìn)一步個(gè)性處理。我們根據(jù)倒三角這樣一個(gè)概念，把字體的水平重心上面的筆劃保持不變，按陰陽線收縮調(diào)整下部分筆劃，即把字體灰色線的筆劃向紅色線的筆畫方向做傾斜處理(即陰線向陽線方向收縮)，這樣單個(gè)字體著地點(diǎn)小，字上身大，使筆畫看起來成倒三角形。

經(jīng)過調(diào)整后的字體，個(gè)性就明顯很多，也顯得更有力度感，符合男槍版本的主題?？赐昕赡苡械耐瑢W(xué)還是不太理解這個(gè)概念。簡單來說其實(shí)這個(gè)陰陽收縮法只是一個(gè)方法命名。核心就是如何調(diào)整粗細(xì)筆畫2側(cè)(陰面和陽面)，使其看起來更顯個(gè)性、彰顯魅力、符合主題。

最后我們來看看，完整版的字體效果。

3. 類舉分析

“創(chuàng)新世紀(jì)”是早前DNF版本的字體設(shè)計(jì)的其中一稿。創(chuàng)新世紀(jì)，想到的是新紀(jì)元，新的開始，用了比較力度感的方式，和線條。這一稿也是運(yùn)用了陰陽線收縮的方法去處理。

“海庫”燒烤店logo的一版，燒烤要力度感、火力、野性。所以字根部分也是筆劃縮進(jìn)后處理的效果。

“偶像日記”是當(dāng)初愛奇藝針對TFboys的做的一款類似花兒與少年的街頭真人show節(jié)目。要青春時(shí)尚，年輕，有火力感方案。

“燃盡一切”是疾風(fēng)之刃一個(gè)版本的字體嘗試，聯(lián)想到疾風(fēng)之刃是漫畫風(fēng)格的游戲，結(jié)合logo的形狀和字體風(fēng)格，做的一種方案。

襯線加強(qiáng)法只是列舉了我個(gè)人做的一些例子，為了更有說服力，我也列舉下大家網(wǎng)上看到，或者已有的成功案例。

這幾種字體都是陰陽線調(diào)整字根等位置處理的效果。當(dāng)然也是調(diào)整了字體結(jié)構(gòu)、重心，添加襯線等方法而成的。這里是陰陽線都是用了比較柔和的曲線收縮的，所以看起來很柔和、流動(dòng)感很強(qiáng)，符合主題。

網(wǎng)頁名稱：網(wǎng)頁設(shè)計(jì)中字體的陰陽收縮法故事
標(biāo)題URL：http://m.rwnh.cn/news16/160166.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、微信公眾號、網(wǎng)站設(shè)計(jì)、品牌網(wǎng)站制作、虛擬主機(jī)、網(wǎng)站設(shè)計(jì)公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)