顏色幾乎是任何設計的重要組成部分。無論您是明亮,大膽的色調的還是簡約的黑白色,如何使用顏色可以對整體設計有很大的影響。使用顏色進行宣告是一種方法,包含顏色疊加的使用。這意味著您使用半透明的彩色框來覆蓋圖片或視頻。這種效果可以增加影像的意義,引起注意,並幫助您做大部分有限的藝術選擇。今天,我們將看看顏色疊加法如何實現精美的 WooCommerce 獨立站網頁設計?
1 、嘗試漸變
您想使用顏色疊加層時,它們也會建立一個非常好的(醒目的)選項。
關於漸變的好處是您可以使用幾種顏色 – 在這裏介紹您的品牌 – 或者使用單一顏色來建立焦點。明亮的配對可以幫助吸引多用户進入設計,給影像一些火花。
這是一個很容易複製的概念:選擇照片、使用品牌顏色建立漸變。
純色覆蓋層可以像梯度圖案一樣醒目,但通常具有更多與顏色選擇相關聯的不同意義。例如,考慮一個棕褐色疊加。它立即激起了舊時代和歷史的感覺。
同樣可以説選擇時尚的顏色選擇。通過使用與平面或材料設計相關的明亮,飽和的顏色之一,您可以喚起現代主義或高階時裝的感覺。
當使用單一顏色作為覆蓋時,請考慮顏色的飽和度和透明度。這些元素也可以新增意義。更重的顏色組合 – 更少的透明度和更多的飽和度 – 更多的關注顏色本身。更輕,更細微的組合更加專注於形象。
2 、考慮黑暗或光
您不必總是使用顏色本身來建立疊加層。有時它可以是黑色,白色或灰色。使用這些色調可以真正改變專案的心情。正如您可能期望的,更深的覆蓋層創造一個情緒環境。
上面使用白色覆蓋,以幫助將焦點放在黑白照片上的屏幕上的字。但請注意攝影師臉上的表情:他在微笑。顏色和照片是邀請,讓您想與攝影師互動。
3 、選擇高對比度影像
當在設計專案中規劃影像疊加時,照片(或視頻)的組成是重要的。一個平淡的影像將留給您一個平淡的顏色疊加結果。如果您開始使用具有大量對比度的照片,影像中的暗和亮空間,您將獲得最佳效果。
如果您的圖片沒有足夠的對比度,請考慮在照片編輯軟件中新增對比度或選擇其他圖片。否則,影像效果可能會下降。
有另一個竅門,實現這種效果是從一張黑白照片開始。特別是對於初學者,可以更容易地看到和增強黑白影像中的對比度。
4 、嘗試疊加
雖然前面的例子顯示了對大影像使用顏色疊加的方法,但這並不是充分利用這種技術的唯一方法。
上面的兩個例子顯示了有效地實現這些的不同方式。
上圖中使用明亮的綠色導航欄與透明度。它進一步突出了它之上的實線。該效果有助於在整個設計中保持品牌的調色盤,同時展示各種其他顏色的專案。效果很簡單,有助於頁面看起來比如果導航是在一個純色內,並將向下的頁面和通過設計一點柔軟。
下方圖使用顏色疊加層作為懸停效果,以便更多地瞭解網站上的特定專案。獲取紅色疊加層的任何元素也是可點選元素。這個設計值得注意的是,顏色疊加層為多用户提供了一個視覺提示,告訴他們想要知道什麼,並提供整個內容鏈接的路徑。
是不會始終工作的技術之一。大多數設計師發現,使用顏色疊加層只能用在一個或兩個專案中,過多不宜。與任何設計技術一樣,確保在適當的上下文中應用它。您不應該使用顏色覆蓋,只是因為您受到另一個專案的啓發; 儲存想法,並將其用於正確的設計。如果您有更多關於 WordPress 網站設計/開發、印刷服務、品牌設計、營銷推廣、 WordPress APP/WordPress 微信開發、資料業務等相關需求,請登入跨飛獨立站 WooCommerce 官網諮詢。