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

1、按信息的重要程度來

安排它們的層次等級(jí)

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

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

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

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

注解為第五級(jí)，字體為無襯線體，字號(hào)比正文更??；

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

頁腳為第七層級(jí)，字號(hào)和字體與注解一樣，但位置位于右下角，且排版方向?yàn)樨Q排。

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

2、層級(jí)區(qū)分要

盡量明顯

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

3、區(qū)分的手法

不要太單調(diào)

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