在接下來的9月份，有許多設(shè)計(jì)作品可能會(huì)受到這3種設(shè)計(jì)趨勢(shì)的影響。是哪些呢？一起來看看~

設(shè)計(jì)師們也常常通過設(shè)計(jì)作品互相汲取靈感，而這也是促成設(shè)計(jì)圈內(nèi)的各種設(shè)計(jì)趨勢(shì)的形成。可能是厭倦了循規(guī)蹈矩，炎熱的夏季讓設(shè)計(jì)師們開始尋求更多獨(dú)樹一幟的設(shè)計(jì)手法，大膽的用色已經(jīng)不能滿足需求了，而網(wǎng)頁的首圖設(shè)計(jì)也不再拘泥于現(xiàn)代、正面的設(shè)計(jì)風(fēng)格了。

在接下來的9月份， 你可能會(huì)看到更多有趣的設(shè)計(jì)，而其中有許多設(shè)計(jì)作品可能會(huì)受到下面的3種設(shè)計(jì)趨勢(shì)的影響。

1、彩虹色

說實(shí)話，彩虹色所毀掉的設(shè)計(jì)比起它所創(chuàng)造的好設(shè)計(jì)要多得多。這種局面很大程度上還是因?yàn)榻^大多數(shù)設(shè)計(jì)師無法駕馭多種色彩，最終導(dǎo)致設(shè)計(jì)上的失誤。絕大多數(shù)的優(yōu)秀的設(shè)計(jì)當(dāng)中，配色方案都會(huì)將色彩的數(shù)量控制在3~4種色彩這樣的范疇以內(nèi)，便于控制，也不會(huì)造成視覺污染。

不過，不能因?yàn)椴屎缟斐蛇^“設(shè)計(jì)災(zāi)難”就全盤否定了它在設(shè)計(jì)中的可能性。如果掌握了多種色彩的使用訣竅，彩虹色同樣可以讓設(shè)計(jì)足夠優(yōu)雅、簡(jiǎn)單。在過去的一個(gè)月當(dāng)中，不少網(wǎng)站開始在網(wǎng)頁設(shè)計(jì)項(xiàng)目中有意識(shí)地使用彩虹色。其中不僅有小型的設(shè)計(jì)項(xiàng)目，還有Github Universe Conference、Southwest Airlines?和?London Grammar’s Spotify channel 這樣比較著名的網(wǎng)站。

有意思的地方在于，每個(gè)網(wǎng)站在使用彩虹色這樣的事情上，都采用了不同的策略，拿出了多樣的方案。

Github?的網(wǎng)站采用的是我們平常最常見的彩虹色“黑暗模式”：將不同的色彩賦予不同的文字、LOGO的不同部分上，甚至讓幽靈按鈕同時(shí)承載多種色彩。Github 的設(shè)計(jì)師在彩虹色的選取上非常用心，這些色彩雖然多樣，但是足夠微妙，在飽和度和明度的控制上都非常合理，并不會(huì)讓人覺得有違和感，并且傳遞出多彩和樂觀的情緒，是正確而合理的色彩搭配。

Southwest Airlines?對(duì)于彩虹色的使用方法與Github 截然不同，設(shè)計(jì)師將彩虹色填充到背景元素和文本元素當(dāng)中，并沒有作為視覺主體，而是將它們作為視覺裝飾來使用。彩虹色在這個(gè)網(wǎng)頁設(shè)計(jì)案例中，賦予整個(gè)頁面以生命力，讓視覺上更加令人愉悅。

London Grammar?在 Spotify 的這個(gè)頁面設(shè)計(jì)也非常有趣，黑色的背景襯托之下，作為視覺主體的彩虹色氣泡非常抓人眼球，而這個(gè)彩虹色氣泡會(huì)隨著背景音樂而變化，給人帶來非常有趣的體驗(yàn)，對(duì)我而言，聽著音樂我能看著這個(gè)彩虹氣泡扭一整天。

2、更輕量級(jí)的網(wǎng)頁首圖

超大的網(wǎng)頁首圖和輪播式Banner 在網(wǎng)頁設(shè)計(jì)圈中已經(jīng)流行多年了，不過極簡(jiǎn)主義設(shè)計(jì)在近年來的流行，使得不少設(shè)計(jì)師開始尋求更加簡(jiǎn)約、輕量級(jí)的首圖構(gòu)造。

