色彩基本上是全部設(shè)計(jì)上都尤為重要的構(gòu)成部分,不論是光亮膽大的色彩搭配,或是簡(jiǎn)潔的黑與白色彩,你的色彩搭配可能立即危害全部設(shè)計(jì)的預(yù)期效果。
近些年,在色彩應(yīng)用上面有很多值得一提的技巧,在其中最有趣也最普遍的應(yīng)當(dāng)便是色彩疊加。應(yīng)用透明色的圖形(單色或是漸變色)疊加到圖片或是視頻上,這類實(shí)際效果可以加強(qiáng)圖片自身的氣氛,授予含意,而且能夠更好地吸引住用戶的專注力。
今日大家來深層次聊一聊這類色彩使用技巧在具體應(yīng)用中,必須留意的難題和非常值得研究的作法。

應(yīng)用漸變色
最先,漸變色做為一種設(shè)計(jì)發(fā)展趨勢(shì),再度重歸了。如果你想為特殊的原素疊加色彩的情況下,能夠試著應(yīng)用某一顯眼的顏色漸變疊加上來。
顏色漸變的益處取決于,你能應(yīng)用各種不同的色彩一起組成漸變色(例如知名品牌色),還可以應(yīng)用某一個(gè)色彩開展?jié)獾?、色度、?duì)比度上的漸變色,那樣的設(shè)計(jì)會(huì)看起來更為集中化。光亮的色彩搭配會(huì)更為吸引住用戶用戶,讓圖片展現(xiàn)出某類與眾不同的氣質(zhì)。
這類設(shè)計(jì)發(fā)展趨勢(shì)非常大水平上是Spotify 起的頭,她們?cè)诹斜碇袘?yīng)用了魔幻味十足的兩色漸變色實(shí)際效果,讓唱片封面和藝術(shù)大師頭像圖片越來越更為富有造型藝術(shù)風(fēng)韻。

拿下那樣的設(shè)計(jì)比較簡(jiǎn)單:
·選擇一張照片
·應(yīng)用知名品牌色建立漸變色色彩疊加
·進(jìn)行!
應(yīng)用單色定主旋律
單色的疊加實(shí)際效果實(shí)際上和漸變色一樣顯眼,但是單色對(duì)比于漸變色所展現(xiàn)的實(shí)際意義和氣氛會(huì)更為確立。例如,在圖片上疊加上深棕色可以展現(xiàn)出一種歷史時(shí)間的層次感。
假如你挑選當(dāng)今的流行元素,功能和實(shí)際效果也是相近的。應(yīng)用這種光亮、艷麗的流行元素的另外,融合扁平化設(shè)計(jì)或是Material Design的設(shè)計(jì)風(fēng),你的網(wǎng)頁頁面和UI會(huì)顯著地展現(xiàn)出一種現(xiàn)實(shí)主義和時(shí)尚潮流的覺得。
如果你在疊加單色的情況下,理應(yīng)細(xì)心考慮一下色彩的對(duì)比度和清晰度。這種要素實(shí)際上全是更有意義的。疊加的色彩涂層有著高對(duì)比度和低清晰度的情況下,用戶會(huì)大量關(guān)心色彩自身;當(dāng)疊加的色彩有著低對(duì)比度和高清晰度的情況下,用戶會(huì)更非常容易被最底層的圖象所吸引住。
考慮到明暗交界線
自然,很多色彩并不統(tǒng)統(tǒng)是靠有色板塊半透明圖層疊加出去的,有時(shí)只是是應(yīng)用單純性的高級(jí)灰來疊加,造就出不一樣的明暗交界線實(shí)際效果,那樣也可以非常好的完成一些實(shí)際效果。
如同你所感,當(dāng)圖象更為沉寂昏暗的情況下,壓抑感厚重的氣氛順理成章就發(fā)生了,而圖象偏白色彩變淡的情況下,通常會(huì)看起來更為輕輕松松,換句話說更為飄忽不定。這個(gè)時(shí)候,并不一定獨(dú)立疊加灰黑色或是乳白色,只必須調(diào)節(jié)圖片自身的色度就可以。
上邊所表明的這一名叫 Call me lsh 的網(wǎng)址中,設(shè)計(jì)師在情況上遮蓋了一層透明色的乳白色,讓用戶的潛心點(diǎn)集中化到市場(chǎng)前景的文本上來,可是情況的攝像師微笑的表情仍然耳濡目染地危害著用戶的心態(tài)。色彩和圖片的組成讓訪問者不經(jīng)意間地同情況的攝像師造成了心態(tài)上的互動(dòng)交流,或許迅速會(huì)觸動(dòng)她們聘請(qǐng)這名攝像師也或許。

