企業(yè)網(wǎng)頁設(shè)計(jì)中透明效果的使用技巧

2021-12-17    分類: 網(wǎng)站建設(shè)

在企業(yè)網(wǎng)頁設(shè)計(jì)中,設(shè)計(jì)師們經(jīng)常會使用透明效果,透明效果的使用是將色塊、文本或者圖像“變薄”或者降低飽和度,使其顏色變淺透明,這樣下個(gè)圖層的內(nèi)容就能穿透顯示出來。
如果透明效果運(yùn)用得當(dāng),能夠突出顯示文本或者在圖像的特定區(qū)域形成焦點(diǎn),但是設(shè)計(jì)者需要謹(jǐn)慎使用透明效果,畢竟透明效果的運(yùn)用可能會影響頁面的可讀性,甚至?xí)绊懙巾撁嬲w的設(shè)計(jì),在運(yùn)用透明效果時(shí),還需要注意一些使用技巧。
1、用透明效果來制造對比
使用透明效果大的優(yōu)點(diǎn)在于可以形成鮮明對比,設(shè)計(jì)者可以在圖像上打出一個(gè)色塊或者文本的焦點(diǎn),增添屏幕的色彩維度,透明效果的使用還能讓文本從不搶眼的背景下跳脫出來。
但是在運(yùn)用透明效果時(shí),一定要考慮對比度,需要確保圖像和文本都具備可視性,因此,在采用透明效果時(shí),要查看下透明效果的使用是否讓文本或圖像更容易理解。
在使用透明效果來制造對比時(shí),不可誤認(rèn)為透明效果會增強(qiáng)文本的可讀性,無論是利用透明效果處理圖片、色塊還是文本,如果視覺效果讓文本或字體很難辨認(rèn),這時(shí)頁面想要表達(dá)的信息就無法傳達(dá)。
2、盡可能避免在圖像上使用透明效果,形成強(qiáng)烈沖突
在考慮到頁面中文本的可讀性后,設(shè)計(jì)師最好不要在已經(jīng)具有強(qiáng)烈視覺沖突的圖片上使用透明效果,如果在使用透明效果后,對頁面設(shè)計(jì)產(chǎn)生負(fù)面影響,這時(shí)就盡量不要采用透明效果了,一旦在已經(jīng)具有強(qiáng)烈視覺沖突的圖片上疊加使用透明效果,就會很難讓圖片中的每個(gè)部分在背景中都能獲得理想的結(jié)果。
3、小范圍的使用透明效果
一般情況下,不需要大范圍的使用透明效果,在小范圍內(nèi)使用透明效果會獲得更好的成效,例如可以用透明效果來做網(wǎng)頁導(dǎo)航或者按鈕的懸停效果等,此外,不可同時(shí)使用太多透明效果,由于透明效果能夠制造對比、強(qiáng)調(diào)和視覺興奮感,一旦運(yùn)用太多,會在一定程度上分散用戶的視覺注意力。

網(wǎng)站名稱:企業(yè)網(wǎng)頁設(shè)計(jì)中透明效果的使用技巧
標(biāo)題路徑:http://www.muchs.cn/news33/140783.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供響應(yīng)式網(wǎng)站、面包屑導(dǎo)航自適應(yīng)網(wǎng)站、搜索引擎優(yōu)化、網(wǎng)站排名、網(wǎng)頁設(shè)計(jì)公司

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

手機(jī)網(wǎng)站建設(shè)