排版中的對比與對齊

大家好，本喵又跟大家見面啦！本期帶來一篇版式上面的文章，詳細介紹排版中的對比與對齊，希望對大家有所幫助。一起學習，共同提高！本文同樣是理論+案例的文章結(jié)構(gòu)。

01. 對比原則

在版式設(shè)計中對比其實就是差異化。若兩個元素有所不同，那就讓他們截然不同，不要拖泥帶水。

比如我用兩個圓表達大小對比，那么下圖則是拖泥帶水的反面教材。

因為此圖中的大小對比并不明顯，看不出要強調(diào)哪個圓形，主次不明，對比含糊不清。

對比上圖，此圖大小對比明顯，更能夠有效的傳遞出重要信息，所以要用對比的話，就讓元素差異化強烈一些。

對比的分類

對比的分類有很多種，比如：

除了這些還有字體類型的對比、距離對比、虛實對比、遠近對比等，可以說存在差異的地方就存在對比。而在版式設(shè)計上，我們要將這種對比最大化，以達到吸引眼球、方便閱讀的效果。

對比的作用

對比能簡化畫面，使版面主題更明確，更直觀。

運用對比能使視覺沖擊力更大，更抓人眼球。

對比使版面層級清晰，能夠突出重點，從而更有效的傳達信息。

對比的應(yīng)用

通常一個作品中不會只用一種對比，而是多種對比方式組合使用的。比如上面左圖用強烈的大小對比出標題與正文的層級，同時加入光影對比為主體打造立體感，更抓人眼球。右圖使用方向?qū)Ρ扰c位置對比使版面更活躍，更有視覺張力。

幾乎所有的作品都會用到對比原則，在設(shè)計中我們也要善用對比原則。

2. 對齊原則

對齊原則是讓版面中的元素有一種視覺上的聯(lián)系，以此來打造一種秩序感。

此版面中沒有運用對齊原則，各元素間沒有聯(lián)系，凌亂而沒有秩序感。

使用了對齊原則之后，整個版面規(guī)整又美觀，建立了一種秩序感而更利于閱讀。

對齊的分類

左對齊：版面中的元素以左為基準對齊。左對齊是最常見的對齊方式，簡潔大方，利于閱讀。

右對齊：版面中的元素以右為基準對齊。相對于左對齊來說不太常見，給人一種人為干預(yù)的感覺，閱讀比率慢一些。

居中對齊：版面中的元素以中線為基準對齊。居中對齊給人一種嚴肅與正式感。

兩端對齊：版面中的元素拉伸或縮放與同一元素兩端對齊。兩端對齊通常用于大段落文字編排中，利于閱讀。

頂對齊：與左對齊相似，版面中的元素以頂部為基準對齊。

底對齊：版面中的元素以底部為基準對齊。

軸線對齊：軸線對齊是以版面中心線為對齊基準，而不是元素的中線。

除了上圖的案例為軸線對齊外，下圖的這幾種也都是軸線對齊的形式。

軸線對齊能給人正式感，同時各個部分又富有變化，比較靈活。

對齊的作用

對齊的作用總結(jié)下來其實只有一點，就是能夠使版面統(tǒng)一簡潔更有條理，能夠引導視覺流向。

案例1

這是一個同學的名片作品，給人感覺凌亂、沒有秩序，信息傳達也不清晰。那么問題出在哪兒呢？

首先，綠點部分的文字大小差不多，缺乏對比，導致層級關(guān)系不分明。

其次對齊方式不統(tǒng)一，沒有秩序感。

那我們運用兩個原則修改后是什么樣子呢？

我們強調(diào)名片持有人的名字，將聯(lián)系方式等其余信息左對齊，LOGO與二維碼則置于右邊，是不是整潔規(guī)整了不少，信息的傳達性更強了。

同樣的，我們也可以將聯(lián)系方式與二維碼移到版面右邊，LOGO置于左下方，同樣很規(guī)整，簡潔美觀，利于傳播。

對齊與對比的組合會有多種變化，運用好了會使版面規(guī)整美觀不少。

接下來看一下修改前后的對比圖。

案例2

這是某同學的周練的海報作品，可以看到她對齊是統(tǒng)一的左對齊，沒有問題。但是畫面中卻缺乏對比，主次感不強。另外圖片選擇也不美觀。

同個主題下，另外一個同學的作品：

這個同學的作業(yè)突出了主標題，對比也非常明顯，其余的信息層級也有對比變化，視覺上比較豐富，統(tǒng)一的左對齊也非常有條理。

同樣的內(nèi)容與主題，對比與對齊原則應(yīng)用的好壞會直接影響版面的美觀性與易讀性。大多數(shù)情況下，對比與對齊是缺一不可的。

當然版式設(shè)計中有四大基礎(chǔ)原則，「對比」、「對齊」、「組合」、「重復(fù)」，一般情況下這四個基礎(chǔ)原則都是組合使用的。「對比」與「對齊」只是一部分，「組合」與「重復(fù)」我們以后再細說吧。