UI設計講透排版中的層級關系

1、按信息的重要程度來

安排它們的層次等級

有層級就會有主次，而視覺上誰是主誰是次呢？這就得與信息的重要程度相呼應，我們要使最重要的信息最為突出，次要的信息次要突出，而不重要的信息則要弱化處理。

上圖的文字排版就有著鮮明的層級關系，標題最為重要，使用大寫的Didot字體，且關鍵單詞“ART”和“FASHION”字號最 大，為第 一層級；非關鍵單詞“THE”和“OF”用了比較小的字號，為第二層級；

引文為第三層級，使用小寫和普通襯線體，字號比標題中的非關鍵字小一點，且使用水平傾斜效果，以區(qū)隔其他信息；

正文為第四層級，字體與引文相同，但字號要小一點；

注解為第五級，字體為無襯線體，字號比正文更??；

頁碼為第六層級，雖然字號比正文和注解要大一點，但是由于位置在左下角，且整體的面積較小，所以并不突出；

頁腳為第七層級，字號和字體與注解一樣，但位置位于右下角，且排版方向為豎排。

所以在使用一些修飾技巧時，我們要知道哪些技巧可以最 大程度上突出信息，哪些次之，哪些可以將其弱化，具體有哪些技巧，蔥爺后面會做總結(jié)和分析。

2、層級區(qū)分要

盡量明顯

比如字號大小區(qū)分，如果標題文字比正文的字號只大兩三號，那么雖然標題在理論上要更突出一些，但是效果會很不明顯，所以我們可以大膽地把標題拉大一些。

3、區(qū)分的手法

不要太單調(diào)

想要畫面更吸引人，用于區(qū)分信息層級的修飾手法也要盡量豐富一點，在廣告設計或促銷海報設計中，這一點尤為重要。有些人設計的版面層級豐富，很有層次感，但是整體看起來有點單調(diào)，不精彩，很可能是因為他們使用的修飾手法太少、太單調(diào)了，比如下圖各類信息只有大小、字體（其實字體相差也不大）、筆畫粗細、色彩的區(qū)別，所以整體效果不是很出彩。