不要在圖像上使用透明效果,形成強烈沖突
考慮到文本的可讀性,最好避免在已經具有強烈視覺沖突的圖片上使用透明效果——腦補一下黑、白以及色輪上的各種互補色。如果使用后的融合感對設計有減分作用,就盡量不要采用透明效果了。因為這樣很難使每個部分在背景中都能獲得理想的效果。這時可以思考如何把顏色搭配的更好。
把透明效果藝術化



透明效果不是次發效應。要運用透明效果設計出有主導性的圖像。大面積的透明效果是制造對比,強調和視覺興奮的有力設計。
別把透明效果當做裝飾
不能因為覺得設計乏味就在后期隨便添加一個透明效果。如果只是把透明效果當做裝飾來運用的話會顯得雞肋,應該提前計劃好如何應用。透明效果可不像字體加粗那樣簡單。如果用不好,就會顯得草率,不專業。
在背景中運用透明效果



透明效果不僅可以用在顯眼的設計元素中,也可以用在背景圖片上。一些很棒的透明效果都是很細微的,另一些透明設計則體現在圖層當中。比如Tony Chester的網站就很好的運用了透明效果的圖層技術,使設計看起來更有維度。
不要同時使用太多透明效果
最好限制使用透明效果的數量。因為透明效果能制造對比,強調和視覺興奮感。如果用得太多,會分散用戶的視覺注意力。
把透明效果運用到靜止和(或)動態圖片中



透明效果并不局限于單頁或靜態設計當中,也可用到多種圖片和背景中,抑或兩者皆可。在動態圖中運用透明很討巧,也能讓人印象更深刻。仔細篩選多個圖片背景,盡量選擇顏色相近,內容又有沖突的,這樣就能在變換圖片背景時使用同一種透明度了。仔細觀察透明效果如何作用于每張圖片,從而保證圖片透明度的完整一致性,使圖片,背景,文本變得可讀,形成視覺統一。
結語
學會運用透明效果絕對是你增長設計經驗的捷徑。像運用其他效果一樣,充分運用這項技術,并在不同的情境下檢驗,使其達到預期的效果。想要掌握它,最大的挑戰就是在圖文并茂的情況下確保文本的可讀性,并且透明的部分不會遮擋到下面的圖層。多去嘗試一些不同程度和形式的透明效果吧——在圖片處理時,在創建背景時以及在制造懸停效果的時候。然后再對號入座,選擇最佳的方案。
情非得已
21個Sketch實用高頻小技巧2019-02-15
25款值得收藏的優秀網站模板免費下載2015-09-16
20套高質量的免費網頁模版PSD素材2013-09-02
20款國外時尚大氣的按鈕開關PSD素材下載2013-07-31
CSS實例教程:十步學會用CSS建站2011-10-05
網頁設計師:淺淡網頁BANNER設計2010-09-27
網頁細節教程:WEB設計精確點滴2010-09-13
網頁設計中的點滴細節把握2010-09-01
總結交互組件創新的四種方式2010-06-28
最全的國外電子商務CSS模板下載2010-06-18
10種網頁設計中字體的運用方式
相關文章3472018-05-10
詳細解析網頁設計中微文本的使用技巧
相關文章1822017-08-09
詳細解析網頁設計中的漸變色使用技巧
相關文章4152016-11-15
帶你輕松打開SVG的大門之濾鏡實現
相關文章2882016-11-10
實例解析百萬級傳播HTML5的使用技巧
相關文章3612016-11-01
12個鮮為人知的HTML5設計小技巧
相關文章2312016-05-07
IOS APP UI設計之從效果圖到UI切圖
相關文章27322015-09-16
精選國外時尚的CSS Hover動畫網站欣賞
相關文章3062015-08-25
