2017設(shè)計(jì)新趨勢:玩轉(zhuǎn)彩虹色。

2017年是彩色的一年,設(shè)計(jì)師們大膽的使用多種明亮顏色的混合,制作出生動(dòng)的彩虹色,并運(yùn)用到設(shè)計(jì)項(xiàng)目中。

2017年網(wǎng)站設(shè)計(jì)已經(jīng)是一年的絢麗色彩了, 如果是色彩趨勢主導(dǎo)了設(shè)計(jì)的話,那么就數(shù)大膽明亮的彩虹色了。


這種色彩趨勢,是將許多明亮飽和的顏色相結(jié)合 ,混合出絢麗的色彩圖案, 更多的設(shè)計(jì)師正在采取很多顏色的變化,并將生動(dòng)漸變顏色融入到設(shè)計(jì)項(xiàng)目中,效果非常酷炫!


這是一個(gè)流行趨勢,讓你的設(shè)計(jì)變得更加的耀眼,那么如何使用生動(dòng)的彩虹色,這些彩虹色都使用在了哪些方面呢?

優(yōu)美靈動(dòng)的動(dòng)畫

http://moodmix.londongrammar.com/

幾乎自從Spotify進(jìn)入現(xiàn)場,它一直在塑造設(shè)計(jì)趨勢,推動(dòng)酷炫設(shè)計(jì)的界限。 音樂網(wǎng)站不斷更新和改變其設(shè)計(jì),并使用微點(diǎn)來突出具體的流派和藝術(shù)效果。


倫敦語法Moodmix網(wǎng)站設(shè)計(jì)使用彈跳彩色斑點(diǎn)來吸引用戶的注意, 這個(gè)動(dòng)畫很有趣,讓你想要幾乎觸及到它, 這就是這個(gè)彩虹動(dòng)畫的所要達(dá)到的效果。 

彩虹色與暗色的碰撞

在黑暗的背景下放置明亮的彩虹色確實(shí)非常出彩的,明亮的彩虹色從黑色背景中脫穎而出,對(duì)比更加強(qiáng)烈。


Github在網(wǎng)站設(shè)計(jì)和開發(fā)中的另一個(gè)著名的名字就是使用彩虹色來推動(dòng)其今年的會(huì)議,簡單的網(wǎng)站使用一個(gè)有趣的彩虹風(fēng)格標(biāo)志和按鈕進(jìn)行吸引用戶,這種設(shè)計(jì)與其他設(shè)計(jì)有什么不同之處呢,首先在于普通的單一色調(diào)設(shè)計(jì)比較平淡,而彩虹色使用了漸變而且漸變非常的豐富靈動(dòng)。


Savee在黑暗的背景下以彩虹的方式進(jìn)入另一個(gè)方向,使用大量的高彩色圖像來創(chuàng)建一個(gè)帶有彩虹感的馬賽克,雖然大多數(shù)彩虹顏色的使用提供了從紅色到黃色到綠色到藍(lán)色的漸變,實(shí)際上彩色調(diào)色板可以是任何具有廣泛色調(diào)使用的東西。

柔和的彩虹色背景

有時(shí)彩虹風(fēng)格的最佳用途不會(huì)直接跳出屏幕,Southwest在背景中使用帶有彩虹色調(diào)的圖形。跳出的彩色超出了今年其他許多顏色,畫面令人耳目一新, 看上圖中中的這個(gè)設(shè)計(jì)幾乎是因?yàn)樗c現(xiàn)在的許多其他網(wǎng)站設(shè)計(jì)完全不同。


需要注意的是即使使用更柔和的彩色調(diào)色板,也強(qiáng)調(diào)背景和前景元素之間的對(duì)比度,以確保每個(gè)元素都易于查看和閱讀。 

彩虹色在logo中的運(yùn)用

考慮使用彩虹顏色做一個(gè)簡單的標(biāo)志,雖然顏色搭配比較難,但是卻可以產(chǎn)生驚人的效果。


理查德·加茲迪克(Richard Gazdik)為他的投資組合使用彩虹標(biāo)志 , 它的設(shè)計(jì)造型幾乎完美,由于他的縮寫 - RGB - 與所選顏色的關(guān)系, 設(shè)計(jì)出來的樣子非常的亮眼,不是每個(gè)logo都會(huì)得到這樣的幸運(yùn),但它確實(shí)顯示了一個(gè)彩色標(biāo)志如何在簡單的設(shè)計(jì)中運(yùn)用。

大面積運(yùn)用彩虹色

大面積的使用彩虹色可以將用戶視覺吸引到我們的設(shè)計(jì)中,但是彩虹色與彩虹色的搭配,將會(huì)讓用戶看不到焦點(diǎn), 記住一些20世紀(jì)90年代末和2000年代初的網(wǎng)站設(shè)計(jì),幾乎每個(gè)網(wǎng)站都有明亮的顏色濺到各處(和閃爍)? 這種彩虹治療可能是災(zāi)難性的,使得用戶不愿意繼續(xù)瀏覽。


上圖中Lonsdale的彩虹液體的循環(huán)令人著迷,運(yùn)動(dòng)和顏色變化是大膽的,讓你想看, 彩虹背景與白色文字搭配非常相得益彰。


我們?cè)倏碈olour Code在整個(gè)設(shè)計(jì)中,顏色代碼采用另一種方式,大面積的藍(lán)色和綠色結(jié)合非常鮮艷,將視覺焦點(diǎn)拉到屏幕上的產(chǎn)品 - 手機(jī)和手表顯示應(yīng)用程序。

彩虹色作為一種適合項(xiàng)目的元素參與到背景中

彩虹元素幾乎可以是自己的液體動(dòng)畫,油墨風(fēng)格,移動(dòng)的顏色氣泡 ,作為背景元素,彩虹色可以幫助設(shè)定一個(gè)項(xiàng)目的音調(diào)并推動(dòng)用戶參與。 

漸變疊加


彩虹顏色可以是今年另一種顏色趨勢的延伸 - 漸變色的回歸。嘗試一個(gè)漸變疊加與彩虹的感覺,從紅色到藍(lán)色的全尺寸顏色變化,比如SpicyWeb,或者小面積的使用,比如Talkd。


無論哪種方式,使用漸變可以是一種有趣的方法而不會(huì)感到壓倒性,  漸變還可以幫助您將品牌顏色融入彩虹風(fēng)格的配色方案中,而無需全面重新設(shè)計(jì)網(wǎng)站。

創(chuàng)造與眾不同的吸引點(diǎn)


使用彩虹色來突出顯示設(shè)計(jì)中不同的東西, 彩虹的顏色吸引一些內(nèi)容或部分屏幕,或者幫助創(chuàng)建點(diǎn)擊和轉(zhuǎn)換。


Jony Guedj使用顏色進(jìn)行導(dǎo)航。,菜單元素不是以通常的方式組成,位于屏幕的底部,只能使用滾動(dòng)操作來顯示不同的視頻剪輯。 彩虹的顏色吸引用戶與他們接觸,幫助人們了解如何使用網(wǎng)站。

結(jié)論

彩虹色很有趣, 大多數(shù)設(shè)計(jì)師并沒有將整個(gè)網(wǎng)站轉(zhuǎn)換成彩虹設(shè)計(jì),而是小面積使用彩虹色來創(chuàng)造有吸引用戶的有效視覺點(diǎn),這就是彩虹色帶來的效果。

本文為字體天下原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處

上一篇

下一篇

推薦閱讀

熱門文章

推薦字庫