使用半透明元素來設計網頁很美觀也很需要技巧。半透明效果是指色塊、文字或圖片被“稀釋”或者沖淡,使得顏色減淡,并且透出后方內容
執行到位的話,這種效果會非常震撼,能劃出一塊絕佳的文字展示區域,或者作為吸引注意力至圖像某部分的手段
但是使用半透明時,設計師必須小心謹慎。這種效果很難處理得當,因為事關可讀性。透明度使用錯誤的半透明塊和文字也,會能散注意力,并且破壞整體設計效果
接下來看一套行為準則,附帶一些半透明效果在網站上的優秀執行案例
通過半透明來形成對比
選用半透明設計技巧的最大好處,是創造對比。這種效果可以讓設計師通過色塊、圖片上的大字體或多種顏色層次來創造視覺焦點
半透明也可以在背景圖不能很好展現上方文字時,將文字分離開來
使用半透明設計時尤其需要考慮對比。只有圖片(或背景)和文字都可讀時,半透明效果才是有意義的。當你考慮使用半透明效果時,問問自己:這是否有助于用戶對圖文的理解?
避免遮擋圖片的重要部分
半透明效果不應該遮擋其下方背景或圖片的重要部分。決定半透明層位置的時候,要清楚你“犧牲”了什么內容
用不同的透明度
沒有完美的透明度值。對于某些項目,80%透明度比較理想;對于其他的也許15%才是最佳選擇。對每個項目采用不同的透明度
不要覺得半透明就能讓文字更易讀
使用半透明色塊來襯托文字并不意味著文字會自動變得易讀。要考慮對比——半透明色塊與文字、背景圖與半透明色塊兩方面都要考慮
半透明效果用在圖片、色塊或文字上時,考慮文字的可讀性至關重要。切記,如果設計效果致使文字難以辨認,你的信息將無從傳達
在細節處使用半透明效果
評論(0人參與,0條評論)
發布評論
最新評論