在持續數年的扁平、材料、極簡設計風格中，漸變效果的使用愈發增多。在很多界面設計中，設計師正在使用漸變效果加強視覺吸引力，創作更多多用户能參與並值得瀏覽的作品。如果您對漸變效果在 WooCommerce 獨立站網頁設計中的運用持保留態度，也許您應該考慮改變您的立場。下文列出 10 項在網頁界面中使用漸變效果的觀點。
1. 創造更有吸引力的背景
漸變效果能創造視覺吸引力來引導瀏覽者觀看界面。注意力會在一個顏色區域上停留，而色彩色調、亮度之間的變化有助於引導視覺焦點在屏幕上的移動。漸變效果可以是一個非常有用和吸引多用户的設計工具，併為許多種類的專案巧妙地增加亮點。雖然有很多使用漸變的設計方法，但最流行的方法之一是將漸變作為背景，將包含影像、文字和其他元素的主體放置在漸變背景上層。下例中巧妙使用這種方式。用柔和的漸變顏色為眼睛提供了一個居中的舒適區域，並將要突出的標題、產品等內容放置在從屏幕的左上角到右下角的 45°焦點區域。漸變貫穿整個頁面，並將 logo，下載按鈕，發現更多放置在頁面頂部底部的深色區域，這樣不僅能突出這些內容元件，而且讓瀏覽者在大面積的色彩中有了邊界，不至於迷失反向。
http://media.swatch.com/skin/
2. 標題漸變效果，創造出視覺焦點
就像漸變效果可以應用在背景圖片一樣。漸變效果同樣可以用於前景主體元素，比如文字標題。漸變顏色是一種非常通用的設計手段，所以它被廣泛應用在 WooCommerce 獨立站網頁設計中。在單調的背景上，對前景主體元素使用漸變顏色進而突出主體，極大地吸引視覺注意力。 WordPress 外貿獨立站網站建設中漸變顏色選擇必須是有針對性的，這樣就可以最大地保持畫面的對比度和可讀性。
3. 使用漸變疊加的圖片
帶有顏色疊加的圖片的設計已經流行了一段時間了，因此從單色疊加轉換到漸變色疊加，沒啥可驚奇的。對大圖而言這種效果是非常好的選擇，例如關鍵的頭部能夠幫助多用户把焦點放在重要的設計元素上，也能留出一塊空間用於輸入文字，或者進行行為引導，使之更加具備可讀性。把漸變色疊加在圖片上，這種方法使影像和顏色之間達到了某種平衡。色彩能夠跟圖片的含義相匹配嗎？您能一直非常清楚地瞭解並且理解圖片所表達的故事？ 為了保留圖片的完整性和全部信息，這些漸變元素需要以一種十分巧妙的方式結合起來。
http://www.comment.fr/