Apr.27.2015

怎麼排都怪?標點符號的編排祕技大公開

標點符號與圖標,總是低調的伴隨著文字,我們很少注意到這些次要的存在。然而,標符也是字體設計的一部份,應為同一調性的配套設計,除了風格表現,寬窄比例、筆畫粗細與變化等,都應保持整體感與一致性,在考慮字體的同時,也別忘了檢視符號與數字的設計喲!

 

符號的設計

.整體的粗細平衡

在選擇字體時,整體的粗細平衡是最重要的。有幾個特別要注意的符號:書名號《》、括號()、引號「」,在視覺上是否與文字等粗?最常使用的逗號,有沒有過黑、整篇文章像是黑蝌蚪亂爬?而英文的半形符號,則要注意方括號 [ ] 的筆畫會不會太黑、過重?圓括號 ( ) 的線條是否太瘦?星號 * 線條是否過於僵硬刻板?井字號 # 是否過大?

Circle-1_2
括號字體由左自右分別是Baskerville、Garamond、Rotis,覺得哪種搭配比較協調呢?要注意的是,當內文字為斜體時,括號都不可打斜哦。

.時代感

時代感也必須被考慮,像是 Baskerville(下圖左)這類新古典主義的字體,星號的腳應該會是偶數的對稱數量,且結尾是圓潤的淚滴狀;而新人文主義的字體如常見的 Palatino(下圖右),則會有較銳利、接近平頭沾水筆筆觸的設計,星號筆畫則多是奇數的五筆。以此類推,問號、驚歎號、括弧及逗號等也應該具備同樣的設計原則,甚至是最簡單的句點其實也不簡單,橢圓、菱形、亦或是方形都呈現不同的特色。

Circle-1_3
(左)Baskerville,星號的腳是偶數的對稱數量,結尾是圓潤的淚滴狀;(右)Palatino,星號的腳是奇數,結尾為沾水筆的筆觸。

 

容易發生的錯誤

.數學符號與拉丁文字

在拉丁文字中,表示時間的角分符號「′」、角秒符號「″」,與單引號「‘’」、雙引號「“”」是不一樣的,要小心注意喲!

Circle-1_4

數學的符號 + – × ÷ < = > 是一組成套的設計,為了求快而用「X」來取代乘號,不但筆畫過粗、明體會有多餘的裝飾角,大小比例和斜線角度也都不恰當。用連結號 hyphen 代替減號,在算式中的高度位置也是不對的。

Circle-1_5

中文環境的標符問題

.字距

中文的標點符號占據了一整個基本單位的方塊,但由於標符面積很小,剩下的留白空間就相對的大,看起來像是版面上的破洞,破壞閱讀的流暢性。尤其是有兩個標符連走時,問題顯得更嚴重,例如:「『,。』」(《》)。在這個情況下,「字間距微調(Kerning)」就變得相對重要。Kerning 前(上),標符的位置是絕對值,造成的留白過大,視覺感鬆散破碎;Kerning 後,標符的位置為相對值,視覺集中在文字上,閱讀的流暢度可大為提升。

Circle-1_6

.多國語文對照

不同的語文並排對照時,繁體中文的標符位於方塊的中央,與其他語文明顯不同,可參考中國大陸及日文文字的編排,將符號移至靠前一字元的右下角,並且將符號與後方字元的距離縮小、調整為相對空間,以減少標符本身跟其留白空間造成的干擾,把閱讀的焦點交還給文字本身。但繁體中文的筆畫結構比簡中、日文綿密厚重,為避免視覺焦點從標符轉移後,造成文字密度過高、視覺負擔較大的問題,也略微將字距加大。當遇到多國語並存的情況時,這個作法會有助於提升視覺上的一致性與融合度。

Circle-1_7

標符是一套標記或註釋的代碼,如同樂譜的音符與記號的關係一樣,主要功能無非是幫助閱讀者理解文字、或有效率的消化內容,所以在「個性」上應保持冷靜,除非為了特定的目的,符碼在內文編排的呈現上不要有過度的表情或存在感,以免喧賓奪主。有些字體會配套同款的標符設計,但有些字體則完全沒有,由電腦會自動選用的預設字體代替,往往產生設計風格迥異的不協調組合,需要另外選擇搭配。標符雖然微小,但如果能在設計編排上謹慎處理,對最後的視覺呈現也會有很大的提升喲!

 

標符設計的細節多如牛毛,歡迎參閱《Circle》設計微誌第一期〈無聲的表情:標點與符號〉

《Circle》設計微誌FB粉絲頁:https://zh-tw.facebook.com/circlezine

不可轉載
circlezine-JC
Circle 微誌介紹平面設計領域裡的分門別類,從文字編排、資訊圖表、品牌設計、數位動態、空間環境到歷史沿革/人物、數影像紀錄⋯⋯等等,深入分析各種應用的專業與內涵,並邀請來自國內外的設計師與藝術家,共同創作、延伸實驗不同的創意角度與觀點,歡迎你加入這個圈圈,與我們分享、交流。
Circle 微誌介紹平面設計領域裡的分門別類,從文字編排、資訊圖表、品牌設計、數位動態、空間環境到歷史沿革/人物、數影像紀錄⋯⋯等等,深入分析各種應用的專業與內涵,並邀請來自國內外的設計師與藝術家,共同創作、延伸實驗不同的創意角度與觀點,歡迎你加入這個圈圈,與我們分享、交流。

更多文章


READ MORE

更多文章

READ MORE

LOGIN

SIGN UP

FORGOT
PASSWORD

請輸入你的帳號或電子郵件位址。你將收到含有建立新密碼鏈結的電子郵件。