顏色對(duì)設(shè)計(jì)來(lái)說(shuō)是非常重要的要素。只要有鮮明的顏色，就算是極簡(jiǎn)的單色設(shè)計(jì)，也能表現(xiàn)出引人注目的獨(dú)特魅力。本文將參考一些網(wǎng)頁(yè)設(shè)計(jì)，看看各種各樣的顏色重疊效果的設(shè)計(jì)方法。

一種使用色彩來(lái)讓人具有深刻印象的方法，就是色彩重疊技術(shù)。具體來(lái)說(shuō)，就是在圖片或視頻中重疊一個(gè)具有顏色的半透明圖層。這種技術(shù)可以將圖片中所具有的信息傳遞出來(lái)，讓設(shè)計(jì)變得更加引人注意。

這一次我們來(lái)參考一些網(wǎng)頁(yè)設(shè)計(jì)，看看各種各樣的顏色重疊效果的設(shè)計(jì)方法。

1、嘗試漸變

漸變?cè)僖淮伪蛔鳛榫哂绪攘Φ脑O(shè)計(jì)方法而被我們所認(rèn)識(shí)，尤其是利用在顏色疊加上，可以讓作品更搶眼。

另一個(gè)使用漸變制作出的效果非常棒的理由是，你可以使用多種顏色進(jìn)行組合。在這里將你的品牌理念也添加進(jìn)去仔細(xì)思考，利用特定的顏色來(lái)集中人們的注意力吧。

這種受漸變與雙色調(diào)影響的趨勢(shì)在Spotify 的歌曲播放列表上表現(xiàn)的尤為明顯。通過(guò)在司空見(jiàn)慣的圖片中添加顏色，可以表現(xiàn)出新的氛圍。

下面是非常簡(jiǎn)單的使用漸變效果的概念：

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

2、利用單色表現(xiàn)氛圍

利用單色進(jìn)行重疊，他的魅力足以匹敵漸變，可以根據(jù)你所選的顏色不同來(lái)表達(dá)不同的含義。例如在上面的例子中，就表現(xiàn)出了具有歷史厚重感的古老的氛圍。

同樣的，我還是要說(shuō)，使用流行的顏色。通過(guò)使用鮮艷的色彩和設(shè)計(jì)材料一起使用，可以給你的作品添加現(xiàn)代與時(shí)尚的氛圍。

利用單色進(jìn)行重疊，與顏色和不透明度相配合，可以讓他表現(xiàn)出各種各樣的意思。通過(guò)調(diào)整不透明度與飽和度讓顏色變得不那么鮮艷，可以將重點(diǎn)從顏色轉(zhuǎn)向背景的圖片上，更專注于內(nèi)容。

3、與色彩的明暗配合

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

試著想象一下，深色可以表現(xiàn)出一種沉重有氣氛的設(shè)計(jì)，而明亮的顏色可以表現(xiàn)出歡樂(lè)的氛圍。對(duì)于照片本身來(lái)說(shuō)，所覆蓋的黑色和白色也是非常重要的要素之一。與什么樣的顏色配合能讓人注意？圖片，顏色和信息是否井然有序？這都是我們需要考慮到的問(wèn)題。

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

4、優(yōu)化高對(duì)比度的圖片

當(dāng)設(shè)計(jì)項(xiàng)目中的顏色堆疊在一起時(shí)，圖片或動(dòng)畫(huà)的構(gòu)圖就顯得相當(dāng)重要了?？雌饋?lái)平淡的圖片，會(huì)讓你的結(jié)果也變得非常平淡。選擇明暗分明，有著高對(duì)比度的圖片，可以讓結(jié)果變得非常不錯(cuò)。

如果照片沒(méi)有特別明顯的對(duì)比，試著使用圖片加工軟件給他增加一些對(duì)比度，或者選擇其他的圖片。否則，這只會(huì)讓他變得并不怎么出彩。

另一個(gè)方法，就是在一開(kāi)始就使用單色的圖片。特別是對(duì)于第一眼看到的人來(lái)說(shuō)，單色圖片對(duì)比分明，可以給人留下很深的印象。在上述的設(shè)計(jì)案例中，你可以看到，在單色圖片的旁邊就并排放置著一個(gè)重疊了顏色的圖片。

5、讓照片看起來(lái)自然

當(dāng)你在制作顏色疊加的圖片時(shí)，建議你考慮一下以下兩點(diǎn)：

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

使用上述以外的圖片，則會(huì)讓用戶的注意里過(guò)多的集中在了顏色上，而讓他們無(wú)法在網(wǎng)頁(yè)的內(nèi)容讓集中注意力。顏色重疊是為了強(qiáng)調(diào)設(shè)計(jì)，而不是為了妨礙設(shè)計(jì)而存在的，如果弄混了這點(diǎn)，就本末倒置了。

6、嘗試著利用重點(diǎn)

一如至今為止介紹的設(shè)計(jì)案例，在標(biāo)題樣式中不僅僅可以利用疊加了顏色的巨幅圖片，也可以利用設(shè)計(jì)的重點(diǎn)。

在上述的設(shè)計(jì)案例中，運(yùn)用的就是兩種不同的凸顯重點(diǎn)的方法：

第一個(gè)，利用了明亮的半透明綠色來(lái)設(shè)計(jì)，強(qiáng)調(diào)出了導(dǎo)航欄菜單。在瀏覽商品時(shí)的頁(yè)面可以使用不同的顏色和這種效果相配合，可以很好的體現(xiàn)出品牌的魅力。這種設(shè)計(jì)效果簡(jiǎn)單的通過(guò)利用導(dǎo)航欄菜單的顏色，表現(xiàn)出一種柔和的印象，用戶的視線向著頁(yè)面下方誘導(dǎo)。

另一個(gè)設(shè)計(jì)案例，則采用了別的設(shè)計(jì)方法。這種設(shè)計(jì)，通過(guò)使用顏色重疊和懸停效果，可以更加詳細(xì)的說(shuō)明特定的項(xiàng)目。各種紅色的顏色重疊要素，都可以點(diǎn)擊。需要注意的是，對(duì)于用戶來(lái)說(shuō)，顏色疊加是一種視覺(jué)提示，他們所想知道的事情，我們可以通過(guò)這些內(nèi)容來(lái)提供鏈接。

最后

顏色疊加這種技術(shù)，可能并不是什么時(shí)候都可以利用。大部分設(shè)計(jì)師，都只會(huì)在項(xiàng)目中用上一兩個(gè)效果，如果再多，就顯得畫(huà)蛇添足了。

試著在設(shè)計(jì)項(xiàng)目中采用這些方法吧。如果在別的項(xiàng)目中沒(méi)有使用他的地方，你可以將現(xiàn)在這一瞬間的靈感記錄下來(lái)，以便在將來(lái)的設(shè)計(jì)中能夠方便的利用上。

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

譯者：?jiǎn)市牟】竦姆g站

譯文地址：微信公眾號(hào)【喪心病狂的翻譯站】

本文由 @喪心病狂的翻譯站 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。