關鍵詞：海空藝術書屋、版式設計、創意設計、畫冊設計、排版設計、版式設計、封麵設計、平麵設計、設計公司（本文以英文排版來做實例解讀）瞭解如何使用排版層次結構對信息進行優先級排序。排版就像第二種語言 在… 【海平麵】排版層次結構：它是什麼以及如何使用它？ - 趣味新聞網

關鍵詞：海空藝術書屋、版式設計、創意設計、畫冊設計、排版設計、版式設計、封麵設計、平麵設計、設計公司

（本文以英文排版來做實例解讀）

瞭解如何使用排版層次結構對信息進行優先級排序。

排版就像第二種語言，在實際文字之外的更微妙的層麵上交流。實際的內容是你說什麼，但排版是你如何說的，這是給人留下的第一印象。

在受眾閱讀一個單詞或單擊菜單按鈕之前，排版就創造瞭一種體驗。排版不隻是講述一個故事，它創造瞭一種氛圍和情感反應，就像聲音的語氣一樣。如果網頁設計中所有的視覺元素都融入瞭用戶體驗，那麼排版當然會産生巨大的影響，尤其是在內容較多的網站上。拙劣或缺乏排版以及明顯的語法錯誤都會讓受眾反感。

在這篇文章中，將討論如何最大限度地使用排版。從探索排版層次結構的層次開始，然後深入到單個元素。

排版層次結構的級彆

排版層次結構是視覺層次結構中的一個子集。排版層次結構排列文字，以便重要的詞很容易讓正在瀏覽信息的受眾優先看到。

在網站上很容易看到哪些部分是最重要的

如果沒有這個層次結構，設計中的每個字母和單詞看起來都是一樣的。設計應該像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.紋理

不同的排版元素為頁麵添加紋理。

紋理是非常主觀的，是最難掌握的元素之一。這不是指字體本身的紋理，而是指通過頁麵上的排版圖案創建的紋理。每個文本塊都會産生自己的圖案，因此要創建紋理，請通過更改任何其他元素來打破圖案。謹慎使用，否則會分散注意力。

海空藝術書屋

本文由海空設計翻譯並編輯，如需轉載，請標明齣處，謝謝。