淺談網(wǎng)頁設(shè)計(jì)中半透明的運(yùn)用法則發(fā)布者：本站     時(shí)間：2021-12-23 11:12:51

使用半透明元素來設(shè)計(jì)網(wǎng)頁很美觀也很需要技巧。半透明效果是指色塊、文字或圖片被“稀釋”或者沖淡，使得顏色減淡，并且透出后方內(nèi)容。

執(zhí)行到位的話，這種效果會非常震撼，能劃出一塊絕佳的文字展示區(qū)域，或者作為吸引注意力至圖像某部分的手段。

但是使用半透明時(shí)，設(shè)計(jì)師必須小心謹(jǐn)慎。這種效果很難處理得當(dāng)，因?yàn)槭玛P(guān)可讀性。透明度使用錯(cuò)誤的半透明塊和文字也，會能散注意力，并且破壞整體設(shè)計(jì)效果。

接下來看一套行為準(zhǔn)則，附帶一些半透明效果在網(wǎng)站上的優(yōu)秀執(zhí)行案例。

通過半透明來形成對比

淺談<a href=/photoshop/web/ target=_blank class=infotextkey>網(wǎng)頁設(shè)計(jì)</a>中半透明的運(yùn)用法則,PS教程,

淺談網(wǎng)頁設(shè)計(jì)中半透明的運(yùn)用法則,PS教程,

淺談網(wǎng)頁設(shè)計(jì)中半透明的運(yùn)用法則,PS教程,

選用半透明設(shè)計(jì)技巧的最大好處，是創(chuàng)造對比。這種效果可以讓設(shè)計(jì)師通過色塊、圖片上的大字體或多種顏色層次來創(chuàng)造視覺焦點(diǎn)。

半透明也可以在背景圖不能很好展現(xiàn)上方文字時(shí)，將文字分離開來。

使用半透明設(shè)計(jì)時(shí)尤其需要考慮對比。只有圖片(或背景)和文字都可讀時(shí)，半透明效果才是有意義的。當(dāng)你考慮使用半透明效果時(shí)，問問自己：這是否有助于用戶對圖文的理解?

避免遮擋圖片的重要部分

半透明效果不應(yīng)該遮擋其下方背景或圖片的重要部分。決定半透明層位置的時(shí)候，要清楚你“犧牲”了什么內(nèi)容。

用不同的透明度

淺談網(wǎng)頁設(shè)計(jì)中半透明的運(yùn)用法則,PS教程,

淺談網(wǎng)頁設(shè)計(jì)中半透明的運(yùn)用法則,PS教程,

淺談網(wǎng)頁設(shè)計(jì)中半透明的運(yùn)用法則,PS教程,

淺談網(wǎng)頁設(shè)計(jì)中半透明的運(yùn)用法則,PS教程,

沒有完美的透明度值。對于某些項(xiàng)目，80%透明度比較理想;對于其他的也許15%才是最佳選擇。對每個(gè)項(xiàng)目采用不同的透明度。

不要覺得半透明就能讓文字更易讀

使用半透明色塊來襯托文字并不意味著文字會自動變得易讀。要考慮對比——半透明色塊與文字、背景圖與半透明色塊兩方面都要考慮。

半透明效果用在圖片、色塊或文字上時(shí)，考慮文字的可讀性至關(guān)重要。切記，如果設(shè)計(jì)效果致使文字難以辨認(rèn)，你的信息將無從傳達(dá)。