如何在你的網頁設計中使用正確的顏色疊加  在網頁設計中，顏色幾乎是任何設計的重要組成部分。無論你是那些明亮，大膽色調的“忠粉”，還是喜歡更簡約的黑色和白色，你所使用的顏色可以對整體設計產生很大的影響。顏色疊加的作用之一在于，你可以在你的網頁設計中使用顏色進行強調聲明。這意味著你可以使用半帶有透明度的顏色塊來覆蓋圖片或視頻。這種效果可以增加圖像的意義，使其在整體的設計中引起更多的關注，并幫助你在大部分有限的藝術中做出選擇。

1.使用純色來設置你的“主調”

純色覆蓋層可以像梯度圖案一樣醒目，但通常，顏色的選擇具有更多不同意義的關聯性。例如，考慮一個棕褐色疊加，它能夠立即引起舊時代和歷史的感覺。同樣的原理可以用在使用那些流行趨勢色上面。通過使用與平面或材料設計相關的明亮，飽和的顏色，你可以喚起現代主義或時裝的感覺。當使用單一顏色作為顏色疊加的覆蓋層時，請一定要考慮顏色的飽和度和透明度。這些元素同樣可以添加不同意義。更重的顏色組（更少的透明度和更飽和度）比起它背后的圖像，更多的關注點在于顏色本身上。相反，更輕，更細微的顏色組合更加專注于圖像上。

2.考慮暗色或亮色 

你不必總是使用那些多彩的顏色本身來創建疊加層。有時它也可以是黑色，白色或灰色的。使用這些色調和主題可以真正改變你網站設計的整體“情緒”。正如你可能關聯想到的，顏色更深的覆蓋層可以創建一個更弄厚的情緒環境。亮色疊加與樂趣之間有一種獨特的相關聯。這里還有一個貢獻因素，當我們談及黑白之間搭配做產生感覺的時候，那就是圖像本身。 它是如何與色調或主題協同工作呢？圖像、顏色以及消息他們能和諧的在一起產生意想不到的作用嗎？在上面Call me Ish的網站設計中，正如你所看到的，整個網頁設計使用白色的覆蓋層，以幫助將焦點放在黑白照片上的單詞。但請注意攝影師臉上的表情：他笑得很開朗。顏色和照片組合使用形成一種無形的邀請，讓你更想與攝影師互動，甚至可能雇用他工作。 

3.嘗試使用漸變色 

漸變又逐漸成為流行趨勢之一。當你想使用顏色疊加層時，漸變會創造一個非常好的（醒目的）視覺效果。關于漸變的特別好處在于，你可以使用幾種不同的顏色來搭配工作（這點需要全面綜合的考慮你的品牌）或使用單一顏色創建焦點。明亮的配對可以幫助吸引用戶進入到你的網站設計中，給圖像制造一些閃光點。這個趨勢很大一部分可以追溯到Spotify網站，它起初開始使用漸變和雙色覆蓋來突出播放列表。顏色使用戶用于顯示的封面圖（音樂家的介紹圖）提供了新的活力。這是一個很容易復制的概念：· 選擇一張照片；· 使用你的品牌色創建一個顏色漸變；· 享受他給你的網頁設計以及你自己帶來的樂趣。

4.選擇高對比度圖像

當你在你的網頁設計項目中規劃圖像疊加時，照片（或視頻）的組成方式是極其重要的。一個平淡的圖像結果將留給用戶一個平淡的顏色疊加感覺。但是，如果你開始使用具有大量對比度的照片，凸顯圖像的深色和淺色的空間，你將獲得效果。如果你的圖片沒有足夠的對比度，請考慮在照片編輯軟件中添加對比度或選擇其他圖片。否則，圖像在實際中發揮的效果可能會過于平淡。這里還有一個小竅門，并且實現這種效果是從一張黑白照片開始的。特別是對于初學者，在黑白圖像中可以更容易地看到增強對比度將給圖像帶來怎么樣的變化。Just Actions提供了一個在黑白色圖像旁邊添加彩色疊加的一個很好的例子（通過添加疊色，是的原本沒有黑白的，沒有鮮艷對比度的配圖產生一種極具吸引力的效果）。

5.圖片應該看起來自然（或相反）

當涉及到使用顏色疊加時，你有兩個選擇：a.添加疊色效果以后，圖片應該仍然看起來自然。顏色、光照和陰影應該出現在自然的位置。疊加應該呈現的微妙一些，而不是過于強烈，如上面的Abednego Coffee網站設計。b.添加疊色效果以后，使得圖像看起來完全改變。但是這種方式的較好方法是你要盡量不要讓用戶猜到你在圖像上面使用了顏色疊加（例如本文中的大多數示例）。這里沒有真正的中間地帶。如果你在圖像上使用的不屬于這些“極端”方式之一，用戶可能會偏向對顏色太過認真，而不會專注于網站的內容。你不會想用彩色疊加技術來分散注意力的，相反，它應該增強整體網站設計。

6.嘗試疊加強調口號

雖然前面的例子顯示了對大圖像使用顏色疊加的方法，例如在banner圖上添加，但這并不是充分利用這種技術的方法。顏色疊加效果也可以很好地使用在強調口號性的文案上。上面的兩個例子顯示了有效地實現這些的不同方式。在上面的例子中，Knot Clothing的網站設計使用明亮的綠色的，并帶有透明度的導航欄。它進一步突出了在它之上的所有實線。這種效果有助于在整個網頁設計中保持統一的品牌調色板，同時展示各種其他顏色。簡單的效果，有助于頁面看起來更柔軟，比導航在一個純色內，并且向下瀏覽，全部網站設計一覽無余以及平淡來說，更具質感和設計感。Nuts and Woods的網站設計則采取另一種方法。該設計使用顏色疊加層作為懸停效果，以便用戶能更多地了解網站上的特定項目。獲取紅色疊加層的任何元素也是可點擊元素。這個設計值得注意的是，顏色疊加層為用戶提供了一個視覺提示，告訴他們他們想要知道什么，并為整個內容提供鏈接的路徑。

總結

當然，使用顏色疊加只是你的設計技巧之一，他可能并不會對任何網站設計都產生效果。多數設計師發現，在他們的一到兩個網站設計項目中，也僅僅能夠做到在設計過于夸張之前僥幸成功（這種情況下，重音疊加層可能是更好的選擇）。與任何設計的技巧一樣，確保只有在適當的位置中應用它，并且要做好上下設計之間的關聯。你不應該只是因為你受到另一個項目的啟發，立即決定使用顏色疊加，你可以保存這種想法或概念，并在正確的，合適的位置將其用于你的網頁設計中。