一、半透明效果在網(wǎng)頁模板中的應(yīng)用
半透明效果因效果震撼,有效集中用戶目光,有利于突出主要內(nèi)容,被廣泛應(yīng)用網(wǎng)頁模板設(shè)計中,一般在網(wǎng)站模板首頁中使用較多。如凡科建站的廣告網(wǎng)頁模板素材的banner:

半透明效果是指網(wǎng)頁中的元素淡化,例如文字、圖案等元素,模糊透出底層元素內(nèi)容,在淡化的元素上加上內(nèi)容(一般是文案內(nèi)容),淡化的元素起到劃分上下兩層內(nèi)容的效果,可以強調(diào)突出上層內(nèi)容,視覺層次分明,便于用戶對網(wǎng)站主要內(nèi)容一目了然。因此,半透明效果在網(wǎng)頁模板設(shè)計中很常用,可以提升網(wǎng)頁設(shè)計視覺效果。
二、半透明效果運用于的網(wǎng)頁設(shè)計要注意什么
1、明確要突出的主要內(nèi)容是什么
網(wǎng)頁模板設(shè)計使用半透明效果,要明確網(wǎng)站元素中,你的網(wǎng)站要突出什么,說明什么,主次表達要分明,用戶才容易理解。下圖是凡科建站的學(xué)校網(wǎng)頁模板,同樣在banner吐使用半透明效果,突出的主要內(nèi)容就是招生季。

網(wǎng)頁模板設(shè)計使用半透明效果,要注意半透明覆蓋的區(qū)域。半透明效果還具有補充說明的作用,一般用于補充說明圖案內(nèi)容,便于用戶理解,這就需要明確網(wǎng)站的重要內(nèi)容是哪些,避免半透明錯誤遮蓋網(wǎng)站主要內(nèi)容,內(nèi)容主次不分,信息傳達混亂的后果。
例如,下圖是來自凡科建站的服裝網(wǎng)頁模板設(shè)計,該圖采用全畫面的半透明效果,整幅圖的顏色基調(diào)以黑白為主,底層圖片隱約可見是三位打扮時尚的模特,服裝搭配緊跟潮流,以此為背景,更加襯托網(wǎng)站潮流對峙的主題,同時告訴用戶,我是一家做時尚女裝的網(wǎng)站。

2、合理使用半透明效果
半透明效果的使用是為了讓網(wǎng)站內(nèi)容更有說服力,也更加清晰,過于濫用透明效果,會造成內(nèi)容混亂、信息無法傳達的效果。設(shè)計網(wǎng)頁模板的時候,需要合理使用半透明效果。