什么是設(shè)計(jì)中的對(duì)比？

對(duì)比是設(shè)計(jì)中的一個(gè)重要設(shè)計(jì)原則，因?yàn)閷?duì)比能夠有效組織界面信息，并構(gòu)建設(shè)計(jì)層次，通過(guò)這樣來(lái)向用戶傳遞關(guān)鍵重要信息。

合理準(zhǔn)確的運(yùn)用對(duì)比原則可以有效的提高設(shè)計(jì)質(zhì)感，當(dāng)然如果過(guò)渡使用對(duì)比有時(shí)候也會(huì)適得其反，比如顏色對(duì)比過(guò)于強(qiáng)烈，反而影響了視覺(jué)閱讀。

#O1.顏色對(duì)比

色相環(huán)

如上圖，在色相環(huán)上，色相之間的角度大小就決定了對(duì)比的強(qiáng)烈程度，因此我們?cè)谶x擇色彩對(duì)比時(shí)候需要注意。

例如，下面這張?jiān)O(shè)計(jì)圖就是青綠色與紫色之間的對(duì)比，屬于色相對(duì)比

上圖配色色板中，分別應(yīng)用色相和明度之間的對(duì)比。

#O2.形狀對(duì)比

形狀對(duì)比一般是有規(guī)則和無(wú)規(guī)則形狀，比如上面的圓形和液態(tài)的有機(jī)圖形進(jìn)行組合，前者較為規(guī)整，后者往往彎曲且不對(duì)稱，二者搭配使用可形成良好的對(duì)比。

那么在UI設(shè)計(jì)中的形狀對(duì)比一般都是在棱角之間出現(xiàn)較多或者圖標(biāo)符號(hào)。

Google的Materials you Android 12設(shè)計(jì)語(yǔ)言的出現(xiàn)，將不同形狀容器的組合在設(shè)計(jì)中，演變出多種組件容器，這樣的思路，值得我們深入思考與學(xué)習(xí)，為什么我們之前就想不到這樣的思路？

形狀對(duì)比在產(chǎn)品設(shè)計(jì)中的應(yīng)用有更多無(wú)限可能，現(xiàn)在最難的還是大家的思維限制，希望以一種開放的心態(tài)去挑戰(zhàn)設(shè)計(jì)更多可能性。

#O3.大小對(duì)比

在UI設(shè)計(jì)中對(duì)比其實(shí)就是差異化，實(shí)現(xiàn)信息層次的一種方式。在使用大小對(duì)比時(shí)候，大的元素就需要更大，小的就讓它更小，不能拖泥帶水，不大不小。

當(dāng)遇到顏色相同的版式設(shè)計(jì)，可以通過(guò)大小來(lái)做層級(jí)區(qū)分。

上圖界面設(shè)計(jì)中，標(biāo)題文字最大，周邊運(yùn)用留白，使得信息層級(jí)區(qū)分更明顯。

定位圖標(biāo)最大化顯示在地圖中心區(qū)域，聚焦，引起用戶的關(guān)注和留意。

好了，今天文章差不多到這，我個(gè)人覺(jué)得圖形的對(duì)比用好后將是構(gòu)建競(jìng)爭(zhēng)力最有效的設(shè)計(jì)手段，突破同質(zhì)化壁壘，大家下去可以多去練練，找到設(shè)計(jì)的感覺(jué)。