1. 程式人生 > >UI設計教程分享:字型變形—陰陽收縮法

UI設計教程分享:字型變形—陰陽收縮法

陰陽師中國古代對自然規律發展變化基礎因素的描述,是古代美學邏輯思維、推理分析的核心要素,也是描述萬物基本要素和成因的概念之一。陰陽代表事物的對立關係,它是自然界的客觀規律,是萬物運動變化的本源,是人類認識事物的基本法則。萬物皆有陰陽,不可割裂,陰陽相互依存。

筆畫是構成字型的基本元素,漢字筆畫設計融入了書寫的韻味,融入了“陰陽”線的處理方法,講究線條、筆畫之美,使筆畫挺拔有力、剛柔並濟。

陰陽線看似高深,其實理解起來也很簡單,字型有重量,筆畫分粗細,筆畫有兩側,單個筆畫的兩側就是陰陽線。結合單個字型來看,字型每一筆畫外圍向陽(凸線的筆畫,如上圖紅色部分)即為陽線,內陰(凹線的筆畫,如上圖黑色對應的筆畫)則為陰線。

所謂陰陽收縮法,就是根據陰陽關係調整筆畫的粗細關係與整個字型結構的處理方法。

設計要點:

1.筆畫越粗,陰陽線調整的變形特徵就越明顯;筆畫越細,變形特徵就越弱。

2.陰陽線調整一般是從內陰線箱外陽線方向收縮調整。

3.調整規律為外陽內陰。

4.相同筆畫的陰陽收縮要有繼承關係,根據字型主題而定,要適度,不宜變化太多。

以DNF男槍職業版本標語“翱翔,天界之鷹”字型方案為例,運用陰陽線收縮法調整筆畫,使字型更有男性特徵。

蒐集相關靈感——男性身材倒三角、忍者神龜、變形金剛狂派標誌等等,提煉出三角、稜角。

選取原型字型——三種常用的適用於力度、硬剛勁風格的字型:方正粗譚黑簡體、造字工房勁黑常規體、造字工房版黑常規體。

以下選取“造字工房版黑常規體”為例。

對於字型結構、重心的調整,又分為水平邊緣結構調整和垂直邊緣結構調整兩種方法。

水平邊緣結構調整:造字工房版黑體在水平方向,字的邊緣結構不太規整。“翱、翔”兩字筆畫頂部高度不同,“天、界、鷹”三個字頂部橫筆畫之間的高度和重心有細微的差距,並不是真正意義上結構、重心平穩的字型。對“翔、天、界”三個字進行結構筆畫和重心調整,調整字型間的字面關係,使其在水平方向保持一致,讓字型整體看起來更均衡,重心一致。

垂直邊緣結構調整:在垂直方向上,調整所以有字型的豎向筆畫的對齊方式,使其左右對其一致,對上下結構和重心進行微調整,使其字面平穩、視覺均衡,讓字型看起來更加簡潔、整齊。

進行斜切處理。斜線比直線更有動感和力度,只是線條帶來的視覺感,進一步加強字型的運動、格鬥氣質。

最後進行陰陽線收縮調整:結合男性身材倒三角的形狀,對字型進一步進行個性處理。橫向筆畫保持不變,豎向筆畫做陰陽線收縮調整。

最終效果圖

編輯:千鋒UI設計