文字排版中的基礎知識

如今,

隨著媒介越來越多，

版面設計變的越來越復雜.

但只要掌握了文字排版中的基礎知識，就能快速解決各種版面的排版問題

讀懂字體性格

選擇字體不再迷茫.

東方文字，西方字母，阿拉伯數字是我們日常排版打交道最多的，由他們形成的上萬種字體帶給閱讀者多樣風格的同時，也對版面的設計增加了難度。其實這么多字體的背后是存在一定的共性與規則

首先,上萬種東方文字&西方字母的字體都由3種字體類型出發去設計的

?它代表著細節、裝飾、復古?

?

名稱叫法：東方——宋體，西方——襯線體

特征：筆畫的首尾有裝飾性的細節，筆畫粗細對比強烈，橫豎末端有小三角，點、撇、捺、鉤等筆畫有尖端

性格：具有復古、優雅、有文化感歷史感的視覺效果

具有年代感的報紙、雜志或品牌通常會選擇用這一風格的字體系列

由于每個字體裝飾性細節較多，如果做為正文字體去閱讀，在人眼掃讀的情況下，細節過多，反而會降低體驗感，但我們日常閱讀的書籍，特別是紙質，幾乎都是以宋體、襯線體為正文閱讀字體，這是為什么？就這個問題，我咨詢了一些優秀的字體設計師，歡迎大家思考后在評論區發表你的觀點，我們搜集完大家的見解在后期的文章中就這一話題進行探討

★ 西方襯線體推薦字體

Garamond——經典襯線體

Caslon——巴洛克風格基礎上改造 獨立宣言字體

Coueier——過去打字機打出來的字體

Trajan——古羅馬大寫字體 端正有氣勢，復古、有歷史厚重感 泰坦尼克號電影海報標題

Bodoni——現代主義風格最完美的體現、粗細對比強烈、優雅浪漫 常見于時尚雜志或書籍設計中， 田中一光的《設計的覺醒》封面所使用的字體

★ 東方宋體推薦字體

思源宋體

造字工房宋體系列

華康標題宋

漢儀瑞意宋體

方正風雅宋體

方正清科本悅宋體

?它代表著時尚、未來、簡約?

?

名稱叫法：東方——黑體，西方——無襯線體

特征：筆畫粗細統一、造型簡明、沒有裝飾性細節

性格：現代簡約、時尚高級、科技工業感

去除了裝飾的襯線，只有粗細統一的主干，簡約更能表達未來、時尚、科技

所以我們在很多科幻、數字時代主題的視覺中都能看到黑體&非襯線體的運用。很多科技公司的LOGO也更偏向于用這樣的字體

 

 

 

★ 西方非襯線體推薦字體

Futura——包豪斯風格字體

Helvetica——無襯線體的經典之作，無印良品LOGO的字體

DIN——標準網格中創造出來的字體，包豪斯設計學院墻面上的字體是FF DIN字體

Frutiger——很多導視系統都用這個字體

Adele——纖細飽滿

Arial——微軟御用字體，設計的目的是在電腦屏幕上不同分辨率下的可讀性，屬于萬能字體。不過比較普通，用在各種場合也不會容易出現違和感。和Helvetica字體很相似

★ 東方黑體推薦字體

思源柔黑

蘋方黑

冬青黑體

方正蘭亭黑

漢儀旗黑

站酷高端黑/酷黑

?它代表著自由、個性、定制?

?

名稱叫法：東方——書法體，西方——花體、手寫體

特征：筆畫粗細靈活變化，造型講究個性美學效果，整體風格獨特，造型跨度大

性格：文藝、個性化、活潑、浪漫、大氣、復古...

中國的書法、西方的手寫體，都可以稱為裝飾性字體，他們無法用于正文排版，造型變化靈活，閱讀起來比較困難

不同字體的風格特點明顯，很容易通過字體讓視覺定義成自己想要的風格

★ 西方手寫體推薦字體

Spencerian——斯賓塞體，可口可樂LOGO

Copperplate——銅板印刷體/銅板體

Gothic——哥特體