由于這樣的設(shè)計(jì)數(shù)量上有明顯的增長(zhǎng)，我們發(fā)現(xiàn)了這一趨勢(shì)的存在：設(shè)計(jì)師會(huì)采用白色或者淺色的頁頭，只使用標(biāo)題搭配零星的裝飾性元素，來營(yíng)造一種相對(duì)簡(jiǎn)約的體驗(yàn)，創(chuàng)造出一種輕量級(jí)的設(shè)計(jì)體驗(yàn)。這樣的設(shè)計(jì)手法看起來很有趣，不過有一些設(shè)計(jì)會(huì)讓人覺得沒有視覺焦點(diǎn)。

不過在用戶看來，這樣的設(shè)計(jì)相對(duì)而言更加獨(dú)特，在大量的常規(guī)設(shè)計(jì)中，更容易脫穎而出。不過，這樣的設(shè)計(jì)是否提供了足夠的信息量，用來吸引用戶持續(xù)地關(guān)注或者帶來積極的響應(yīng)，還有待驗(yàn)證。

這一設(shè)計(jì)趨勢(shì)目前還處于早期階段，不少設(shè)計(jì)師在使用它的時(shí)候，還在不斷地增刪元素探索更多可能性。設(shè)計(jì)師總想打破一兩項(xiàng)規(guī)則，創(chuàng)造一些與眾不同的東西，這一點(diǎn)你我都能理解。在項(xiàng)目中迭代設(shè)計(jì)，能夠更加有效地驗(yàn)證想法。目前已有的設(shè)計(jì)案例可能不少還不夠理想，但是在不久的未來，就能找到一套行之有效的完整設(shè)計(jì)方案。

chaptr

stephen

rev

3、黑暗系動(dòng)畫元素

這可能是最近最有趣的設(shè)計(jì)趨勢(shì)了，將顏色深沉的、黑色調(diào)的動(dòng)畫融入到網(wǎng)頁設(shè)計(jì)中來。從色彩上來說，黑暗的色調(diào)更容易營(yíng)造出神秘的氛圍，創(chuàng)造更強(qiáng)烈的形式感，吸引用戶的好奇心探索下去。而動(dòng)畫的加入，則讓整個(gè)頁面更加具有獨(dú)特的生命力。

這種黑暗色調(diào)的動(dòng)畫元素有著多樣的玩法，它們可以以不同的元素呈現(xiàn)出來，可以承載多樣的效果。下面的幾個(gè)網(wǎng)站都采用了不同的黑暗系設(shè)計(jì)元素來完成設(shè)計(jì)，這些動(dòng)畫和黑暗系元素都能夠輕松地吸引用戶去點(diǎn)擊。

雖然這些設(shè)計(jì)看起來很酷，但是并不是所有用戶都會(huì)買單。而且，這樣明顯是經(jīng)過深度定制的設(shè)計(jì)元素，在大屏幕上顯示會(huì)很有沖擊力，但是在移動(dòng)端設(shè)備上顯示就不一定有同樣的效果了。

不過，設(shè)計(jì)趨勢(shì)就是趨勢(shì)，它所帶來的獨(dú)特的設(shè)計(jì)常常是有條件的，營(yíng)造特定的情緒，或者創(chuàng)造獨(dú)特的流行風(fēng)尚，很難去要求這些趨勢(shì)“無所不能”。

當(dāng)然，還有一部分黑暗系的設(shè)計(jì)單純是為了營(yíng)造特定的視覺效果而存在。

如果你想在自己的網(wǎng)站中采用這樣的設(shè)計(jì)，建議最好確保其中視覺元素的可識(shí)別性，也就是保持一定的對(duì)比度，確保用戶可以辨別它們的存在。

雖然下面的幾個(gè)案例并沒有使用太多的色彩，但是在選擇對(duì)比色的時(shí)候，最好選取白色以為其他的色彩，來作為強(qiáng)調(diào)。

另外，這一設(shè)計(jì)趨勢(shì)當(dāng)中，涉及到的動(dòng)畫效果，沒有一個(gè)采用了復(fù)雜的動(dòng)效，這確保了動(dòng)畫內(nèi)容的直觀、易于理解，而且讓整個(gè)瀏覽體驗(yàn)足夠順暢，這也是讓它成為趨勢(shì)的關(guān)鍵性因素。

work-play

garden-eight

projects

結(jié)語

這次所總結(jié)的三個(gè)趨勢(shì)足夠好玩，在接下來到來的開學(xué)季和更遠(yuǎn)一些的購(gòu)物季，這些趨勢(shì)應(yīng)該會(huì)貢獻(xiàn)不少好的設(shè)計(jì)。

原文作者：CARRIE COUSINS

原文地址：webdesignerdepot

譯者：@陳子木

譯文地址：優(yōu)設(shè)網(wǎng)

本文由 @陳子木?授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來自 Pexels，基于 CC0 協(xié)議