網(wǎng)頁設計中字體的陰陽收縮法故事

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

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

1. 字體的陰陽線

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


網(wǎng)頁設計中字體的陰陽收縮法故事

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

2. 個例分析

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

網(wǎng)頁設計中字體的陰陽收縮法故事

2. 選取一款非襯線字體做基礎字體,線條可以稍粗,有力度感點的。

網(wǎng)頁設計中字體的陰陽收縮法故事

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


網(wǎng)頁設計中字體的陰陽收縮法故事

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

網(wǎng)頁設計中字體的陰陽收縮法故事

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


網(wǎng)頁設計中字體的陰陽收縮法故事

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


網(wǎng)頁設計中字體的陰陽收縮法故事

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

3. 類舉分析

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

網(wǎng)頁設計中字體的陰陽收縮法故事

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


網(wǎng)頁設計中字體的陰陽收縮法故事

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


網(wǎng)頁設計中字體的陰陽收縮法故事

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


網(wǎng)頁設計中字體的陰陽收縮法故事

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


網(wǎng)頁設計中字體的陰陽收縮法故事

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

網(wǎng)頁名稱:網(wǎng)頁設計中字體的陰陽收縮法故事
標題URL:http://www.bm7419.com/news16/160166.html

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

廣告

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

微信小程序開發(fā)