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