UI設(shè)計講透排版中的層級關(guān)系

1、按信息的重要程度來

安排它們的層次等級

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

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

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

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

注解為第五級，字體為無襯線體，字號比正文更?。?/p>

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

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

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

2、層級區(qū)分要

盡量明顯

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

3、區(qū)分的手法

不要太單調(diào)

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