<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

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

          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

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

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

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合