網(wǎng)頁設(shè)計(jì)中的透明效果，有人把它比作萬金油一般，能夠修補(bǔ)網(wǎng)頁某個(gè)部位帶來的不足。但在小編看來，網(wǎng)頁設(shè)計(jì)中透明效果的運(yùn)用既美觀又棘手。當(dāng)然，只要正確的把握了透明效果使用的度，才能真正的發(fā)揮透明元素的作用，讓你的頁面栩栩如生。下面我們一起來探討一下透明效果的正確使用及其給網(wǎng)頁帶來哪些作用。
1、內(nèi)容模塊和網(wǎng)站框架的對比
運(yùn)用透明圖層，不透明度在80%左右，讓字體清晰可見，避免挫傷用戶體驗(yàn)。
2、半透明導(dǎo)航的跟蹤運(yùn)用
新浪微博，騰訊微博等等，都在頂部導(dǎo)航上做了半透明的處理，用于固定浮動(dòng)來跟蹤用戶頁面的瀏覽，方便用戶操作主導(dǎo)航。
3、使用較小的透明模塊來襯托網(wǎng)頁背景，有層級關(guān)系。
網(wǎng)站的封面有著至關(guān)重要的作用，因?yàn)橛脩粼?秒(營銷的用戶停留捕獲時(shí)間，有相應(yīng)的知識)內(nèi)會(huì)做出對需求的反應(yīng)，因此讓你的頁面不再單調(diào)，使用合適的文字和透明模塊，進(jìn)一步突出重要信息，讓頁面層級分明。
4、采用透明為藝術(shù)方式進(jìn)行頁面設(shè)計(jì)
如何保證網(wǎng)站信息的可讀性?透明區(qū)和不透明區(qū)的空間比例，是信息展現(xiàn)的重要規(guī)劃。將透明作為一種藝術(shù)表現(xiàn)，是值得借鑒的方式。
5、網(wǎng)頁元素(例如圖標(biāo)、背景圖片、產(chǎn)品圖片)千萬要避免設(shè)置透明
透明的設(shè)計(jì)，應(yīng)該在一個(gè)交互影響的范疇內(nèi)設(shè)計(jì)，避免使用透明圖標(biāo)，透明產(chǎn)品圖片等細(xì)節(jié)元素去做透明，這樣將大幅度降低用戶的信息可讀性，您可以運(yùn)用圖片倒影，圖標(biāo)陰影等手段進(jìn)行“美化設(shè)計(jì)”。
6、將背景設(shè)計(jì)成透明場景，適當(dāng)加上透明元素造成視差效果，學(xué)會(huì)創(chuàng)造網(wǎng)頁場景
生活中有很多有透明感的東西，玻璃，水，窗戶，電腦屏幕等等，都可以利用它們的透明感，來進(jìn)行場景化的設(shè)計(jì)。這里設(shè)計(jì)者故意營造視差效果，造成一種3D錯(cuò)覺，可以讓網(wǎng)站更加富有質(zhì)感和活潑氣息
7、頁面中靜止或者有運(yùn)動(dòng)嫌疑的圖片，可以適當(dāng)采用透明度設(shè)計(jì)，可以以此增加網(wǎng)站的交互性
比如活動(dòng)的炫麗圖標(biāo)，活動(dòng)的可以旋轉(zhuǎn)，緩動(dòng)的圖片導(dǎo)航菜單等等，讓整個(gè)網(wǎng)站跳出傳統(tǒng)布局，產(chǎn)生新穎感
8、使亂七八糟的banner 圖邊的流暢。如今扁平化為主劉的網(wǎng)頁設(shè)計(jì)，使用大圖作為banner是十分普遍的。若你用一些插花或一些比較有質(zhì)感的圖被騙作為背景時(shí)，文字家上去，會(huì)把整個(gè)畫面弄得亂七八糟。而且使文字不易被用戶閱讀，這時(shí)最佳的解決方案是疊加一張透明效果。
還有、、、、
突出文字主題不管是海報(bào)還是網(wǎng)站，文字都占著主導(dǎo)性的作用，當(dāng)背景顏色鮮明、圖片空間結(jié)構(gòu)明顯、不容易找到文字的擺放位置時(shí)，不妨試試透明效果，做到完美的效果；
集中用戶的注意力
透明效果的運(yùn)用可以把次要的隱藏起來，設(shè)計(jì)特定的一塊區(qū)域，吸引用戶的眼球。
透明效果提升網(wǎng)站的藝術(shù)水準(zhǔn)，提高網(wǎng)站界面的整體質(zhì)感
透明效果的使用可以強(qiáng)化品牌的推廣
透明效果是一種很討巧的藝術(shù)效果，學(xué)會(huì)使用透明效果，會(huì)給你的網(wǎng)頁設(shè)計(jì)帶來不一樣的效果。但凡事請把握其一個(gè)度。