因?yàn)橥ǔR粋€版面中的元素和信息是多樣的,例如在一個畫冊版面中可能會有:圖片、標(biāo)題、小標(biāo)題、正文、注解、頁眉、頁腳等等。而且這些信息會有重要和次重要之分的,如果在排版上毫無層級關(guān)系,如下圖:
那么這個版面在視覺上就會顯得非常平,缺少變化和設(shè)計感,所以也不會好看。更重要的是,由于沒有層次、缺乏視覺引導(dǎo),受眾感受不到畫面中的主次關(guān)系,所以會大大降低閱讀和信息傳播的效率。
而上圖經(jīng)過重新排版后,把各個不同類別的信息都刻意做了視覺上的調(diào)整和加工,版面具有了比較強(qiáng)的層次感,所以在美觀性和閱讀性方面都大大提升了,這就是版式設(shè)計為什么要有層級關(guān)系的原因。
01. 按信息的重要程度來 安排它們的層次等級
有層級就會有主次,而視覺上誰是主誰是次呢?這就得與信息的重要程度相呼應(yīng),我們要使最重要的信息最為突出,次要的信息次要突出,而不重要的信息則要弱化處理。
上圖的文字排版就有著鮮明的層級關(guān)系,標(biāo)題最為重要,使用大寫的Didot字體,且關(guān)鍵單詞“ART”和“FASHION”字號最大,為第一層級;非關(guān)鍵單詞“THE”和“OF”用了比較小的字號,為第二層級;
引文為第三層級,使用小寫和普通襯線體,字號比標(biāo)題中的非關(guān)鍵字小一點(diǎn),且使用水平傾斜效果,以區(qū)隔其他信息;
正文為第四層級,字體與引文相同,但字號要小一點(diǎn);注解為第五級,字體為無襯線體,字號比正文更小;
頁碼為第六層級,雖然字號比正文和注解要大一點(diǎn),但是由于位置在左下角,且整體的面積較小,所以并不突出;
頁腳為第七層級,字號和字體與注解一樣,但位置位于右下角,且排版方向?yàn)樨Q排。
所以在使用一些修飾技巧時,我們要知道哪些技巧可以最大程度上突出信息,哪些次之,哪些可以將其弱化,具體有哪些技巧,蔥爺后面會做總結(jié)和分析。
02.層級區(qū)分要
盡量明顯
比如字號大小區(qū)分,如果標(biāo)題文字比正文的字號只大兩三號,那么雖然標(biāo)題在理論上要更突出一些,但是效果會很不明顯,所以我們可以大膽地把標(biāo)題拉大一些。
▲上圖除了圖片很突出以外,各文字信息類別視覺表現(xiàn)上區(qū)分不明顯,層次不豐富。▲調(diào)整后不僅把不同信息的字號做了比較大的區(qū)隔,而且還做了顏色、字體、粗細(xì)等方面的變化,使不同信息在視覺上拉得更開,所以,信息的層級關(guān)系變得鮮明、豐富了很多。
03.區(qū)分的手法
不要太單調(diào)
想要畫面更吸引人,用于區(qū)分信息層級的修飾手法也要盡量豐富一點(diǎn),在廣告設(shè)計或促銷海報設(shè)計中,這一點(diǎn)尤為重要。有些人設(shè)計的版面層級豐富,很有層次感,但是整體看起來有點(diǎn)單調(diào),不精彩,很可能是因?yàn)樗麄兪褂玫男揎検址ㄌ佟⑻珕握{(diào)了,比如下圖各類信息只有大小、字體(其實(shí)字體相差也不大)、筆畫粗細(xì)、色彩的區(qū)別,所以整體效果不是很出彩。
而在方案2中,我把部分文字的排版方向也做了變更,且加入色塊以突出某些信息,并把“fashion”的字體改為手寫體,使其與版面中的其他字體明顯的區(qū)隔開來。
修改完以后,用于區(qū)分層級關(guān)系的手法更多了,所以整個個畫面給人的感覺也比修改前要更豐富、更有設(shè)計感、更有細(xì)節(jié)。
01.位置區(qū)分