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

1. 字體的陰陽(yáng)線

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

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

2. 個(gè)例分析

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

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

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

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

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

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

最后我們來(lái)看看，完整版的字體效果。

3. 類(lèi)舉分析

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

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

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

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

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

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

文章名稱(chēng)：網(wǎng)頁(yè)設(shè)計(jì)中字體的陰陽(yáng)收縮法故事
本文地址：http://www.rwnh.cn/news/160166.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、網(wǎng)站導(dǎo)航、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、響應(yīng)式網(wǎng)站、動(dòng)態(tài)網(wǎng)站、用戶體驗(yàn)

廣告

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