網(wǎng)頁設(shè)計中的半透明運(yùn)用準(zhǔn)則
引導(dǎo)語：頁面的透明度是網(wǎng)頁設(shè)計的一個審美要點(diǎn)，以下是小編整理的網(wǎng)頁設(shè)計中的半透明運(yùn)用準(zhǔn)則，歡迎參考閱讀!
通過半透明來形成對比
選用半透明設(shè)計技巧的最大好處，是創(chuàng)造對比。這種效果可以讓設(shè)計師通過色塊、圖片上的大字體或多種顏色層次來創(chuàng)造視覺焦點(diǎn)
半透明也可以在背景圖不能很好展現(xiàn)上方文字時，將文字分離開來
使用半透明設(shè)計時尤其需要考慮對比。只有圖片（或背景）和文字都可讀時，半透明效果才是有意義的。當(dāng)你考慮使用半透明效果時，問問自己：這是否有助于用戶對圖文的理解？
避免遮擋圖片的重要部分
半透明效果不應(yīng)該遮擋其下方背景或圖片的重要部分。決定半透明層位置的時候，要清楚你“犧牲”了什么內(nèi)容
用不同的透明度
沒有完美的透明度值。
對于某些項目，80%透明度比較理想；對于其他的也許15%才是最佳選擇。對每個項目采用不同的透明度
不要覺得半透明就能讓文字更易讀
使用半透明色塊來襯托文字并不意味著文字會自動變得易讀。要考慮對比——半透明色塊與文字、背景圖與半透明色塊兩方面都要考慮
半透明效果用在圖片、色塊或文字上時，考慮文字的可讀性至關(guān)重要。切記，如果設(shè)計效果致使文字難以辨認(rèn)，你的信息將無從傳達(dá)
在細(xì)節(jié)處使用半透明效果
半透明并非只適用于網(wǎng)站的主體部分。這種效果在細(xì)節(jié)處也能大放異彩
可以考慮用半透明來展示導(dǎo)航工具欄，或者作為按鈕和可點(diǎn)擊元素的鼠標(biāo)懸停效果。多種透明度不要使用過度。選定一種元素和透明度樣式，然后使它貫穿整個網(wǎng)站的設(shè)計
不要在對比強(qiáng)烈的圖片上放置半透明元素
處于可讀性考慮，最好避免在已經(jīng)包含強(qiáng)烈對比的元素上使用半透明效果——比如黑白對比或色盤上的互補(bǔ)色
因為要在背景的各個部分都達(dá)到正確的效果很難，想在這類元素上使用半透明效果，除非強(qiáng)烈對比在你的設(shè)計中真的只起到負(fù)面作用。考慮用淺色塊代替吧
將半透明作為一種藝術(shù)手法
半透明不只是次要效果。可以考慮用這個效果為你的網(wǎng)站設(shè)計主畫面
大尺寸半透明創(chuàng)造的對比、強(qiáng)調(diào)和視覺吸引令人震撼
不要將半透明作為裝飾物使用
半透明效果并非為了打破設(shè)計中的單調(diào)。把這種效果作為裝飾物使用，注定會導(dǎo)致糟糕的設(shè)計
半透明效果的使用應(yīng)該事先考慮和規(guī)劃好。半透明不是加粗這類簡單效果，處理不當(dāng)看起來會很草率且不專業(yè)
在背景中使用半透明
不只是設(shè)計前景元素時可用半透明效果，它也能用在背景圖上。有些非常棒的半透明元素精細(xì)微妙
還有些半透明效果夾在圖像層之間。例如Tony Chester的網(wǎng)站，就用了絕妙的半透明分層技巧打造了一件多維度的設(shè)計
不要同時運(yùn)用過多半透明效果
在每個項目中有節(jié)制地使用不同類型的半透明效果。透明度要能制造反差對比，產(chǎn)生視覺吸引力。這樣使用過多的差異化效果，會分散用戶注意力
在輪播圖片上使用半透明元素
半透明的使用不限于單頁網(wǎng)站或靜止網(wǎng)站。它在變化的圖片和背景上也起作用。兩種方式都可以用上半透明效果
在輪播圖片上使用半透明，是該效果最棘手的用法之一。卻也最令人印象深刻。慎重考慮多張背景圖的情況。選用顏色和對比搭配相近的圖片，這樣只需一種半透明效果即可應(yīng)對后方移動變換的背景
格外注意半透明效果與每張圖的匹配程度，才能保證每張圖的整體性，并創(chuàng)作出易辨認(rèn)的照片或其他背景與文字，保持視覺統(tǒng)一
小結(jié)
嘗試半透明效果，是拓展設(shè)計技巧的一個絕妙方法。像很多其他效果一樣，要有節(jié)制地使用這個技巧，并且在多種環(huán)境下實驗這種設(shè)計，來確保它按你的意圖運(yùn)作和展現(xiàn)
半透明設(shè)計的最大挑戰(zhàn)，是在輪播圖片上使用時確保文字清晰可讀，和避免半透明元素錯誤地遮擋下方圖片
嘗試多種透明度和使用方式——用于圖片、背景、遮罩效果——來決定那種效果最適合某個項目
【網(wǎng)頁設(shè)計中的半透明運(yùn)用準(zhǔn)則】相關(guān)文章：
網(wǎng)頁設(shè)計中色彩的運(yùn)用12-18
網(wǎng)頁設(shè)計中的文字運(yùn)用12-07
網(wǎng)頁設(shè)計中色彩搭配的運(yùn)用03-12
網(wǎng)頁設(shè)計中插畫的運(yùn)用及風(fēng)格02-04
圓形在網(wǎng)頁設(shè)計中的運(yùn)用02-11
在網(wǎng)頁設(shè)計中運(yùn)用柔和色調(diào)10-30
網(wǎng)頁設(shè)計中flash動畫的特點(diǎn)與運(yùn)用02-06