2012年12月19日 星期三

設計字型基礎-從視覺平衡開始



  在先前But大專欄文章中提到過關於中文設計字體的框架概念,字身框是物理限制,是絕對不能超出的範圍;而字面框為美感限制,用以決定整套字型的個性。這篇文章要從字面框解構最基本的視覺平衡。




  若字面框是正方形,將三種簡單的圖形分別放入,切合四個邊,然後直接拿掉字面框,會發生什麼事?



  
  讀者應該可以感覺到,三個圖形給人的感覺是大小不一的,菱形較小,正方形及三橫線都是偏大,而在調整字型整體的視覺比例時,就必須考量到這個因素。屬於菱形的字體如等,在調整時都必須加大,而正方形如、三橫線如,都要加大。





  接下來則是對於橫筆及豎筆的討論。


  照上面的圖看起來,橫筆怎麼比豎筆粗了點呢?但其實這只是將同一張圖形做九十度旋轉,並沒有對黑色的線條有額外的處理,人的眼睛自然會做出橫比豎粗的判斷,所以一般來說,會將橫筆稍微調細,豎筆略為加粗,才會看起來粗細一致。


  額外帶到中文字本身,橫筆出現的次數是遠遠大於豎筆的,隨意挑個複雜點的字,像是,豎筆僅有二劃,但橫筆出現九次!再多觀察幾個字,會發現豎筆最多出現到五劃就很了不起了。而出現許多橫筆的字,每一種橫筆之間的粗細也不是完全相同的,否則就顯呆版,其中的拿捏調整就牽涉到設計師本身的美感和經驗啦!

  上面這張圖是為了讓大家體會一下,字體的結構也會影響到視覺上的胖瘦。這兩張圖也是將同一張圖做九十度旋轉得來的,缺口的方向不同就影響了我們對寬度的感受,縱向的線條排列會讓間隔看起來膨脹,如川就是屬於這類,因此字圖的左右不能頂到字面框,否則就看起來太胖了;而橫向的線條讓間隔看起來較窄,如王字就是此類代表,字圖的上下不該貼到字面框,不然整體看下來就會過於瘦長。



  以上就是基本的視覺平衡概念,光是一個框和直線橫線就已經大有學問在裏頭,而中文字的筆劃還有七八種,彼此之間互相結合又會產生其他視覺上的變化,需要注意的地方實在太多了!但對初心者來說,先掌握一些基本的要點,慢慢學習累積,有一天即使不會設計也能看懂字形的好壞,請繼續關注justfont部落格介紹的相關知識!