半通明,望文生義就是看得到頁面的布景,也能很簡略區(qū)別通明模塊上的主要內(nèi)容,運(yùn)用半通明元素來規(guī)劃網(wǎng)頁很漂亮也很需求技巧。半通明作用是指色塊、文字或圖片被“稀釋”或許減弱,使得色彩減淡,而且透出后方內(nèi)容。履行到位的話,這種作用會十分震懾,能劃出一塊絕佳的文字展現(xiàn)區(qū)域,或許作為吸引留意力至圖畫某部分的方法?墒沁\(yùn)用半通明時(shí),規(guī)劃師有必要小心謹(jǐn)慎。這種作用很難處理妥當(dāng),由于事關(guān)可讀性。通明度運(yùn)用錯(cuò)誤的半通明塊和文字也,會能散留意力,而且損壞全體規(guī)劃作用。
下面來介紹幾種半通明的運(yùn)用方法。
經(jīng)過半通明來構(gòu)成比照
選用半通明規(guī)劃技巧的最大優(yōu)點(diǎn),是發(fā)明比照。這種作用能夠讓規(guī)劃師經(jīng)過色塊、圖片上的大字體或多種色彩層次來發(fā)明視覺焦點(diǎn)
半通明也能夠在布景圖不能很好展現(xiàn)上方文字時(shí),將文字別離開來
運(yùn)用半通明規(guī)劃時(shí)特別需求考慮比照。只有圖片(或布景)和文字都可讀時(shí),半通明作用才是有意義的。當(dāng)你考慮運(yùn)用半通明作用時(shí),問問自己:這是否有助于用戶對圖文的了解?
防止遮擋圖片的重要部分
半通明作用不應(yīng)該遮擋其下方布景或圖片的重要部分。決定半通明層方位的時(shí)分,要清楚你“獻(xiàn)身”了什么內(nèi)容
用不同的通明度
沒有完美的通明度值。關(guān)于某些項(xiàng)目,80%通明度比較理想;關(guān)于其他的也許15%才是最佳挑選。對每個(gè)項(xiàng)目選用不同的通明度
不要覺得半通明就能讓文字更易讀
運(yùn)用半通明色塊來烘托文字并不意味著文字會主動變得易讀。要考慮比照——半通明色塊與文字、布景圖與半通明色塊兩方面都要考慮
半通明作用用在圖片、色塊或文字上時(shí),考慮文字的可讀性至關(guān)重要。牢記,如果規(guī)劃作用致使文字難以辨認(rèn),你的信息將無從傳達(dá)
在細(xì)節(jié)處運(yùn)用半通明作用
半通明并非只適用于網(wǎng)站的主體部分。這種作用在細(xì)節(jié)處也能大放異彩
能夠考慮用半通明來展現(xiàn)導(dǎo)航工具欄,或許作為按鈕和可點(diǎn)擊元素的鼠標(biāo)懸停作用。多種通明度不要運(yùn)用過度。選定一種元素和通明度樣式,然后使它貫穿整個(gè)網(wǎng)站的規(guī)劃
不要在比照激烈的圖片上放置半通明元素
處于可讀性考慮,最好防止在現(xiàn)已包括激烈比照的元素上運(yùn)用半通明作用——比方是非比照或色盤上的互補(bǔ)色
由于要在布景的各個(gè)部分都到達(dá)正確的作用很難,想在這類元素上運(yùn)用半通明作用,除非激烈比照在你的規(guī)劃中真的只起到負(fù)面作用。考慮用淡色塊代替吧
將半通明作為一種藝術(shù)方法
半通明不只是非必須作用。能夠考慮用這個(gè)作用為你的網(wǎng)站規(guī)劃主畫面
大尺度半通明發(fā)明的比照、強(qiáng)諧和視覺吸引令人震懾
不要將半通明作為裝飾物運(yùn)用
半通明作用并非為了打破規(guī)劃中的單調(diào)。把這種作用作為裝飾物運(yùn)用,注定會導(dǎo)致糟糕的規(guī)劃
半通明作用的運(yùn)用應(yīng)該事先考慮和規(guī)劃好。半通明不是加粗這類簡略作用,處理不當(dāng)看起來會很草率且不專業(yè)
在布景中運(yùn)用半通明
不只是規(guī)劃前景元素時(shí)可用半通明作用,它也能用在布景圖上。有些十分棒的半通明元素精細(xì)微妙
還有些半通明作用夾在圖畫層之間。例如Tony
Chester的網(wǎng)站,就用了絕妙的半通明分層技巧打造了一件多維度的規(guī)劃
不要一起運(yùn)用過多半通明作用
在每個(gè)項(xiàng)目中有控制地運(yùn)用不同類型的半通明作用。通明度要能制作反差比照,發(fā)生視覺吸引力。這樣運(yùn)用過多的差異化作用,會渙散用戶留意力
在輪播圖片上運(yùn)用半通明元素
半通明的運(yùn)用不限于單頁網(wǎng)站或停止網(wǎng)站。它在改變的圖片和布景上也起作用。兩種方法都能夠用上半通明作用
在輪播圖片上運(yùn)用半通明,是該作用最棘手的用法之一。卻也最令人形象深入。慎重考慮多張布景圖的狀況。選用色彩和比照搭配附近的圖片,這樣只需一種半通明作用即可應(yīng)對后方移動改換的布景
格外留意半通明作用與每張圖的匹配程度,才干確保每張圖的全體性,并創(chuàng)作出易辨認(rèn)的相片或其他布景與文字,堅(jiān)持視覺一致