關鍵詞：海空藝術書屋、版式設計、創意設計、畫冊設計、排版設計、版式設計、封面設計、平面設計、設計公司
（本文以英文排版來做執行個體解讀）
了解如何使用排版層次結構對資訊進行優先級排序。
排版就像第二種語言，在實際文字之外的更微妙的層面上交流。實際的内容是你說什麼，但排版是你如何說的，這是給人留下的第一印象。
在閱聽人閱讀一個單詞或單擊菜單按鈕之前，排版就創造了一種體驗。排版不隻是講述一個故事，它創造了一種氛圍和情感反應，就像聲音的語氣一樣。如果網頁設計中所有的視覺元素都融入了使用者體驗，那麼排版當然會産生巨大的影響，尤其是在内容較多的網站上。拙劣或缺乏排版以及明顯的文法錯誤都會讓閱聽人反感。
在這篇文章中，将讨論如何最大限度地使用排版。從探索排版層次結構的層次開始，然後深入到單個元素。
排版層次結構的級别
排版層次結構是視覺層次結構中的一個子集。排版層次結構排列文字，以便重要的詞很容易讓正在浏覽資訊的閱聽人優先看到。
在網站上很容易看到哪些部分是最重要的
如果沒有這個層次結構，設計中的每個字母和單詞看起來都是一樣的。設計應該像MS DOS指令提示符一樣具有視覺吸引力。作為一般規則，設計師Carrie Cousins建議字型至少支援三個層次結構。
試着把排版所用字型塑造成這些層次（級别）:
01.一級層次
頁面上最引人注目的文本，通常比其他文本層更大且顔色更亮。因為這個層級字型如此強大，是以應該是稀疏的——保留它隻為标題和模闆。
02.二級層次
二級層次與主要級别相比不太明顯，但比主要内容更引人注目，二級級别處理介于兩者之間的所有内容。此級别在大小和顔色上具有一些最小但獨特的元素，通常包括副标題、标題、引文、資訊圖表或與主要内容分開的支援性文本塊。
03.三級層次
這是指最主要的内容，也是最常見的，也是最不引人注意的。它應該簡單而不浮華——其他層次的目标是吸引注意力，這一層的目标是鼓勵讀者沉浸在文本中，進而減少分心。
04.其他級别
通過對三級層次稍加應用斜體、顔色、粗體、下劃線和其他效果，可以建立更小的層次結構。這些層次可能包括下劃線連結，用于在段落中強調的幾個粗體字等。出現在橫幅、徽标或其他背景圖形中的文本也屬于此類别。
視覺層次結構示例
為了說明正确使用排版層級的差別，讓看一下下面Jon Tangerine的示例。
這裡的字型排版有三個不同的層次，可以在不解釋任何事物的情況下清楚地解釋每件作品的元素。讓我們看看第二項：
标題顯然是“We, Who Are Web Designers”，但為什麼這麼明顯呢？文本更大（大小）、更粗（粗細），并設定在左上角觀衆視線首先看到的地方（位置）。
第二個層次是出版日期，它的大小和顔色與文本的其他部分不同，并且還用斜體來區分。
第三個層次，文章預覽，沒有任何功能。與其他層次相比，它可能看起來平淡無奇，但這是為了讓讀者在欣賞實際内容時不會分心。
排版中的層次結構元素
你對哪一部分感興趣?
與其他設計領域一樣，排版遵循其自身的結構層次。了解排版層次就像了解如何使用排版，特别是了解如何讓某些文本優先于其他文本。
通過操作下面的字段，你将更好地控制排版，進而更好地引導閱聽人的視線。
01.大小
排版層次結構的基本機關。不同大小的文字吸引不同程度的注意力。
02.粗細
粗體？還是細體？
文本的粗細體，可通過粗體來實作受關注。雖然比大小更微妙，但它仍然是使文本脫穎而出的直接方法。加粗對于增加三級字型特别有效。
03.斜體
斜體字比粗體字更容易引起注意。因為這是一個微妙的觸感，是以這适用于第三種層次。
04.大寫
就像用大寫寫的電子郵件，看起來像你在大喊大叫一樣，這同樣适用于網頁排版。在使用大寫字母時一定要小心，因為它們會顯得格外大，而且會突然出現在前景中。
05.顔色
現在我們來看看複雜的因素。暖色(紅色、橙色、黃色)往往比冷色(藍色、紫色)更能吸引注意力，特别是當暖色文本與冷色背景設定在一起時。色彩對比也很重要，因為飽和或明亮的顔色比柔和的顔色更突出。
06.對比
任何這些因素之間的對比——尺寸、重量或顔色——都會引起注意。對比标題和正文的字型有助于建立層次結構。
07.空間
空白可以使文本顯得更大（是以更具可讀性）。空間不足會使文本感覺更局促和更小。每個空間都會影響層次結構，從簡單的字距調整到單詞與螢幕邊緣之間的關系。
08.位置
如果距離較遠，“Read on ”的影響力就會小
接近可以是一種快速而簡單的傳達意義的方式。
09.方向
混合單詞和字母的排版方向，以增強影響力。
将字母和單詞橫向、對角或倒置會增加視覺吸引力。這種效果為使用者創造了令人驚訝的視覺效果。這對于在主要文本中強調短詞/短語特别有效。傾斜、旋轉到垂直和其他方法會立即将使用者集中在受影響的文本上。
10.紋理
不同的排版元素為頁面添加紋理。
紋理是非常主觀的，是最難掌握的元素之一。這不是指字型本身的紋理，而是指通過頁面上的排版圖案建立的紋理。每個文本塊都會産生自己的圖案，是以要建立紋理，請通過更改任何其他元素來打破圖案。謹慎使用，否則會分散注意力。
海空藝術書屋
本文由海空設計翻譯并編輯，如需轉載，請标明出處，謝謝。