網(wǎng)頁(yè)設(shè)計(jì)中字體的陰陽(yáng)收縮法故事

2022-05-28    分類: 網(wǎng)站建設(shè)

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

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

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


網(wǎng)頁(yè)設(shè)計(jì)中字體的陰陽(yáng)收縮法故事

中國(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è)筆畫的2側(cè)就是陰陽(yáng)線。結(jié)合單個(gè)字體來(lái)看,字體每一筆畫外圍向陽(yáng)(凸線的筆畫比較容易懂,上圖紅色部分),即為陽(yáng)線,內(nèi)陰(凹線筆畫上圖紅色對(duì)應(yīng)的筆畫)則為陰線。所謂陰陽(yáng)收縮法就是根據(jù)陰陽(yáng)關(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)該是有力度感,硬朗、男性、蒼勁有力。依然是先找案例參考。

網(wǎng)頁(yè)設(shè)計(jì)中字體的陰陽(yáng)收縮法故事

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

網(wǎng)頁(yè)設(shè)計(jì)中字體的陰陽(yáng)收縮法故事

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


網(wǎng)頁(yè)設(shè)計(jì)中字體的陰陽(yáng)收縮法故事

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

網(wǎng)頁(yè)設(shè)計(jì)中字體的陰陽(yáng)收縮法故事

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


網(wǎng)頁(yè)設(shè)計(jì)中字體的陰陽(yáng)收縮法故事

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


網(wǎng)頁(yè)設(shè)計(jì)中字體的陰陽(yáng)收縮法故事

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

3. 類舉分析

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

網(wǎng)頁(yè)設(shè)計(jì)中字體的陰陽(yáng)收縮法故事

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


網(wǎng)頁(yè)設(shè)計(jì)中字體的陰陽(yáng)收縮法故事

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


網(wǎng)頁(yè)設(shè)計(jì)中字體的陰陽(yáng)收縮法故事

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


網(wǎng)頁(yè)設(shè)計(jì)中字體的陰陽(yáng)收縮法故事

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


網(wǎng)頁(yè)設(shè)計(jì)中字體的陰陽(yáng)收縮法故事

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

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

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

廣告

聲明:本網(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)

微信小程序開(kāi)發(fā)