6個小技巧幫你設計模糊效果背景

您需要登錄才可以下載或查看，沒有帳號？立即加入SketchUp吧！

x

iOS 14和macOS Big Sur繼續發展一種視覺風格，設計精良的模糊在建立層次結構中起著巨大的作用。這就是設計師制作漂亮的模糊效果的原因。下面就來分享6個小技巧幫你設計模糊效果背景。

1.用中性色來提升

對于模糊的UI背景，使用白色或黑色，有時也可以考慮使用灰色色調。這些中性顏色是背景模糊層的最佳選擇。如果你使用鮮艷的色調，模糊看起來會很奇怪，可能不適合你的UI下面的背景。

2.模糊使內容可讀

應用時髦的視覺風格不會讓我們犧牲可用性。如果你只模糊一點背景值。卡片的內容會看起來不好。

可以嘗試使用有助于在背景和文本內容之間建立良好對比的值。比如：我經常使用16-24px的模糊效果，看起來效果還不錯。

3.調整不透明度以模糊

看起來不錯的模糊背景必須是半透明的。圖層的不透明度過多會使模糊效果不可見。太低的不透明度會使模糊的圖層與背景混合。對我來說，安全的選擇大約是30-60％。

4.不要使用過多的模糊

背景模糊需要平衡。它不僅與不透明度有關，而且還與模糊本身的價值有關。如果模糊圖層太多，則背景中漂亮的漸變效果將消失。

5.使用相同的設置提升圖層

這是我在項目中使用的技巧。為了在模糊和半透明的UI設計組件中構建可視層次結構，我對標題，部分或卡片使用了相同的樣式。

如果模糊的面板或卡片具有分組的元素或條形，請嘗試使用相同的圖層樣式進行抬高。它給出了很好的結果。

6.在正確的背景下使用

應用良好的背景非常重要。當背景堅實時避免模糊。在圖像或漸變上使用它，因此可以為你的設計提供很好的深度感。

總結一下

這個簡單的教程向你展示了如何在設計中制作吸引人的模糊背景。如果你有自己的設計思路，歡迎大家留意互動！

精彩評論