起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標(biāo)識6個簡單的方法，設(shè)計出漂亮的重疊色彩效果
顏色對設(shè)計來說是非常重要的要素。只要有鮮明的顏色，就算是極簡的單色設(shè)計，也能表現(xiàn)出引人注目的獨特魅力。本文將參考一些網(wǎng)頁設(shè)計，看看各種各樣的顏色重疊效果的設(shè)計方法。
一種使用色彩來讓人具有深刻印象的方法，就是色彩重疊技術(shù)。具體來說，就是在圖片或視頻中重疊一個具有顏色的半透明圖層。這種技術(shù)可以將圖片中所具有的信息傳遞出來，讓設(shè)計變得更加引人注意。
這一次我們來參考一些網(wǎng)頁設(shè)計，看看各種各樣的顏色重疊效果的設(shè)計方法。
1、嘗試漸變
漸變再一次被作為具有魅力的設(shè)計方法而被我們所認(rèn)識，尤其是利用在顏色疊加上，可以讓作品更搶眼。
另一個使用漸變制作出的效果非常棒的理由是，你可以使用多種顏色進(jìn)行組合。在這里將你的品牌理念也添加進(jìn)去仔細(xì)思考，利用特定的顏色來集中人們的注意力吧。
這種受漸變與雙色調(diào)影響的趨勢在Spotify 的歌曲播放列表上表現(xiàn)的尤為明顯。通過在司空見慣的圖片中添加顏色，可以表現(xiàn)出新的氛圍。
下面是非常簡單的使用漸變效果的概念：
- 首先選擇一張照片。
- 創(chuàng)建一個包含了品牌概念的漸變效果。
- 然后將他們重疊到一起。
2、利用單色表現(xiàn)氛圍
利用單色進(jìn)行重疊，他的魅力足以匹敵漸變，可以根據(jù)你所選的顏色不同來表達(dá)不同的含義。例如在上面的例子中，就表現(xiàn)出了具有歷史厚重感的古老的氛圍。
同樣的，我還是要說，使用流行的顏色。通過使用鮮艷的色彩和設(shè)計材料一起使用，可以給你的作品添加現(xiàn)代與時尚的氛圍。
利用單色進(jìn)行重疊，與顏色和不透明度相配合，可以讓他表現(xiàn)出各種各樣的意思。通過調(diào)整不透明度與飽和度讓顏色變得不那么鮮艷，可以將重點從顏色轉(zhuǎn)向背景的圖片上，更專注于內(nèi)容。
3、與色彩的明暗配合
每一次，就算不選擇顏色，單是黑白或灰色也足夠了。利用這種方法，你也能極大的改變圖片的氛圍。
試著想象一下，深色可以表現(xiàn)出一種沉重有氣氛的設(shè)計，而明亮的顏色可以表現(xiàn)出歡樂的氛圍。對于照片本身來說，所覆蓋的黑色和白色也是非常重要的要素之一。與什么樣的顏色配合能讓人注意？圖片，顏色和信息是否井然有序？這都是我們需要考慮到的問題。
在上述設(shè)計案例中，通過在照片上疊放白色還凸顯出上面黑色的文字。同時，也將圖片中人物的表情變得引人注意。是露齒微笑的表情。顏色月照片組合的非常友好，甚至想給他一份工作。
4、優(yōu)化高對比度的圖片
當(dāng)設(shè)計項目中的顏色堆疊在一起時，圖片或動畫的構(gòu)圖就顯得相當(dāng)重要了。看起來平淡的圖片，會讓你的結(jié)果也變得非常平淡。選擇明暗分明，有著高對比度的圖片，可以讓結(jié)果變得非常不錯。
如果照片沒有特別明顯的對比，試著使用圖片加工軟件給他增加一些對比度，或者選擇其他的圖片。否則，這只會讓他變得并不怎么出彩。
另一個方法，就是在一開始就使用單色的圖片。特別是對于第一眼看到的人來說，單色圖片對比分明，可以給人留下很深的印象。在上述的設(shè)計案例中，你可以看到，在單色圖片的旁邊就并排放置著一個重疊了顏色的圖片。
5、讓照片看起來自然
當(dāng)你在制作顏色疊加的圖片時，建議你考慮一下以下兩點：
- 選擇讓圖片看起來自然。配色或光線，陰影等要素看起來非常的自然舒適。在上述的案例中，就運用了控制的非常好的重疊效果。
- 讓圖片看起來完全改變了，看不出利用了顏色重疊的效果。
使用上述以外的圖片，則會讓用戶的注意里過多的集中在了顏色上，而讓他們無法在網(wǎng)頁的內(nèi)容讓集中注意力。顏色重疊是為了強調(diào)設(shè)計，而不是為了妨礙設(shè)計而存在的，如果弄混了這點，就本末倒置了。
6、嘗試著利用重點
一如至今為止介紹的設(shè)計案例，在標(biāo)題樣式中不僅僅可以利用疊加了顏色的巨幅圖片，也可以利用設(shè)計的重點。
在上述的設(shè)計案例中，運用的就是兩種不同的凸顯重點的方法：
第一個，利用了明亮的半透明綠色來設(shè)計，強調(diào)出了導(dǎo)航欄菜單。在瀏覽商品時的頁面可以使用不同的顏色和這種效果相配合，可以很好的體現(xiàn)出品牌的魅力。這種設(shè)計效果簡單的通過利用導(dǎo)航欄菜單的顏色，表現(xiàn)出一種柔和的印象，用戶的視線向著頁面下方誘導(dǎo)。
另一個設(shè)計案例，則采用了別的設(shè)計方法。這種設(shè)計，通過使用顏色重疊和懸停效果，可以更加詳細(xì)的說明特定的項目。各種紅色的顏色重疊要素，都可以點擊。需要注意的是，對于用戶來說，顏色疊加是一種視覺提示，他們所想知道的事情，我們可以通過這些內(nèi)容來提供鏈接。
最后
顏色疊加這種技術(shù)，可能并不是什么時候都可以利用。大部分設(shè)計師，都只會在項目中用上一兩個效果，如果再多，就顯得畫蛇添足了。
試著在設(shè)計項目中采用這些方法吧。如果在別的項目中沒有使用他的地方，你可以將現(xiàn)在這一瞬間的靈感記錄下來，以便在將來的設(shè)計中能夠方便的利用上。
原文地址：http://photoshopvip.net/95862
譯者：喪心病狂的翻譯站
譯文地址：微信公眾號【喪心病狂的翻譯站】
本文由 @喪心病狂的翻譯站 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。
- 目前還沒評論，等你發(fā)揮！
