網(wǎng)頁(yè)設(shè)計(jì)實(shí)戰(zhàn)：半透明元素設(shè)計(jì)網(wǎng)頁(yè)

2015-12-31    分類(lèi)： 網(wǎng)站建設(shè)

使用半透明元素來(lái)設(shè)計(jì)網(wǎng)頁(yè)很美觀也很需要技巧。半透明效果是指色塊、文字或圖片被“稀釋”或者沖淡，使得顏色減淡，并且透出后方內(nèi)容。執(zhí)行到位的話，這種效果會(huì)非常震撼，能劃出一塊好的文字展示區(qū)域，或者作為吸引注意力至圖像某部分的手段。

但是使用這種效果必須謹(jǐn)慎，因?yàn)檫@種效果很難處理得當(dāng)，有一些原則需要掌握：
* 只有圖片和文字都可以讀時(shí)，半透明效果才有意義，
* 在決定半透明位置的時(shí)候，你要知道遮擋了什么內(nèi)容，這些遮擋是否合理
* 透明度的使用錯(cuò)誤會(huì)影響到整體的設(shè)計(jì)效果和閱讀性，并且破壞整體設(shè)計(jì)效果。
* 出于可讀性考慮不要在對(duì)比強(qiáng)烈的圖片上放置半透明元素（比如黑白對(duì)比或互補(bǔ)色）
* 不要同時(shí)運(yùn)用過(guò)多半透明效果。

接下來(lái)看半透明元素如何運(yùn)用到網(wǎng)站制作當(dāng)中去，附帶一些半透明效果在網(wǎng)站設(shè)計(jì)上的優(yōu)秀執(zhí)行案例。

嘗試半透明效果，是拓展設(shè)計(jì)技巧的一個(gè)絕妙方法。像很多其他效果一樣，要有節(jié)制地使用這個(gè)技巧，并且在多種環(huán)境下實(shí)驗(yàn)這種設(shè)計(jì)，來(lái)確保它按你的意圖運(yùn)作和展現(xiàn)。 半透明設(shè)計(jì)的大挑戰(zhàn)，是在輪播圖片上使用時(shí)確保文字清晰可讀，和避免半透明元素錯(cuò)誤地遮擋下方圖片。嘗試多種透明度和使用方式——用于圖片、背景、遮罩效果——來(lái)決定那種效果最適合某個(gè)項(xiàng)目。


當(dāng)前文章：網(wǎng)頁(yè)設(shè)計(jì)實(shí)戰(zhàn)：半透明元素設(shè)計(jì)網(wǎng)頁(yè)
本文地址：http://www.muchs.cn/news37/34437.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、響應(yīng)式網(wǎng)站、移動(dòng)網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈、虛擬主機(jī)、企業(yè)建站

廣告

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

搜索引擎優(yōu)化