怎麼排都怪?標點符號的編排祕技大公開
文章推薦指數: 80 %
怎麼排都怪?標點符號的編排祕技大公開. 標點符號與圖標,總是低調的伴隨著文字,我們很少注意到這些次要的存在。
然而,標符也是字體設計的一部份,應為同一調性的配套 ...
分享
追蹤
分享
怎麼排都怪?標點符號的編排祕技大公開
2016/06/28
|
創意靈感
|circle
怎麼排都怪?標點符號的編排祕技大公開
標點符號與圖標,總是低調的伴隨著文字,我們很少注意到這些次要的存在。
然而,標符也是字體設計的一部份,應為同一調性的配套設計,除了風格表現,寬窄比例、筆畫粗細與變化等,都應保持整體感與一致性,在考慮字體的同時,也別忘了檢視符號與數字的設計喲!
符號的設計
整體的粗細平衡
在選擇字體時,整體的粗細平衡是最重要的。
有幾個特別要注意的符號:書名號《》、括號()、引號「」,在視覺上是否與文字等粗?最常使用的逗號,有沒有過黑、整篇文章像是黑蝌蚪亂爬?而英文的半形符號,則要注意方括號[]的筆畫會不會太黑、過重?圓括號()的線條是否太瘦?星號*線條是否過於僵硬刻板?井字號#是否過大?
時代感
時代感也必須被考慮,像是Baskerville(下圖左)這類新古典主義的字體,星號的腳應該會是偶數的對稱數量,且結尾是圓潤的淚滴狀;而新人文主義的字體如常見的Palatino(下圖右),則會有較銳利、接近平頭沾水筆筆觸的設計,星號筆畫則多是奇數的五筆。
以此類推,問號、驚歎號、括弧及逗號等也應該具備同樣的設計原則,甚至是最簡單的句點其實也不簡單,橢圓、菱形、亦或是方形都呈現不同的特色。
容易發生的錯誤
數學符號與拉丁文字
在拉丁文字中,表示時間的角分符號「′」、角秒符號「″」,與單引號「‘’」、雙引號「“”」是不一樣的,要小心注意喲!
數學的符號+–×÷是一組成套的設計,為了求快而用「X」來取代乘號,不但筆畫過粗、明體會有多餘的裝飾角,大小比例和斜線角度也都不恰當。
用連結號hyphen代替減號,在算式中的高度位置也是不對的。
中文環境的標符問題
字距
中文的標點符號占據了一整個基本單位的方塊,但由於標符面積很小,剩下的留白空間就相對的大,看起來像是版面上的破洞,破壞閱讀的流暢性。
尤其是有兩個標符連走時,問題顯得更嚴重,例如:「『,。
』」(《》)。
在這個情況下,「字間距微調(Kerning)」就變得相對重要。
Kerning前(上),標符的位置是絕對值,造成的留白過大,視覺感鬆散破碎;Kerning後,標符的位置為相對值,視覺集中在文字上,閱讀的流暢度可大為提升。
多國語文對照
不同的語文並排對照時,繁體中文的標符位於方塊的中央,與其他語文明顯不同,可參考中國大陸及日文文字的編排,將符號移至靠前一字元的右下角,並且將符號與後方字元的距離縮小、調整為相對空間,以減少標符本身跟其留白空間造成的干擾,把閱讀的焦點交還給文字本身。
但繁體中文的筆畫結構比簡中、日文綿密厚重,為避免視覺焦點從標符轉移後,造成文字密度過高、視覺負擔較大的問題,也略微將字距加大。
當遇到多國語並存的情況時,這個作法會有助於提升視覺上的一致性與融合度。
標符是一套標記或註釋的代碼,如同樂譜的音符與記號的關係一樣,主要功能無非是幫助閱讀者理解文字、或有效率的消化內容,所以在「個性」上應保持冷靜,除非為了特定的目的,符碼在內文編排的呈現上不要有過度的表情或存在感,以免喧賓奪主。
有些字體會配套同款的標符設計,但有些字體則完全沒有,由電腦會自動選用的預設字體代替,往往產生設計風格迥異的不協調組合,需要另外選擇搭配。
標符雖然微小,但如果能在設計編排上謹慎處理,對最後的視覺呈現也會有很大的提升喲!
標符設計的細節多如牛毛,歡迎參閱《Circle》創刊號〈無聲的表情:標點與符號〉
延伸閱讀:
文字編排基礎篇:你應該要知道的10件事
circle兩週年講座,Fromdo2talk
Circlefacebook
Circle官網
Circle
請往下滑看更多精彩內容
相關標籤:
排版
平面設計
Circle
字體
追蹤我們
請往下滑看更多精彩內容
訂閱電子報
延伸文章資訊
- 1怎麼排都怪?標點符號的編排祕技大公開
怎麼排都怪?標點符號的編排祕技大公開. 標點符號與圖標,總是低調的伴隨著文字,我們很少注意到這些次要的存在。然而,標符也是字體設計的一部份,應為同一調性的配套 ...
- 2標點符號於直排時的位置差異· Issue #31 · w3c/clreq - GitHub
标点符号样式本来就完全是地区习惯不同的,和「简繁」问题无关。一切涉及标点样式的讨论都不应当用「简繁」来区分情况。 大陆竖排标点靠右上,不论简繁都 ...
- 3分享中文、日文直排排版專用標點符號 - 豆瓣
中文、日文的直排排版採用的標點符號跟橫排有所不同,逗號(,)、句號(。)、頓號(、)、分號(;)、冒號(:)、問號(?)、驚嘆號(!)等等無論橫排還是直排 ...
- 4上括號直式在PTT/Dcard完整相關資訊 - 你不知道的歷史故事
」 四、下引號之前不加標點符號:分享中文、日文直排排版專用標點符號- 豆瓣2014年6月27日· 中文 ...
- 5在Illustrator 中設定亞洲字元格式
例如,您可以設定「亞洲Open Type」字體屬性,使用直排內橫排、旁注、Mojisoroe、文字間距、換行、外懸中文標點符號、重複字元處理。