iOS 14和macOS Big Sur繼續發展一種視覺風格,設計精良的模糊在建立層次結構中起著巨大的作用。那麼如何設計出漂亮的模糊效果背景?下麵向你展示如何通過幾個步驟進行製作。
1.用中性色來提升
對於模糊的UI背景,使用白色或黑色,有時也可以考慮使用灰色色調。這些中性顏色是背景模糊層的最佳選擇。如果你使用鮮豔的色調,模糊看起來會很奇怪,可能不適合你的UI下麵的背景。
2.模糊使內容可讀
應用時髦的視覺風格不會讓我們犧牲可用性。如果你隻模糊一點背景值。卡片的內容會看起來不好。
可以嚐試使用有助於在背景和文本內容之間建立良好對比的值。比如:我經常使用16-24px的模糊效果,看起來效果還不錯。
3.調整不透明度以模糊
看起來不錯的模糊背景必須是半透明的。圖層的不透明度過多會使模糊效果不可見。太低的不透明度會使模糊的圖層與背景混合。對我來說,安全的選擇大約是30-60%。
4.不要使用過多的模糊
背景模糊需要平衡。它不僅與不透明度有關,而且還與模糊本身的價值有關。如果模糊圖層太多,則背景中漂亮的漸變效果將消失。
5.使用相同的設置提升圖層
這是我在項目中使用的技巧。為了在模糊和半透明的UI組件中構建可視層次結構,我對標題,部分或卡片使用了相同的樣式。
如果模糊的麵板或卡片具有分組的元素或條形,請嚐試使用相同的圖層樣式進行抬高。它給出了很好的結果。
6.在正確的背景下使用
應用良好的背景非常重要。當背景堅實時避免模糊。在圖像或漸變上使用它,因此可以為你的設計提供很好的深度感。
總結一下
這個簡單的教程向你展示了如何在設計中製作吸引人的模糊背景。如果你有自己的設計思路,歡迎大家留意互動!
來源:小阿田的設計筆記(公眾號)
作者:UXMisfit
譯者:Tzw_n
上一篇 2021年UI/UX設計趨勢前瞻
下一篇 如何做好分類導航設計?
相關文章
多種教程 總有一個適合自己專業問題谘詢
你擔心的問題,火星幫你解答本文介紹火星3D模型師的培訓內容,包括火星地形建模、紋理映射、3D打印等技術,以及火星時代教育的傳授方法。
找尋最好的角色遊戲原畫培訓機構,火星時代教育是不二之選,專業培訓團隊,資深行業導師,打造你的遊戲原畫夢想。”/> <meta name=
脫穎而出的模型設計培訓機構評估,詳細分析火星時代教育在優質教學、多元化課程設計以及專業師資方麵的超越
零基礎华体会hth体育app在线登录 模型培訓 - 如何啟動您的华体会hth体育app在线登录 之旅
零基礎也能學習华体会hth体育app在线登录 。本文將介紹火星時代教育提供的零基礎华体会hth体育app在线登录 模型培訓課程以及如何通過它開始你的华体会hth体育app在线登录 之旅。
火星時代教育的零基礎3D-Max培訓課程為您全方位解析3D-Max設計軟件的使用技巧和操作方法,幫助您無壓力掌握3D-Max並充分提升設計實力
本文詳細解析什麼樣的影視模型培訓中心是優質的,同時強調火星時代教育對於雕塑未來影視模型界英才的重要作用。
1. 打開微信掃一掃,掃描左側二維碼
2. 添加老師微信,馬上領取免費課程資源
同學您好!