色彩幾乎是所有設計中都至關重要的組成部分,無論是明亮大膽的配色方案,還是簡約的黑白色調,您的用色將會直接影響整個設計的實際效果。近兩年,在色彩運用上有許多值得一提的手法,其中有意思也常見的應該就是色彩疊加。使用半透明的色塊(純色或者漸變)疊加到圖片或者視訊上,這種效果能夠強化圖片本身的氛圍,賦予含義,並且更好地吸引多使用者的注意力。

  使用漸變

  先,漸變作為一種設計趨勢,再次迴歸了。之前本站也有文章《扁平化網頁設計中的漸變運用》講到這方面。當您想為特定的元素疊加色彩的時候,可以嘗試使用某個醒目的漸變色疊加上去。

  漸變色的好處在於,您可以使用多種不同的色彩一起構成漸變(比如品牌色),也可以使用某一個色彩進行深淺、明度、飽和度上的漸變,這樣的設計會顯得更加集中。明亮的配色方案會更加吸引多使用者多使用者,讓圖片呈現出某種獨特的氣場。

  這種設計趨勢很大程度上是 Spotify 起的頭,他們在播放列表中使用了迷幻味十足的雙色漸變效果,讓唱片封面和藝術家頭像變得更加富於藝術韻味。

  使用純色定基調

  純色的疊加效果其實和漸變一樣醒目,不過純色相比於漸變所呈現的意義和氛圍會更加明確。比如,在圖片上疊加上棕色能夠呈現出一種歷史的厚重感。

  如果您選擇當前的流行色,功用和效果也是類似的。使用這些明亮、鮮豔的流行色的同時,結合扁平化設計或者 Material Design 的設計風,您的頁面和 UI 會明顯地呈現出一種現代主義和時尚的感覺。

  當您在疊加純色的時候,應當仔細考慮一下色彩的飽和度和透明度。這些因素其實都是有意義的。疊加的色彩圖層擁有高飽和度和低透明度的時候,多使用者會更多關注色彩本身;當疊加的色彩擁有低飽和度和高透明度的時候,多使用者會更容易被底層的影象所吸引。

  考慮明暗

   當然,許多色彩並不全都是靠有色半透明圖層疊加出來的,有時候僅僅是使用單純的黑白灰來疊加,創造出不同的明暗效果,這樣也能很好的實現一些效果。

  正如您所想,當影象更加沉鬱陰暗的時候,壓抑沉重的氛圍自然而然就出現了,而影象偏白色彩變淺的時候,往往會顯得更加輕鬆,或者說更加飄忽。這個時候,並不需要單獨疊加黑色或者白色,只需要調整圖片本身的明度即可。

  要麼自然,要麼失真

  當您開始使用色彩疊加到圖片和視訊上的時候,有兩種處理方法:

  圖片儘可能自然。色彩、明暗、陰影都應該處於自然的狀態,疊加的色彩應當儘可能微妙。

  ·圖片完全異化。用完全出乎意料的色彩疊加在圖片上,創造出獨一無二的效果。
  介於兩者之間的案例很少,可以說這兩者是完全對立的。這麼設計的好處在於,多使用者會更加專注於網站內容,強化整體的設計感。