2022-6-25 純純
在版式設計中對比其實就是差異化。若兩個元素有所不同，那就讓他們截然不同，不要拖泥帶水。
比如我用兩個圓表達大小對比，那么下圖則是拖泥帶水的反面教材。
因為此圖中的大小對比并不明顯，看不出要強調哪個圓形，主次不明，對比含糊不清。
對比上圖，此圖大小對比明顯，更能夠有效的傳遞出重要信息，所以要用對比的話，就讓元素差異化強烈一些。
對比的分類有很多種，比如：
除了這些還有字體類型的對比、距離對比、虛實對比、遠近對比等，可以說存在差異的地方就存在對比。而在版式設計上，我們要將這種對比最大化，以達到吸引眼球、方便閱讀的效果。
對比能簡化畫面，使版面主題更明確，更直觀。
運用對比能使視覺沖擊力更大，更抓人眼球。
對比使版面層級清晰，能夠突出重點，從而更有效的傳達信息。
通常一個作品中不會只用一種對比，而是多種對比方式組合使用的。比如上面左圖用強烈的大小對比出標題與正文的層級，同時加入光影對比為主體打造立體感，更抓人眼球。右圖使用方向對比與位置對比使版面更活躍，更有視覺張力。
幾乎所有的作品都會用到對比原則，在設計中我們也要善用對比原則。
對齊原則是讓版面中的元素有一種視覺上的聯(lián)系，以此來打造一種秩序感。
此版面中沒有運用對齊原則，各元素間沒有聯(lián)系，凌亂而沒有秩序感。
使用了對齊原則之后，整個版面規(guī)整又美觀，建立了一種秩序感而更利于閱讀。
左對齊：版面中的元素以左為基準對齊。左對齊是最常見的對齊方式，簡潔大方，利于閱讀。
右對齊：版面中的元素以右為基準對齊。相對于左對齊來說不太常見，給人一種人為干預的感覺，閱讀比率慢一些。
居中對齊：版面中的元素以中線為基準對齊。居中對齊給人一種嚴肅與正式感。
兩端對齊：版面中的元素拉伸或縮放與同一元素兩端對齊。兩端對齊通常用于大段落文字編排中，利于閱讀。
頂對齊：與左對齊相似，版面中的元素以頂部為基準對齊。
底對齊：版面中的元素以底部為基準對齊。
軸線對齊：軸線對齊是以版面中心線為對齊基準，而不是元素的中線。
除了上圖的案例為軸線對齊外，下圖的這幾種也都是軸線對齊的形式。
軸線對齊能給人正式感，同時各個部分又富有變化，比較靈活。
對齊的作用總結下來其實只有一點，就是能夠使版面統(tǒng)一簡潔更有條理，能夠引導視覺流向。
這是一個同學的名片作品，給人感覺凌亂、沒有秩序，信息傳達也不清晰。那么問題出在哪兒呢？
首先，綠點部分的文字大小差不多，缺乏對比，導致層級關系不分明。
其次對齊方式不統(tǒng)一，沒有秩序感。
那我們運用兩個原則修改后是什么樣子呢？
我們強調名片持有人的名字，將聯(lián)系方式等其余信息左對齊，LOGO與二維碼則置于右邊，是不是整潔規(guī)整了不少，信息的傳達性更強了。
同樣的，我們也可以將聯(lián)系方式與二維碼移到版面右邊，LOGO置于左下方，同樣很規(guī)整，簡潔美觀，利于傳播。
對齊與對比的組合會有多種變化，運用好了會使版面規(guī)整美觀不少。
接下來看一下修改前后的對比圖。
這是某同學的周練的海報作品，可以看到她對齊是統(tǒng)一的左對齊，沒有問題。但是畫面中卻缺乏對比，主次感不強。另外圖片選擇也不美觀。
同個主題下，另外一個同學的作品：
這個同學的作業(yè)突出了主標題，對比也非常明顯，其余的信息層級也有對比變化，視覺上比較豐富，統(tǒng)一的左對齊也非常有條理。
同樣的內容與主題，對比與對齊原則應用的好壞會直接影響版面的美觀性與易讀性。大多數(shù)情況下，對比與對齊是缺一不可的。
當然版式設計中有四大基礎原則，「對比」、「對齊」、「組合」、「重復」，一般情況下這四個基礎原則都是組合使用的。「對比」與「對齊」只是一部分，「組合」與「重復」我們以后再細說吧。
作者：大貓404 來源：站酷
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優(yōu)秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯(lián)系。
