顏色對設計來說是非常重要的要素。只要有鮮明的顏色,就算是極簡的單色設計,也能表現出引人注目的獨特魅力。本文將參考一些網頁設計,看看各種各樣的顏色重疊效果的設計方法。

一種使用色彩來讓人具有深刻印象的方法,就是色彩重疊技術。具體來說,就是在圖片或視頻中重疊一個具有顏色的半透明圖層。這種技術可以將圖片中所具有的信息傳遞出來,讓設計變得更加引人注意。

這一次我們來參考一些網頁設計,看看各種各樣的顏色重疊效果的設計方法。

1、嘗試漸變

漸變再一次被作為具有魅力的設計方法而被我們所認識,尤其是利用在顏色疊加上,可以讓作品更搶眼。

另一個使用漸變製作出的效果非常棒的理由是,你可以使用多種顏色進行組合。在這裏將你的品牌理念也添加進去仔細思考,利用特定的顏色來集中人們的注意力吧。

這種受漸變與雙色調影響的趨勢在Spotify 的歌曲播放列表上表現的尤為明顯。通過在司空見慣的圖片中添加顏色,可以表現出新的氛圍。

下面是非常簡單的使用漸變效果的概念:

  1. 首先選擇一張照片。
  2. 創建一個包含了品牌概念的漸變效果。
  3. 然後將他們重疊到一起。

2、利用單色表現氛圍

利用單色進行重疊,他的魅力足以匹敵漸變,可以根據你所選的顏色不同來表達不同的含義。例如在上面的例子中,就表現出了具有歷史厚重感的古老的氛圍。

同樣的,我還是要說,使用流行的顏色。通過使用鮮艷的色彩和設計材料一起使用,可以給你的作品添加現代與時尚的氛圍。

利用單色進行重疊,與顏色和不透明度相配合,可以讓他表現出各種各樣的意思。通過調整不透明度與飽和度讓顏色變得不那麼鮮艷,可以將重點從顏色轉向背景的圖片上,更專註於內容。

3、與色彩的明暗配合

每一次,就算不選擇顏色,單是黑白或灰色也足夠了。利用這種方法,你也能極大的改變圖片的氛圍。

試着想象一下,深色可以表現出一種沉重有氣氛的設計,而明亮的顏色可以表現出歡樂的氛圍。對於照片本身來說,所覆蓋的黑色和白色也是非常重要的要素之一。與什麼樣的顏色配合能讓人注意?圖片,顏色和信息是否井然有序?這都是我們需要考慮到的問題。

在上述設計案例中,通過在照片上疊放白色還凸顯出上面黑色的文字。同時,也將圖片中人物的表情變得引人注意。是露齒微笑的表情。顏色月照片組合的非常友好,甚至想給他一份工作。

4、優化高對比度的圖片

當設計項目中的顏色堆疊在一起時,圖片或動畫的構圖就顯得相當重要了。看起來平淡的圖片,會讓你的結果也變得非常平淡。選擇明暗分明,有着高對比度的圖片,可以讓結果變得非常不錯。

如果照片沒有特別明顯的對比,試着使用圖片加工軟件給他增加一些對比度,或者選擇其他的圖片。否則,這隻會讓他變得並不怎麼出彩。

另一個方法,就是在一開始就使用單色的圖片。特別是對於第一眼看到的人來說,單色圖片對比分明,可以給人留下很深的印象。在上述的設計案例中,你可以看到,在單色圖片的旁邊就並排放置着一個重疊了顏色的圖片。

5、讓照片看起來自然

當你在製作顏色疊加的圖片時,建議你考慮一下以下兩點:

  1. 選擇讓圖片看起來自然。配色或光線,陰影等要素看起來非常的自然舒適。在上述的案例中,就運用了控制的非常好的重疊效果。
  2. 讓圖片看起來完全改變了,看不出利用了顏色重疊的效果。

使用上述以外的圖片,則會讓用戶的注意里過多的集中在了顏色上,而讓他們無法在網頁的內容讓集中注意力。顏色重疊是為了強調設計,而不是為了妨礙設計而存在的,如果弄混了這點,就本末倒置了。

6、嘗試着利用重點

一如至今為止介紹的設計案例,在標題樣式中不僅僅可以利用疊加了顏色的巨幅圖片,也可以利用設計的重點。

在上述的設計案例中,運用的就是兩種不同的凸顯重點的方法:

第一個,利用了明亮的半透明綠色來設計,強調出了導航欄菜單。在瀏覽商品時的頁面可以使用不同的顏色和這種效果相配合,可以很好的體現出品牌的魅力。這種設計效果簡單的通過利用導航欄菜單的顏色,表現出一種柔和的印象,用戶的視線向著頁面下方誘導。

另一個設計案例,則採用了別的設計方法。這種設計,通過使用顏色重疊和懸停效果,可以更加詳細的說明特定的項目。各種紅色的顏色重疊要素,都可以點擊。需要注意的是,對於用戶來說,顏色疊加是一種視覺提示,他們所想知道的事情,我們可以通過這些內容來提供鏈接。

最後

顏色疊加這種技術,可能並不是什麼時候都可以利用。大部分設計師,都只會在項目中用上一兩個效果,如果再多,就顯得畫蛇添足了。

試着在設計項目中採用這些方法吧。如果在別的項目中沒有使用他的地方,你可以將現在這一瞬間的靈感記錄下來,以便在將來的設計中能夠方便的利用上。

 

原文地址:http://photoshopvip.net/95862

譯者:喪心病狂的翻譯站

譯文地址:微信公眾號【喪心病狂的翻譯站】

本文由 @喪心病狂的翻譯站 授權發佈於人人都是產品經理,未經作者許可,禁止轉載。