海淘科技為你分享:網頁設計中字體的陰陽收縮法故事。
筆劃設計融入了書寫的韻味,采用“陰陽”線的處理方法,講究線條之美,使筆劃挺拔有力,剛柔相濟——這是方正字體高級設計師齊立在【字與字現(xiàn)場】的一句PPT。
中國古代萬物有陰陽,講究陰陽美學,漢字亦是如此。所以了解字體筆劃陰陽關系做字體,能使筆劃看起來更加沉穩(wěn)、剛柔、挺拔、美觀。猛一看好像很玄乎的說法,陰陽線。其實理解起來也很簡單,字體有重量的,所以分粗細,單個筆畫的2側就是陰陽線。結合單個字體來看,字體每一筆畫外圍向陽(凸線的筆畫比較容易懂,上圖紅色部分),即為陽線,內陰(凹線筆畫上圖紅色對應的筆畫)則為陰線。所謂陰陽收縮法就是根據(jù)陰陽關系調整筆畫的粗細關系與整個字體結構的處理方法。似乎有點難理解,我們看個例子。
1. 案例為DNF男槍的一個版本專題。槍戰(zhàn)類的字體風格應該是有力度感,硬朗、男性、蒼勁有力。依然是先找案例參考。
2. 選取一款非襯線字體做基礎字體,線條可以稍粗,有力度感點的。
上面3種字體是常見的我們在游戲頁面使用的字體,個人偏好造字工坊版黑常規(guī)體。方正粗譚黑簡體重心靠上,筆畫顯散,但是一款非常適合做變形的字體,特別是FPS等。造字工坊勁黑常規(guī)體也是在游戲里常見到的流行字體,字體筆畫較粗,重心很穩(wěn),但筆畫調整起來稍顯麻煩,不是所有的場合都使用。造字工坊版黑常規(guī)體字是我在DNF中經常用的原型字體,字體筆畫粗細得當,重心也會比其他字體穩(wěn),易于調整和變形。(造字工坊的字體結構和重心挺穩(wěn),易于變形,值得推薦。)
選擇造字工坊版黑常規(guī)體之后,先是字體結構和重心調整,把原字體筆劃按需要加粗,局部筆劃調整,再添加襯線裝飾,然后就有了如上的一個字體效果。這里尖角元素加的比較少。此篇主要講陰陽線收縮法,下面就是本節(jié)的主要內容。
DNF男槍主題風格,在調整了結構重心,添加了少量襯線裝飾后,個性還不夠,需要進一步加強。結合男性身材倒三角的形狀,對字體進一步個性處理。我們根據(jù)倒三角這樣一個概念,把字體的水平重心上面的筆劃保持不變,按陰陽線收縮調整下部分筆劃,即把字體灰色線的筆劃向紅色線的筆畫方向做傾斜處理(即陰線向陽線方向收縮),這樣單個字體著地點小,字上身大,使筆畫看起來成倒三角形。
經過調整后的字體,個性就明顯很多,也顯得更有力度感,符合男槍版本的主題??赐昕赡苡械耐瑢W還是不太理解這個概念。簡單來說其實這個陰陽收縮法只是一個方法命名。核心就是如何調整粗細筆畫2側(陰面和陽面),使其看起來更顯個性、彰顯魅力、符合主題。
最后我們來看看,完整版的字體效果。
“創(chuàng)新世紀”是早前DNF版本的字體設計的其中一稿。創(chuàng)新世紀,想到的是新紀元,新的開始,用了比較力度感的方式,和線條。這一稿也是運用了陰陽線收縮的方法去處理。
“海庫”燒烤店logo的一版,燒烤要力度感、火力、野性。所以字根部分也是筆劃縮進后處理的效果。
“偶像日記”是當初愛奇藝針對TFboys的做的一款類似花兒與少年的街頭真人show節(jié)目。要青春時尚,年輕,有火力感方案。
“燃盡一切”是疾風之刃一個版本的字體嘗試,聯(lián)想到疾風之刃是漫畫風格的游戲,結合logo的形狀和字體風格,做的一種方案。
襯線加強法只是列舉了我個人做的一些例子,為了更有說服力,我也列舉下大家網上看到,或者已有的成功案例。
這幾種字體都是陰陽線調整字根等位置處理的效果。當然也是調整了字體結構、重心,添加襯線等方法而成的。這里是陰陽線都是用了比較柔和的曲線收縮的,所以看起來很柔和、流動感很強,符合主題。
來源:TGideas。海淘科技還為你提供了網頁設計與網頁制作。文章下載,點擊:網頁設計中字體的陰陽收縮法故事