挑選高對(duì)比度的圖片
如果你要想在設(shè)計(jì)新項(xiàng)目中應(yīng)用色彩疊加這類手法的情況下,放置最底層的圖片或是視頻是最重要的構(gòu)成部分。一張平凡的圖片無論你怎么疊加色彩都難以做到震撼的實(shí)際效果,而圖片自身假如擁有 優(yōu)良的飽和度,那麼可以在疊加圖片以后組成好看的明暗交界線實(shí)際效果,將設(shè)計(jì)的優(yōu)點(diǎn)利潤(rùn)最大化。
自然,假如圖片的可選擇范疇自身就并不大,那麼最好是試著應(yīng)用PS這類的手機(jī)軟件先提高圖片的飽和度,不然預(yù)期效果是不容易太好的。
要想達(dá)到好實(shí)際效果的方式有很多,此外一種方式就更為簡(jiǎn)單直接了:從黑與白的圖片逐漸下手。針對(duì)新手來講,黑與白圖片的飽和度更非常容易操縱。上邊的Just Actions 這一網(wǎng)址便是選用黑與白色彩的提升情況,配搭五顏六色的半透明圖層。
要不當(dāng)然,要不失幀

如果你逐漸應(yīng)用色彩疊加到圖片視頻上的情況下,有二種解決方式:
·圖片盡量當(dāng)然。色彩、明暗交界線、黑影都應(yīng)當(dāng)處在當(dāng)然的情況,疊加的色彩理應(yīng)盡量細(xì)微,例如上邊那一個(gè)Abednego Coffee 網(wǎng)址。
·圖片徹底異化理論。用徹底意想不到的色彩疊加在圖片上,造就出獨(dú)一無二的實(shí)際效果。文中中絕大部分的實(shí)例全是那么做的。
接近彼此之間的實(shí)例非常少,可以說這二者是徹底對(duì)立面的。那么設(shè)計(jì)的益處取決于,用戶會(huì)更為致力于網(wǎng)站內(nèi)容,加強(qiáng)總體的設(shè)計(jì)感。
試著一部分疊加
前邊絕大部分的實(shí)例都將透明色的色彩涂層疊加到塊狀的圖片內(nèi)容上,可是這并并不是唯一的選擇。一部分疊加一樣能夠產(chǎn)生非常好的實(shí)際效果。
Knot Clothing 這一網(wǎng)頁頁面選用了翠綠色的導(dǎo)航條,其上疊加了透明色層,看上去實(shí)際效果非常非常好。
而Nuts and Woods 這一網(wǎng)址則換了一種游戲玩法,當(dāng)鼠標(biāo)光標(biāo)懸停在特殊的內(nèi)容區(qū)塊鏈上的情況下,透明色層就疊加到上邊,提醒用戶這種內(nèi)容是可點(diǎn)一下的。這一透明色的疊加層做為視覺效果案件線索而存有,給予內(nèi)容訪問 的途徑。

總結(jié)
色彩疊加的實(shí)際效果并并不是全能的,最少非是全部的新項(xiàng)目都合適應(yīng)用的一項(xiàng)實(shí)際效果,因此 如果你在開展設(shè)計(jì)的情況下,理應(yīng)盡量減少過多應(yīng)用。