想做出美美的網頁版型視覺效果,就要先從文字排版(Typography)下手,從下拉選單、字型的選擇、字體大小都是需要著墨的細節。自古裡來文字排版就是傳統技藝的一環,就讓視覺設計師 Janie Kliever 為大家整理出 10 個文字排版的訣竅與技巧,讓用海報、網頁、明信片設計都相當實用哦。
1. 將欲呈現的形象,清楚表達訊息的感覺
每種字型都獨特的線條與個性,並不是所有字型是萬用的,所以你要判斷這款字型是否能呈現你所要的感覺,還有放在這個畫面是否能達到視覺平衡。
2. 配合目標族群的心情
設計是很主觀的,可能有一群人覺得這字型很好看很有質感,但一定也會有另一群就覺得過時、古板。那是因為每個人的設計因子接受到的訊息都不太一樣,國家文化、生活環境、家庭背景、年齡都有很大的關係,所以要對你的目標群眾有精準的敏銳度,最好調查與分析,就能讓你的文字排版效果更好。
3. 字型的大小要與設計內容取得平衡
文字大小一直是許多設計初學者會忽略的一環,但這卻大大的影響閱讀者的視覺感官。字太小難以閱讀,字太大又會擠壓畫面。一般建議印刷用段落文字應該落在 10-12 點之間,網頁則是 15-20 之間。
4. 字型的唯美層次感
字體的層次設計妥當,看起來就整齊,容易定位。
-用字的大小來依重要性排序資訊。
-用充足的空間來創造一個容易檢視的架構
-把同類型的內容整理再一起
-在適當的情況下,用標題、副標等清楚地分類
5. 留白、對齊的重要性
設計的成敗都在細節,留白與對齊會大大的影響閱讀者視覺感官,留白得宜可以讓畫面看起來乾淨有秩序。找到適合的文字間距,也是讓文章加深閱讀的方法之一。
6. 字距的微調
有一種留白是大家常常忽略的:字距微調(字間)。字距微調常和字距搞混,但兩者是不同的,字距微調是單指兩個文字間的距離。
7. 字體粗細一樣不一樣差很多
基本上,同一款設計案,別用超過三種字體。如果你剛開始學習版面設計,字型規劃上可以搭配基本的無襯線字體,幾乎都能搭配,或者找一種有各種粗細和樣式的字體或字型家族來搭配,還保留一些變化空間。
8. 不要犯了排版通病
請你千萬不要犯下為了填滿版面,而沒有依照比例的任意拉長文字,這個行為會讓文字嚴重變形,造成不可挽救的悲劇。
9. 避免衝突的顏色或背景
版面的設計,不是單單只有字型設計那麼簡單,還得搭配主視覺色系、背景顏色。建議大家可以善用網路上的調色盤工具,都能為大家調配出完美的色系搭配。
10.練習觀察與模仿
所有達人練就一身設計能力,都是從模仿開始學起的,初期可以觀察其他設計師的作品,進一步修改揣摩,不斷的練習再練習,有朝一日很快的你也能成為設計大師。