版式設計|【海平面】排版層次結構：它是什么以及如何使用它？版式設計

關鍵詞：海空藝術書屋、版式設計、創意設計、畫冊設計、排版設計、版式設計、封面設計、平面設計、設計公司
（本文以英文排版來做實例解讀）
了解如何使用排版層次結構對信息進行優先級排序。

本文圖片

排版就像第二種語言，在實際文字之外的更微妙的層面上交流。實際的內容是你說什么，但排版是你如何說的，這是給人留下的第一印象。
在受眾閱讀一個單詞或單擊菜單按鈕之前，排版就創造了一種體驗。排版不只是講述一個故事，它創造了一種氛圍和情感反應，就像聲音的語氣一樣。如果網頁設計中所有的視覺元素都融入了用戶體驗，那么排版當然會產生巨大的影響，尤其是在內容較多的網站上。拙劣或缺乏排版以及明顯的語法錯誤都會讓受眾反感。
在這篇文章中，將討論如何最大限度地使用排版。從探索排版層次結構的層次開始，然后深入到單個元素。

本文圖片

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

本文圖片

在網站上很容易看到哪些部分是最重要的
如果沒有這個層次結構，設計中的每個字母和單詞看起來都是一樣的。設計應該像MS DOS命令提示符一樣具有視覺吸引力。作為一般規則，設計師Carrie Cousins建議字體至少支持三個層次結構。
試著把排版所用字體塑造成這些層次（級別）:
01.一級層次
頁面上最引人注目的文本，通常比其他文本層更大且顏色更亮。因為這個層級字體如此強大，所以應該是稀疏的——保留它只為標題和模板。
02.二級層次
二級層次與主要級別相比不太明顯，但比主要內容更引人注目，二級級別處理介于兩者之間的所有內容。此級別在大小和顏色上具有一些最小但獨特的元素，通常包括副標題、標題、引文、信息圖表或與主要內容分開的支持性文本塊。
03.三級層次
這是指最主要的內容，也是最常見的，也是最不引人注意的。它應該簡單而不浮華——其他層次的目標是吸引注意力，這一層的目標是鼓勵讀者沉浸在文本中，從而減少分心。
【版式設計|【海平面】排版層次結構：它是什么以及如何使用它？】04.其他級別
通過對三級層次稍加應用斜體、顏色、粗體、下劃線和其他效果，可以創建更小的層次結構。這些層次可能包括下劃線鏈接，用于在段落中強調的幾個粗體字等。出現在橫幅、徽標或其他背景圖形中的文本也屬于此類別。
視覺層次結構示例
為了說明正確使用排版層級的區別，讓看一下下面Jon Tangerine的示例。

本文圖片

這里的字體排版有三個不同的層次，可以在不解釋任何事物的情況下清楚地解釋每件作品的元素。讓我們看看第二項：
? 標題顯然是“We, Who Are Web Designers” ，但為什么這么明顯呢？文本更大（大小）、更粗（粗細），并設置在左上角觀眾視線首先看到的地方（位置）。
? 第二個層次是出版日期，它的大小和顏色與文本的其他部分不同，并且還用斜體來區分。

精品久久久久久久久水蜜桃|丁香花五月|新中文字幕麻豆视频|美女下面粉嫩粉嫩冒白浆高清|日本黄h兄妹h动漫一区二区三区|床片激情免费视频|羞羞动漫在线入口免费阅读

版式設計|【海平面】排版層次結構：它是什么以及如何使用它？