技術(shù)資訊

網(wǎng)頁(yè)設(shè)計(jì)中如何使用透明效果

2014-11-27 09:15:06

在現(xiàn)如今的網(wǎng)頁(yè)設(shè)計(jì)中使用透明效果的網(wǎng)頁(yè)，可是說(shuō)是件既美觀又有點(diǎn)風(fēng)險(xiǎn)的事情。網(wǎng)頁(yè)透明效果的使用是把色塊、文本、圖像、變薄、降低飽和度，都有很大的講究，使用顏色變淺透明，會(huì)使下個(gè)圖層的內(nèi)容就能夠穿透顯示出來(lái)。這種方式如果使用好的話，效果就會(huì)顯示的特別棒，也能突顯出文本或者在圖像的特定區(qū)域形成個(gè)焦點(diǎn)。但是設(shè)計(jì)師在運(yùn)用透明效果時(shí)要非常的小心，因?yàn)檫@樣做有可能會(huì)影響頁(yè)面的可讀性。如果框和文本的透明度不搭配，有可能就會(huì)影響到整個(gè)設(shè)計(jì)。

下面我們就一起學(xué)習(xí)如何運(yùn)用透明效果以及注意事項(xiàng)：

一、不要以為透明效果會(huì)增強(qiáng)文本可讀性

不要以為你用了透明框，文本就自然能讀了。要想想對(duì)比——不管是透明框之于文本還是背景圖片之于透明框架，一定要充分考慮到文字的可讀性。無(wú)論是處理透明圖片，色塊還是文本都要記住，如果視覺(jué)效果使字體很難辨認(rèn)，那你想要表達(dá)的信息將會(huì)無(wú)法傳達(dá)。

二、要層次分明地運(yùn)用透明效果

透明效果的設(shè)置并沒(méi)有完美的參數(shù)。有些情況下，80%比較理想，而有些的話15%最好。這個(gè)要具體情況具體分析。

三、不要遮蓋圖片的關(guān)鍵部分

透明效果不能遮蓋傳遞信息的背景或圖片。當(dāng)決定采用透明效果為框架時(shí)，要想想會(huì)不會(huì)少了什么。

四、小范圍的使用透明效果

不需大范圍的使用透明效果。小范圍的使用也能夠獲得很好的成效，比如可以用透明效果來(lái)做網(wǎng)頁(yè)導(dǎo)航或者按鈕的懸停效果等。別想著如何繁復(fù)地使用各種透明效果。選擇一種元素和透明樣式，并在網(wǎng)頁(yè)設(shè)計(jì)中貫穿始終。

總結(jié)

當(dāng)我們學(xué)會(huì)透明效果絕對(duì)也是你增長(zhǎng)設(shè)計(jì)經(jīng)驗(yàn)的快速捷徑。像運(yùn)用其他效果一樣，讓我們充分運(yùn)用這項(xiàng)技術(shù)，并且會(huì)在不同的情境下檢驗(yàn)，使其要達(dá)到預(yù)期的效果。想要完全的操控它，最大的挑戰(zhàn)就是在圖文并茂的情況下，先確保文本的可讀性，然后透明的部分才不會(huì)遮擋到下面的圖層。在圖片的處理時(shí)，創(chuàng)建背景時(shí)要特別注意懸停的效果，然后我們找準(zhǔn)位置，進(jìn)行對(duì)號(hào)入座，達(dá)到一個(gè)非常理想的效果。

上一篇：網(wǎng)站設(shè)計(jì)師應(yīng)該掌握的設(shè)計(jì)問(wèn)題

下一篇：網(wǎng)頁(yè)設(shè)計(jì)師最基本的原則