做爰三级在线播放_又大又粗又猛又舒服又爽_暖暖www免费高清视频最新期_午夜精品aaa国产福利

做設計這么多年,發現這個技巧真的很實用,但很多人都忽略了!

2022-1-17    seo達人


什么是設計中的對比?

圖片

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

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

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

 

#O1.顏色對比

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

色相環

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

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

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

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

 

#O2.形狀對比

圖片

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

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

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

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

全新Android12,全新設計語言,快來了解下安卓最新系統設計

形狀對比在產品設計中的應用有更多無限可能,現在最難的還是大家的思維限制,希望以一種開放的心態去挑戰設計更多可能性。

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

 

#O3.大小對比

圖片

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

圖片

當遇到顏色相同的版式設計,可以通過大小來做層級區分。

圖片

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

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

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

 

原文地址: 功夫UX(公眾號)
作者: 功夫UX
轉載請注明:學UI網》做設計這么多年,發現這個技巧真的很實用,但很多人都忽略了!

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

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

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

藍藍設計m.91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

日歷

鏈接

個人資料

藍藍設計的小編 http://m.91whvog3.cn

存檔