你這設(shè)計好隨意?文案都沒有排版對齊?

對齊、重復(fù)、對比、親密性這四大基本原則大家都很熟悉,但有一段時間,我對于“對齊”這項(xiàng)原則非常困惑:對齊是為了讓頁面上的元素看上去統(tǒng)一有聯(lián)系,但通篇的對齊卻會帶來單調(diào)乏味和缺乏設(shè)計感,到底該怎么控制呢?

對齊、重復(fù)、對比、親密性這四大基本原則大家都很熟悉,但有一段時間,我對于“對齊”這項(xiàng)原則非常困惑:對齊是為了讓頁面上的元素看上去統(tǒng)一有聯(lián)系,但通篇的對齊卻會帶來單調(diào)乏味和缺乏設(shè)計感,到底該怎么控制呢?

對齊的理論有太多人講述,這篇文章我想聊聊,我們該在哪里“打破”對齊;不對齊與對齊應(yīng)該怎樣在畫面中配合。如果你有和我曾經(jīng)一樣的困惑,就來讀一讀吧。

居中對齊、兩端對齊、右(左)對齊

我們常說的對齊是指文字塊間的對齊,但文字塊內(nèi)的對其同樣值得注意。首先我們來看這一下這三種對齊方式。

居中對齊這一種不常用于長句以及長段落,因?yàn)樗幸环N聚焦的作用,如果很長一段文字都被聚焦了,就太惹人煩了。

但居中對齊常用于海報標(biāo)題,甚至是整張海報上,你經(jīng)??梢钥吹揭涣飪簩R,很好看,但多數(shù)時候是缺乏創(chuàng)意的,因?yàn)槟阒皇沁\(yùn)用了對齊,而沒有考慮去打破文字塊,重新布局整個畫面。

兩端對齊是最工整的對齊,如果一個畫面過于凌亂,就需要用兩端對齊來協(xié)調(diào)。兩端對齊因?yàn)槎温涔潭▽挾炔蛔?,每一行的字間距都不一樣。字間距的變化可能會導(dǎo)致空白溝的出現(xiàn)(字與字之間留白過大),易導(dǎo)致跳行,影響人們閱讀。

左(右)對齊是最常用的。它對齊的一端用于區(qū)分空間層級,不對齊的一端用于增加肌理。當(dāng)你把文字塊當(dāng)做一個圖形來看的時候,你會發(fā)現(xiàn)左(右)對齊一端不規(guī)則的邊緣會形成很自然的波浪狀,也就是說,不對齊的邊緣自動生成了變化的負(fù)空間。需注意,數(shù)字常用右對齊。

除了這三種對齊方式,有時文字塊還會隨著圖像輪廓對齊,形成更柔和的邊緣。但無論如何,這樣做的目的仍然是為了形成變化的負(fù)空間。

標(biāo)準(zhǔn):層級關(guān)系

怎樣綜合考慮哪幾個文字塊間需要對齊,哪幾個需要打破對齊呢?

答案是先考慮層級關(guān)系。

區(qū)分出一級重要、二級重要、三級重要等的信息后再把每個文字塊都當(dāng)成一個幾何圖形去決定是否應(yīng)該對齊。比如招貼海報設(shè)計中,就需要三個層級,即觀眾在遠(yuǎn)距離一眼看到的醒目信息層級,在走進(jìn)的過程中看到的信息層級,以及湊近后看到的豐富細(xì)節(jié)層級。

在我們劃分層級后,具體有哪些方法可以“打破”原有的對齊呢?

1、多維度

第一種辦法是豎排懸掛標(biāo)題,標(biāo)題不一定是要居中對齊,也可以如下圖中旋轉(zhuǎn)90度擺放。


我們再開一下腦洞,是不是每一個文字塊也都可以沿不同的維度旋轉(zhuǎn)呢?這樣畫面看起來就豐富多了。

2、穿插和重疊

圖片和文字塊、文字塊之間可以像ps中對兩個形狀進(jìn)行布爾運(yùn)算一樣相互遮擋(在布爾運(yùn)算中是合并形狀、減去頂層、排除重疊區(qū)域)。一個文字塊和另外幾個相互穿插,反而比隔開相同的距離能讓畫面聯(lián)系更緊密。

更重要的一點(diǎn)是,穿插的布局方式能夠承載更多信息。如果甲方給了一整頁的文案,這種方法簡直不要太棒。


3、延展

圖像可以延展到頁面之外,文字也一樣可以“沖”出頁面。在繪畫中,沖出畫面的物體,被用于增加畫面的空間感,這一準(zhǔn)則對于平面設(shè)計也同樣適用。用被切掉了一點(diǎn)的文字來傳達(dá)一級重要或次重要的信息,或者減淡顏色充當(dāng)背景,都可以打破單調(diào)的對齊。


4、網(wǎng)格解構(gòu)

其實(shí)這一種方法是上面三種方法的綜合運(yùn)用。我們通常會用網(wǎng)格系統(tǒng)來設(shè)置畫面中每一層級信息的位置。但解構(gòu)網(wǎng)格故意將信息比原有網(wǎng)格突出或縮進(jìn),或者直接將網(wǎng)格拆分,制造出層層疊疊,相互通透的效果。這種方法能夠更精準(zhǔn)的預(yù)估最終結(jié)果。



本文為字體天下原創(chuàng)文章,轉(zhuǎn)載請注明出處

上一篇

下一篇

推薦閱讀

熱門文章

推薦字庫