Italic——意大利體

★ 東方書法體推薦字體

漢儀尚巍手書

葉根友毛筆系列

方正字跡系列

禹衛書法行書

禹衛書法隸書

設置文字屬性

區分內容主次.

一篇文章有標題、副標題、正文、引言、提示性文字等文字功能分區，即是為了區分文章內容上的結構，也是為了通過視覺上的分層引導用戶，讓閱讀體驗感更佳，那么，我們可以通過文本的這些屬性來對視覺進行分層

?字號大小

在上圖中，我們可以看到5處文本類型，我們只用了3個不同的字號：

P=閱讀最舒適的字號，拿公眾號文章舉例，12號-14號是常用的正文字號，在word軟件中，12號可能與公眾號設置的12號看上去就不一樣大小了，所以不同的場景、設備、屏幕、軟件，后臺所設置的字號顯示出來的都不同，這里我們不去記錄絕對值，而是通過用戶視角去預覽、修改、測試

h1=主題/第一視角，標題在整個頁面中，一般是字號最大的那個，為了達到標題的作用，僅僅大于正文的字號是不夠的，大就需要大的明顯，最少1-2倍才能吸引用戶視線

h2=這里我設置的是輔助性信息，字號比正文還要小一點，但也要預覽測試一下，不能小到不能識別，對于有5處文本類型，我們設置了3個不同的字號就已經夠了，如果每個文本類型都用不同的字號，視覺分層過度也就等于沒有分層

?字重

?

字體設計師設計字體時，會為這個字型配套一個家族，它們長相差不多，通常只有粗細、斜體之分，我們又稱之為“字重”

通過調整字重來“強調”，大家可以看到上圖，我們不僅調整了標題的字重，在正文中一些需要強調的關鍵詞也調整了字重，更好的服務閱讀體驗

?顏色

?

這里說的顏色并不是指通過配色提升視覺風格，而是站在閱讀體驗的角度，設想一下，如今，數字版面區別于紙質書籍，數字版面上的信息種類更多，如果這些文本模塊都是統一的顏色，閱讀起來會很吃力

我們把文本通過深、中、淺、極淺去區分內容信息的權重，與之前調整的“字號”、“字重”做搭配，信息的閱讀分層會更有效

?對齊方式

我們通常將大段落/正文進行左對齊，依據人的閱讀習慣是從左往右從上到下，右對齊也僅僅是應用在短文本的一些輔助、裝飾性內容上。值得一提的是不論我們向哪個方向對齊，文本多列后，會出現參差不齊的視覺，這時候我們就需要對文本進行兩端對齊

閱讀的呼吸感

控制閱讀節奏.

?影響呼吸感的因素——行寬

一段文字的行寬過大，就跟讀沒有句號的文字一樣，局促并且很可能找不到閱讀的下一行

我們需要控制行寬在閱讀舒適的范圍內，像現在很大開本的書，都采用了小行寬，多段落的排版方式

?影響呼吸感的因素——字間距

?

字間距大，會讓每個文字鏗鏘有力，同時如果是大段落文字，會很難閱讀的下去

所以我們在很多大片電影的片頭中，會看到通過增加字間距來烘托“震撼”、“強調”的氛圍

?影響呼吸感的因素——行高

行間距與字間距是相輔相成的，如果字間距與行間距沒有明顯的區別，會造成橫排閱讀和豎排閱讀的視覺錯覺，行間距太小過于緊湊，行間距過大顯得版面太空，所以這個距離通常是字號高度的1.5倍-2倍，也就是說，空白的地方一般是半個字到一個字的距離

?影響呼吸感的因素——段落

?

一個版面可能出現很多文本類型，我們需要通過段落的間距去為他們進行分組，規劃好內容分區，用明顯的距離將他們分組，我們也可以通過一些裝飾線，背景的顏色去為這些文本類型分組，提升閱讀主次

這些基礎的排版知識，你都get了嗎？當你每寫完一篇文章或做好一個版面的時候，都可以把自己變成讀者的視角，用這些小知識驗證一下，相信你的作品會非常的精致有效！