好書試閱

>>閱讀性Readability

以往Readablility被譯成可讀性,但Readablility指閱讀全文的容易程度,直接譯為閱讀性及可,好的文字設計可提升閱讀性,並不特別去強調理解程度,理解程度還關乎教育程度。如圖比較Arial Regular的辨識度和閱讀性都可,而Times New Roman Regular的辨識度可,但閱讀性佳。

中文字體標楷體的辨識度佳,但閱讀性卻不佳。尤其字體設計如空氣與水,設計時需多考慮中性與簡潔,但提高月圖性不是要字體的字符造型盡量相似,字面大小完全不變化,如此反而會因平淡而無法再堅持閱讀下去,如下的圖蘭亭黑中會造成閱讀單調。字符雖有相異但整體的和諧與對比的適當調配才是好的中性,但影響閱讀性的因素也有很多,包括字元間距、行距、行寬、灰度等等。

陸續再談如何提供閱讀性,建立規則是讓初學者理解與入門,不是限制與墨守成規,而是希望能互相運用與打破規則。

² 英文字的剖析

文字設計前要對英文字書寫結構做詳盡分析與規劃,英文字有重要的導線guideline來依循,首先是基線Base line - 所有字元立足而向上或向下的基準線,如房子的地面基礎,向上的線是主線Mean line,主線到基準線的距離是x高度,因此,直接用x高度線x-height line,而不用主線。同樣字級大小的字體,其x高度不一定相同,而不同的x高度產生不同的特質,正常的字體規則是「當一套字的x-height相對愈高,在同樣的文字大小下會顯得看起來較大」,但並不一定是如此,某些字體設計原本就是字幅寬,x-height雖然低些,但文字大小不會看起來比較小。大寫線Captial line(簡稱Capline),也就大寫字筆畫的上限,基線到大寫線之間的高度稱為大寫高度Capheight,而b、h從x高度線上端突出部分,稱為上升部acender,筆畫的最上限是上升線Acender line,p、y從基線往下突出部分,稱為下降部decender,筆畫的最底限是下降線Decender line。設計師依字體特質去決定這五條導線的相對位置,也有字體把大寫線和上升線合併在一起,不區分大寫I、小寫l的高度,但仍要考慮辨識度。

但如果注意看A或O的頂端會稍微超過大寫線,O的底端超過基線,專業術語是overshoot,譯為過衝,就是譯成「超出」即可,這是視覺修正,讓大寫字的最上調整到視覺平齊,另外再詳述,而小寫字也須注意一下做視覺修正。

² 英文字符的各部位

英文字符的各部位因其特性與造型,各有不同名稱,部分名稱也有不同稱呼,大致如圖,設計時可供參考。

² 說明有爭議的counter

英文字符的部位中有一個名為counter,如圖p和c標示處,翻譯為實心包圍區是一部分正確而已。回到merriam-webster定義counter: an area within the face od a letter wholly or party enclosed by strokes(在字母中被筆畫全封閉或半封閉的區域),因此圖示如:雙層a, p, c的全封閉或半封閉的區域都是counter,只是為了區別,便把半封閉的區域取名open-counter,其實也可不需要,直接稱counter亦可;另一名稱開口aperture指的指是c、e字的open-counter的開口處。

明顯只看到圓弧的白區域而已,應該也只對一半,看圖示A與雙層g,A的封閉區不是圓弧,以往我們都會困惑,這三角形區域有新名稱嗎?看merriam-webster的定義,這非圓弧的三角區域也是counter,但serif的A下方就變成是counter,雙層g的下層可封閉也可開口。

為何要談counter? 主要是英文字在小字顯示時加大counter,會有助於辨識文字,至於中文漢字也應要套用counter來說明字體時會有問題,有許多字有好幾個counter且在不同角落,或有些字沒有counter。再看圖示:「林」字,假想框中的negative space都不是counter,方正字庫稱這些為字白,counter並不類似中宮,中宮這名稱會再解釋。


² 英文字體依樣式分類
有襯線Serif
有襯線字源自出現在古羅馬的石刻拉丁字母,又常被稱為羅馬體。除了石刻,隨著筆具紙張發達,書寫時也在筆畫兩端利用壓筆移動自然產生楔形裝飾細節。

無襯線Sans Serif
無襯線字顧名思義就是沒有裝飾細節,直到19世紀才出現的近代字體,造型簡潔、降低橫直比粗細對比,雖把Rockwell字體去掉粗襯線看起來就類似Univers,其實還是不同。


手寫體Script
將手寫的字體與有襯線字分離,主要是造型上差異,除了部分Gothic Script的尖硬,多了柔和感少了雕刻風格,而多數手寫體不具有襯線。

裝飾字Decorative
隨著造字軟體的發達,更多裝飾字輩開發,甚至把圖案融入字中,做大標題使用。而Decorative不再是襯線字,華康櫻花體不再是無襯線字,都是裝飾字。



>>中文漢字剖析
為了統一中文漢字的特色DNA,要先確定其視覺的要素:基本筆畫,大致分為12種,點(側)、橫(勒)、撇(啄)、提(策)、灣(掠)、豎勾(趯)、橫折勾、橫折、豎彎勾、斜勾、捺(磔)、豎(努),而常聽到的永字八法是說明一個永字包含漢字的八極筆畫運筆方法將於字體設計篇再詳述。

² 字身與字面

先看一個活字塊的圖,一活字塊的外圍目前稱為字身,而活字雕刻上的文字表面目前稱為字面,但英文的body指的是中文字面,卻不是字身,但字身框其實不是也不是body的外框,很容混亂。字身框就是全方em square假想框,在中文造字上目前就是正方形,1000x1000 upm(uint per em),而字面框是字符圖框bounding box,目前圖框與全方假想框比率稱為字面率。雖是字級大小相同,原則上字面率較大的字體整體的感覺較大、字元間距僅,而字面率較小的字體整體的感覺變小,字元間距鬆。但是相同字面率大小的靠字重、襯線與中宮不同,感覺也會不同。數位時代中文漢字卻被當成方塊字在方框中設計,求方便但缺失太大,字符書法固有的形態與大小不一的特色被忽視、字元間距易錯亂,更導致字幅寬的字體字元間距太緊,而字幅窄的字體的字元間距顧大。

² 中文字體類型

中文漢字不以襯線做分類,最為常見分類是楷體、明體、黑體、仿宋、圓體、手寫字跡體、展示字體。有人說因為明體、仿宋因有橫直畫對比、三角垛和收筆的形式,可視為襯線體,黑體筆畫等寬粗細一致、沒有襯線,可視為無襯線體,不然,黑體也可以有橫直畫會比、可設計如明體的起筆、轉折的襯線筆畫。黑體在日本稱為角Gothic,稱呼黑體是超詭異的,根本和Blackletter混淆,只是被用久了,就隨俗吧,但改稱「方體」也不夠理想,會誤解為中文漢字都是方塊字。
金石堂門市 全家便利商店 ok便利商店 萊爾富便利商店 7-11便利商店
World wide
活動ing