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

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

作者:小道   编辑:道格字体&coeus

對齊、重複、對比、親密性這四大基本原則大家都很熟悉,但有一段時間,我對於“對齊”這項原則非常困惑:對齊是為了讓頁面上的元素看上去統一有聯繫,但通篇的對齊卻會帶來單調乏味和缺乏設計感,到底該怎麼控制呢?

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

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

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

居中對齊這一種不常用於長句以及長段落,因為它有一種聚焦的作用,如果很長一段文字都被聚焦了,就太惹人煩了。

但居中對齊常用於海報標題,甚至是整張海報上,你經常可以看到一溜兒對齊,很好看,但多數時候是缺乏創意的,因為你只是運用了對齊,而沒有考慮去打破文字塊,重新佈局整個畫面。

兩端對齊是最工整的對齊,如果一個畫面過於凌亂,就需要用兩端對齊來協調。兩端對齊因為段落固定寬度不變,每一行的字間距都不一樣。字間距的變化可能會導致空白溝的出現(字與字之間留白過大),易導致跳行,影響人們閱讀。

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

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

標準:層級關係

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

答案是先考慮層級關係。

區分出一級重要、二級重要、三級重要等的資訊後再把每個文字塊都當成一個幾何圖形去決定是否應該對齊。比如招貼海報設計中,就需要三個層級,即觀眾在遠距離一眼看到的醒目資訊層級,在走進的過程中看到的資訊層級,以及湊近後看到的豐富細節層級。

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

1、多維度

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


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

2、穿插和重疊

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

更重要的一點是,穿插的佈局方式能夠承載更多資訊。如果甲方給了一整頁的文案,這種方法簡直不要太棒。


3、延展

圖像可以延展到頁面之外,文字也一樣可以“沖”出頁面。在繪畫中,沖出畫面的物體,被用於增加畫面的空間感,這一準則對於平面設計也同樣適用。用被切掉了一點的文字來傳達一級重要或次重要的資訊,或者減淡顏色充當背景,都可以打破單調的對齊。


4、網格解構

其實這一種方法是上面三種方法的綜合運用。我們通常會用網格系統來設置畫面中每一層級資訊的位置。但解構網格故意將資訊比原有網格突出或縮進,或者直接將網格拆分,製造出層層疊疊,相互通透的效果。這種方法能夠更精準的預估最終結果。




本文为道格字体原创文章,转载请注明出处