亚洲AV免费看深爱成人|日韩av另类一级特黄片在线|中国免费一级黄片|国产av一二三区|亚洲有码AV在线|久久亚洲国产日韩欧美|成人免费AV网站|婷婷一区综合一区|亚洲AV无码导航|高级欧美成人网站

UI設計中甲方想要的層次感是什么？讓我們一起探索透疊手法

發(fā)布時間：2024-06-27 13:26:54 瀏覽量：264次

透疊的分類

1、透明透疊

第一張圖片案例中的圖片的背景明度反差過大，無論是將文字反白還是填黑都沒有辦法改善這個版面中文字的識別性。那么在這種情況下應該怎么解決這個問題呢？我們可以在文字層與背景圖片之間添加一個帶有色彩的半透明層，這樣不僅減弱了背景圖片的反差程度，同時也解決了文字的識別問題。

隨著透明度的強度不同，版面所呈現(xiàn)出的效果也會隨之不同，具體應該設置多少透明度，這取決于文字的識別度是否處于舒適的狀態(tài)。對于以圖片為主的版面，在圖片之上疊加30%的中性灰，并結(jié)合適當?shù)膱D層混合模式一般能夠解決大部分的反白文字無法識別的問題；而對于以文字為主的版面，在文字與圖片之間加入低反差的透明層，能夠在豐富版面效果的同時，也保證了版面的簡潔與文字的高識別度。

2、模糊透疊

第一張圖是以圖片為主的版面，因為背景中高亮的黃色與白色文字過于接近，所以通過在背景層與文字層之間添加半透明層來解決文字識別度的例子，那么除了降低透明度之外，我們還可以對中間層添加哪些變化呢？將其處理成彌散的毛玻璃效果是一種不錯的方法。

實現(xiàn)這種毛玻璃的效果其實非常簡單，那就是在文字層與背景層之間建立模糊層，采用軟件中的高斯模糊命令就可以輕松實現(xiàn)它。不過因為圖片經(jīng)過高度的模糊后，通常畫面會微微泛白，所以我們還需要在模糊層之上進行色彩與明度的微調(diào)。不同的模糊程度也會帶來不一樣的視覺效果。

在攝影中，我們經(jīng)常能夠看到這種局部模糊的照片，它是相機的景深效果。這種模擬人眼對焦后所看到的景象，會將聚焦的位置保持清晰，而其余的背景則變得模糊，并產(chǎn)生一種非常自然的空間感。

我們可以利用這種視覺效果來創(chuàng)建帶有景深的版面，在背景層之上添加模糊與色彩調(diào)整層，并在這一基礎之上添加畫面的焦點元素。它可以是圖形／圖像，也可以是文字或兩者的組合。其最終目的都是在模糊層之上添加一層清晰的主體元素，視線會自然而然的停留在版面中的清晰元素之上。

3、局部透疊

局部透明的手法也可以單獨運用，我們調(diào)整中間透明層的屬性，將其修改為從完全不透明到完全透明的漸變樣式，這樣一來，圖片中重要的部分會更加清晰的呈現(xiàn)出來，而不會因為加入透明層而變得不明顯。不重要的部分則會被色塊完全覆蓋，更方便文字的添加與編排。

這種漸隱式的透明層，對于特殊尺寸的延展也非常有效。需要呈現(xiàn)的部分完全透明，而需要被遮擋的部分完全不透明，透明與不透明之間產(chǎn)生了漸變式的過渡效果。

優(yōu)勢與優(yōu)點

想要學習更多UI設計技巧，了解最新行業(yè)動態(tài)嗎？快來火星時代教育，我們提供游戲設計培訓、動畫培訓、AI音樂創(chuàng)作培訓等課程，點擊點擊咨詢即可獲取更多信息。

本次課程分享了透疊手法的分層概念、四種透疊表現(xiàn)形式以及設計方法，希望對您有所啟發(fā)，感謝您的支持！

關(guān)注火星時代教育官微：火星時代教育總部（hxsdjy）

熱門課程推薦

熱門資訊

請綁定手機號

獲取驗證碼
x

同學您好！

您已成功報名0元試學活動，老師會在第一時間與您取得聯(lián)系，請保持電話暢通！
確定