網(wǎng)頁設(shè)計(jì)中使用透明元素，即美觀又棘手。為什么這么說呢，當(dāng)你某個(gè)模塊的透明度沒有把握恰當(dāng)時(shí)，可能難免造成體驗(yàn)失調(diào)，字體信息不清晰，信息捕獲不明確，主次不分明，色調(diào)失調(diào)。所以一個(gè)透明度卻能造成這么多嚴(yán)重后果?當(dāng)然，細(xì)節(jié)成就美，但是我們只要主題運(yùn)用細(xì)節(jié)，相信能發(fā)揮透明元素的作用，讓你的網(wǎng)頁更加栩栩如生。由于國外網(wǎng)站原創(chuàng)性比較高，下面中國品牌設(shè)計(jì)的小編將采用國外的一些案例來做一些研究探討。

　　1、內(nèi)容模塊和網(wǎng)站框架的對(duì)比

　　運(yùn)用透明圖層，不透明度在80%左右，讓字體清晰可見，避免挫傷用戶體驗(yàn)。

　　2、半透明導(dǎo)航的跟蹤運(yùn)用

　　新浪微博，騰訊微博等等，都在頂部導(dǎo)航上做了半透明的處理，用于固定浮動(dòng)來跟蹤用戶頁面的瀏覽，方便用戶操作主導(dǎo)航。

　　3、使用較小的透明模塊來襯托網(wǎng)頁背景，有層級(jí)關(guān)系。

　　網(wǎng)站的封面有著至關(guān)重要的作用，因?yàn)橛脩粼?秒(營銷的用戶停留捕獲時(shí)間，有相應(yīng)的知識(shí))內(nèi)會(huì)做出對(duì)需求的反應(yīng)，因此讓你的頁面不再單調(diào)，使用合適的文字和透明模塊，進(jìn)一步突出重要信息，讓頁面層級(jí)分明。

　　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ì)成透明場(chǎng)景，適當(dāng)加上透明元素造成視差效果，學(xué)會(huì)創(chuàng)造網(wǎng)頁場(chǎng)景

　　生活中有很多有透明感的東西，玻璃，水，窗戶，電腦屏幕等等，都可以利用它們的透明感，來進(jìn)行場(chǎng)景化的設(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、鼠標(biāo)hover的友好交互透明體驗(yàn)

　　照片展示，導(dǎo)航等，都可以由設(shè)計(jì)者創(chuàng)造鼠標(biāo)hover的懸停體驗(yàn)效果，這樣利于信息主次的區(qū)分和捕捉

　　總結(jié):透明網(wǎng)頁的運(yùn)用，不僅僅只是在設(shè)計(jì)方式，表現(xiàn)方式上運(yùn)用，還可以用于交互性，3D,視差等效果的創(chuàng)意，可以運(yùn)用于現(xiàn)實(shí)生活，設(shè)計(jì)“抄現(xiàn)實(shí)”的頁面，透 明可以運(yùn)用于靜止，運(yùn)用于運(yùn)動(dòng)，甚至運(yùn)用于給人感官造成的不存在的地方，更多的，是我們多研究，多借鑒，欣賞更多的優(yōu)秀網(wǎng)頁，來尋找更適合自己的方式方法。