他的龙根本太大了_动漫美女被吸乳视频漫画_欧美xxxx性疯狂bbbb_天天看天天爽天天摸天天添

做設(shè)計這么多年,發(fā)現(xiàn)這個技巧真的很實用,但很多人都忽略了!

2022-1-17    seo達人


什么是設(shè)計中的對比?

圖片

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

合理準確的運用對比原則可以有效的提高設(shè)計質(zhì)感,當(dāng)然如果過渡使用對比有時候也會適得其反,比如顏色對比過于強烈,反而影響了視覺閱讀。

圖片
有了對比原則,我們在組織信息排版、質(zhì)感塑造等都能快速有效的進行設(shè)計,下面我們來看看在UI設(shè)計中如何應(yīng)用顏色和形狀對比原則

 

#O1.顏色對比

圖片
色彩對比中,應(yīng)用較多的就是色相對比、冷暖對比、明度對比等。兩種以上色彩組合后,由于色相差別而形成的色彩對比效果稱為色相對比。它是色彩對比的一個根本方面,其對比強弱程度取決于色相之間在色相環(huán)上的距離(角度),距離(角度)越小對比越弱,反之則對比越強。
圖片

色相環(huán)

如上圖,在色相環(huán)上,色相之間的角度大小就決定了對比的強烈程度,因此我們在選擇色彩對比時候需要注意。

例如,下面這張設(shè)計圖就是青綠色與紫色之間的對比,屬于色相對比

圖片
下面紅色和黑色組合,形成強烈的對比。
圖片
當(dāng)然在色彩對比中除了色相對比,還有明暗對比
圖片

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

 

#O2.形狀對比

圖片

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

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

圖片
如上圖幾何形狀,它在UI設(shè)計中一般都是容器形式存在。形狀用好了也可以打破傳統(tǒng)的固有的規(guī)整設(shè)計思路,從而在眾多產(chǎn)品中形成競爭。
圖片
比如這樣的形狀應(yīng)用,和現(xiàn)有市面上規(guī)整的圖形設(shè)計形成明顯的差異點。
圖片
色彩的包裝也可以使用不同形狀來定義,差異化中圖形設(shè)計的趣味性。
圖片

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

全新Android12,全新設(shè)計語言,快來了解下安卓最新系統(tǒng)設(shè)計

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

圖片
界面中圓形和方形的形狀容器混合設(shè)計。

 

#O3.大小對比

圖片

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

圖片

當(dāng)遇到顏色相同的版式設(shè)計,可以通過大小來做層級區(qū)分。

圖片

上圖界面設(shè)計中,標題文字最大,周邊運用留白,使得信息層級區(qū)分更明顯。

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

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

 

原文地址: 功夫UX(公眾號)
作者: 功夫UX
轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》做設(shè)計這么多年,發(fā)現(xiàn)這個技巧真的很實用,但很多人都忽略了!

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

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍藍設(shè)計ssll180.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 平面設(shè)計服務(wù)

日歷

鏈接

個人資料

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

存檔