六月伊人,国产精品制服丝袜欧美,亚洲va在线∨a天堂va欧美va,精品亚洲一区二区三区在线观看国产老熟女色视频,国产熟女九色,国产又粗又大,久久人人网国产精品

排版中的對比與對齊

2022-6-25    純純

01. 對比原則

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

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



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



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



對比的分類


對比的分類有很多種,比如:


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



對比的作用


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


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


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



對比的應用


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



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



2. 對齊原則

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



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




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



對齊的分類


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



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



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



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



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



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



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


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



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


對齊的作用


對齊的作用總結(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)容與主題,對比與對齊原則應用的好壞會直接影響版面的美觀性與易讀性。大多數(shù)情況下,對比與對齊是缺一不可的。


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

作者:大貓404     來源:站酷
藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。

魏華的微信.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍藍設(shè)計www.wnxcall.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 
UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司


分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.wnxcall.com

存檔