顏色是每個(gè)設(shè)計(jì)的主要組成部分。盡管看起來(lái)顏色總是不變的,但實(shí)際上它是不斷變化的。因此,每年都會(huì)產(chǎn)生新的顏色潮流。
如果你準(zhǔn)備開(kāi)始一個(gè)新的設(shè)計(jì)項(xiàng)目,保持最新的趨勢(shì)是很重要的。這是讓你的設(shè)計(jì)具有相關(guān)性并吸引當(dāng)前受眾的關(guān)鍵。
今天,我們來(lái)看看一些突破性的色彩趨勢(shì),讓你的圖形元素看起來(lái)更加新鮮。我們不只是談?wù)摬煌内厔?shì),我們想要更深入。因此,我們找到了一些真實(shí)的例子來(lái)展示每種趨勢(shì)是如何被不同的行業(yè)所使用的。
今年流行什么顏色?配色會(huì)有新的趨勢(shì)嗎?或者什么老趨勢(shì)會(huì)卷土重來(lái)?以下是我們的預(yù)測(cè)。
1. 大膽的強(qiáng)調(diào)(Bold Accents)
大膽的色彩強(qiáng)調(diào)有時(shí)是在你最意想不到的元素或地方——是一種現(xiàn)代趨勢(shì),已經(jīng)卷土重來(lái)。大約十年前,這種風(fēng)格很流行,尤其是在印刷設(shè)計(jì)領(lǐng)域,現(xiàn)在還沒(méi)有正式進(jìn)入到網(wǎng)站設(shè)計(jì)和數(shù)字媒體領(lǐng)域。
大膽的強(qiáng)調(diào)色有助于對(duì)項(xiàng)目的理解。顏色能幫助你更清楚地看到或理解信息嗎?對(duì)某些單詞或短語(yǔ)是否有更好的關(guān)注?這就是這種趨勢(shì)可以產(chǎn)生重大影響的地方。
Interactiv使用了兩個(gè)醒目的顏色元素——左上角的黃色標(biāo)識(shí)和主標(biāo)題的粉色“nnect”。這些顏色能迅速吸引用戶的視線穿過(guò)屏幕,并將重點(diǎn)放在品牌名稱上。注意,使用粉色的目的實(shí)際上是驅(qū)使你從整個(gè)標(biāo)題中單獨(dú)閱讀到品牌(白色)。
Gestionphi是另一個(gè)經(jīng)典的例子,紅色用于強(qiáng)調(diào)設(shè)計(jì)理解。它也是標(biāo)志的一部分,在一些地方使用了多種顏色,這也很好。由于顏色的選擇,紅色滾動(dòng)按鈕是屏幕上一個(gè)不容錯(cuò)過(guò)的元素。
Xpert Workwear使用漂亮的橙色色塊為設(shè)計(jì)增添了一點(diǎn)視覺(jué)上的樂(lè)趣。對(duì)于一個(gè)工作服品牌來(lái)說(shuō),橙色的巧妙之處在于,它通常與工人的安全背心聯(lián)系在一起。它還將設(shè)計(jì)與服裝本身的細(xì)節(jié)聯(lián)系起來(lái),讓你的注意力一直在頁(yè)面上。
2. 自然啟發(fā)色系(Nature-Inspired Hues)
受自然啟發(fā)的調(diào)色板正在流行。搭配綠色、米色和棕色,這些調(diào)色板都是中性的、簡(jiǎn)單的、有吸引力的。
我們可能會(huì)看到更多這些調(diào)色板的一個(gè)重要原因是回歸簡(jiǎn)單和自然。在這個(gè)世界上,我們因流行而放慢了腳步,然后似乎又再次超速行駛,這種更寧?kù)o的自然靈感有助于平衡我們周圍環(huán)境的關(guān)系。
Venus Williams在其網(wǎng)站上使用一張關(guān)于自然的全屏幕照片,包含有大量的綠色植物,整個(gè)設(shè)計(jì)的背景是米色的。一切都很簡(jiǎn)單,視覺(jué)上令人愉悅,自然的顏色為所有的照片在設(shè)計(jì)中提供了充足的空間。
Hutch Houseplants采用了與他們的網(wǎng)上商店相匹配的大量綠色色調(diào)的顏色。但請(qǐng)注意,不僅僅是照片,文本和其他UI元素也帶有這種自然顏色主題。
Kerrygold’s Magical Pantry帶你踏上另一個(gè)別樣的“旅程”,通過(guò)故事和食譜以及與自然靈感相結(jié)合的調(diào)色板。有了大量的綠色和棕色,顏色不會(huì)妨礙用戶的旅程。
3. 黑與白的網(wǎng)站設(shè)計(jì)(Black and White Web Design)
幾乎所有人都在回歸使用基本黑白色調(diào)的網(wǎng)站設(shè)計(jì)。與過(guò)去的迭代相比,這種顏色趨勢(shì)的不同之處在于,整體視覺(jué)效果不一定與黑白調(diào)色板相一致。
雖然這些設(shè)計(jì)缺乏色彩,但它們通過(guò)動(dòng)畫、懸停效果和整體交互性等有趣的效果來(lái)彌補(bǔ)。
Lou Dos Santos的網(wǎng)站(上圖)使用懸浮互動(dòng)來(lái)在設(shè)計(jì)中創(chuàng)造趣味性。從光標(biāo)的白色氣泡到文本的移動(dòng),黑白在這里一點(diǎn)也不無(wú)聊。
Jerry Wang在其黑白主題的網(wǎng)頁(yè)設(shè)計(jì)上使用了類似的交互效果。它的風(fēng)格更接近于野獸派,有一點(diǎn)尖銳,這與黑白的方案非常契合。
最后,使用黑白主題,一些設(shè)計(jì)師會(huì)添加明亮或大膽的強(qiáng)調(diào)色,以幫助推動(dòng)交互,并向用戶展示如何處理設(shè)計(jì)。
如上圖所示,石灰綠色是一個(gè)很受歡迎的選擇。其他受歡迎的顏色包括橙色或亮藍(lán)色。
我們的目標(biāo)是使用一種與黑色和白色的鮮明感相協(xié)調(diào)的口音,而不是削弱它。
4. 單色海報(bào)設(shè)計(jì)(One-Color Poster Design)
與此同時(shí),印刷(或數(shù)字)海報(bào)設(shè)計(jì)也采用了更簡(jiǎn)單的配色方案,只使用一種顏色。
與網(wǎng)頁(yè)設(shè)計(jì)一樣,這些項(xiàng)目鮮明的、幾乎無(wú)色的本質(zhì)會(huì)在視覺(jué)上影響你,幫助你對(duì)展示的視覺(jué)元素產(chǎn)生更多的興趣。
上面的海報(bào)設(shè)計(jì)使用了深色的背景和金黃色來(lái)講述這個(gè)設(shè)計(jì)的故事。明亮、對(duì)比鮮明的選擇引人注目。
這種方法對(duì)海報(bào)設(shè)計(jì)很有效,因?yàn)樗膭?lì)從遠(yuǎn)處看的人們走得更近,以研究整體設(shè)計(jì)。海報(bào)設(shè)計(jì)的中心有這么多小字,這一點(diǎn)很重要。
在這個(gè)設(shè)計(jì)方案中,顏色是吸引人的元素。
在上面的例子中,藍(lán)色方塊與黑白圖像和文本之間的對(duì)比是如此有趣,以至于你只想了解更多。單色設(shè)計(jì)為海報(bào)奠定了基調(diào)(想象一下,如果圖片是彩色的,你會(huì)對(duì)這個(gè)設(shè)計(jì)有多么不同的感受)。
這種效果可以使一張海報(bào)在眾多海報(bào)中脫穎而出。在這個(gè)電影海報(bào)的例子中,它很可能與許多其他類似形狀的海報(bào)設(shè)計(jì)一起展示。
單色有助于確保在周圍全部都被無(wú)限色彩環(huán)繞的環(huán)境中優(yōu)先看到這個(gè)選項(xiàng)。
最后,帶有黑色文字的白色海報(bào)可能會(huì)非常無(wú)聊,但這個(gè)用紅線創(chuàng)建圖像的例子卻非常有趣和吸引人。
單一顏色的使用將人們的目光吸引到設(shè)計(jì)中,而不會(huì)讓人忽視設(shè)計(jì)中的文字,從尺寸和重量來(lái)判斷這些文字是設(shè)計(jì)師希望你看到的最重要的元素。
顏色幫助眼睛從上到下的直接運(yùn)動(dòng),與平鋪直敘的字體相比提供了一點(diǎn)輕盈的感覺(jué)。
5. 在網(wǎng)站設(shè)計(jì)中使用柔和的色彩(Pastel Colors in Website Designs)
最近潘通色發(fā)布的大多數(shù)新色系都是柔和的色系。好吧,這根本就不是什么驚喜。尤其是在許多品牌和設(shè)計(jì)師已經(jīng)開(kāi)始采用柔和的新色彩趨勢(shì)的情況下。
Dropbox網(wǎng)站的設(shè)計(jì)就是使用柔和色系的一個(gè)很好的例子。
有趣的是,這不是Dropbox的主網(wǎng)站。當(dāng)我們發(fā)布創(chuàng)業(yè)公司的網(wǎng)站趨勢(shì)時(shí),Dropbox的網(wǎng)站是不同的。所以我們可能偶然發(fā)現(xiàn)了網(wǎng)站的另一個(gè)版本,可能是視覺(jué)A /B方案測(cè)試的一部分。
盡管如此,Dropbox網(wǎng)站的主網(wǎng)站設(shè)計(jì)和新的登陸頁(yè)面都使用了華麗的柔和色彩。
Dropbox并不是柔和色系的唯一粉絲,許多其他品牌網(wǎng)站,如Toggl也在他們的設(shè)計(jì)中使用柔和色系。
另一個(gè)例子是Bootstrap網(wǎng)站模板。它還在多種風(fēng)格的網(wǎng)站布局中使用柔和的顏色。
為什么柔和的顏色如此受歡迎?這可能與它給人帶來(lái)的愉悅和平靜的效果有關(guān)。這種感覺(jué)很難描述,但當(dāng)你看到一件色彩柔和的設(shè)計(jì)時(shí),它會(huì)讓你感到放松。
6. 漸變色在Icon中的使用(Gradient Colors in Icon Design)
曾經(jīng)有一段時(shí)間,設(shè)計(jì)師因在設(shè)計(jì)中使用多色配色方案而感到羞恥。今天,情況有所不同,更多的是鼓勵(lì)使用生動(dòng)和多種顏色的調(diào)色板。因?yàn)楝F(xiàn)在它代表了比隨機(jī)顏色更有意義的東西。
這可能就是為什么我們看到許多設(shè)計(jì)師采用漸變配色方案的原因。特別是在圖標(biāo)設(shè)計(jì)方面,我們看到許多品牌,如Instagram利用了這一趨勢(shì)。最新加入的品牌是Mozilla。
2019年6月,Mozilla推出了全新的火狐圖標(biāo)設(shè)計(jì)。Firefox總是使用一個(gè)彩色的圖標(biāo)設(shè)計(jì)。但這種新方法將事情提升到了一個(gè)新的高度。
他們的新調(diào)色板以各種顏色和深淺為特色。該公司表示,新的圖標(biāo)將幫助該品牌“在未來(lái)很長(zhǎng)一段時(shí)間內(nèi)”保持相關(guān)性。
漸變圖標(biāo)是否只適用于產(chǎn)品圖標(biāo)?一點(diǎn)也不。你也可以在網(wǎng)站設(shè)計(jì)和應(yīng)用程序界面上使用它們。這個(gè)商業(yè)圖標(biāo)包就是一個(gè)很好的例子。
7. 復(fù)古霓虹色的標(biāo)志設(shè)計(jì)(Retro Neon Colors in Logo Designs)
80年代的復(fù)古配色正在卷土重來(lái)。特別是在logo設(shè)計(jì)中使用霓虹色是最近越來(lái)越流行的趨勢(shì)。
一個(gè)很好的例子是我們?cè)贒ribbble上找到的這個(gè)品牌標(biāo)識(shí)。它是為一家名為ZenClass的俄羅斯軟件公司設(shè)計(jì)的,這家公司專門從事在線學(xué)習(xí)系統(tǒng)。
注意它是如何使用發(fā)光的霓虹色和漸變的混合,這些技巧使它看起來(lái)真的很迷人。
雖然這一趨勢(shì)不適用于大多數(shù)品牌和標(biāo)志設(shè)計(jì),但它也有自己的受眾。特別是隨著未來(lái)賽博朋克設(shè)計(jì)的流行,這種霓虹色的趨勢(shì)與科技和游戲相關(guān)的品牌最為相關(guān)。
8. 褪色復(fù)古色在標(biāo)簽設(shè)計(jì)中的使用(Faded Vintage Colors in Label Designs)
如今,在標(biāo)簽中使用復(fù)古主題的設(shè)計(jì)非常流行。尤其是那些使用水洗和褪色的復(fù)古色彩的標(biāo)簽設(shè)計(jì)是最吸引人注意的。從服裝標(biāo)簽到咖啡包裝等等,我們都看到了這種顏色的趨勢(shì)。
為什么它在標(biāo)簽設(shè)計(jì)中流行?這主要是因?yàn)閺?fù)古色彩印在硬紙板和紙袋上看起來(lái)非常棒。
但最近,我們發(fā)現(xiàn)這種新趨勢(shì)更進(jìn)一步。甚至出現(xiàn)在啤酒罐的標(biāo)簽上。
這真的讓你想知道,我們?cè)谧冯S設(shè)計(jì)的潮流上倒退了嗎?
9. 產(chǎn)品設(shè)計(jì)中的黑色和金色(Black and Gold Colors in Product Designs)
經(jīng)典的黑色和金色的搭配是永不過(guò)時(shí)的潮流。這種顏色一直是優(yōu)雅、高貴和奢華的象征。當(dāng)然,我們可以期待它今年也能保持它的地位。
問(wèn)題是,接下來(lái)什么樣的品牌和設(shè)計(jì)會(huì)采用這種永恒的潮流?那么,啤酒/飲料品牌怎么樣?
Nightlife Brewing是最新的酒類品牌采用經(jīng)典的黑色和金色趨勢(shì)的產(chǎn)品設(shè)計(jì)。正如你所看到的,它看起來(lái)令人驚嘆,特別是當(dāng)與裝飾藝術(shù)風(fēng)格的設(shè)計(jì)一起使用時(shí)。
MGCO肥皂公司通過(guò)使用深綠色和金色的肥皂包裝設(shè)計(jì),成功地推動(dòng)了這一新趨勢(shì)。
10. 深色主題在APP UI設(shè)計(jì)中的使用(Dark Colors in App UI Designs)
現(xiàn)在手機(jī)和PC終端上的所有應(yīng)用都逐漸進(jìn)入了暗模式。隨著Android、iOS甚至Windows都引入了深色用戶界面,在所有應(yīng)用中加入暗色模式已經(jīng)成為一種標(biāo)準(zhǔn)做法。
谷歌首先為其Gmail移動(dòng)應(yīng)用程序引入了深色主題,隨后是Whatsapp。就連Facebook現(xiàn)在也為其網(wǎng)頁(yè)應(yīng)用添置了深色模式。
毋庸置疑,在接下來(lái)的一段時(shí)間里,我們將會(huì)看到更多使用深色UI的應(yīng)用。當(dāng)然,我們希望設(shè)計(jì)師們能在這一趨勢(shì)中發(fā)揮創(chuàng)意。
為用戶界面創(chuàng)建深色主題并不一定總是必須是黑白的。使用深淺不一的顏色,將有助于為應(yīng)用程序創(chuàng)建一個(gè)令人驚嘆的暗色模式。
那么,接下來(lái)是什么呢?
在色彩和設(shè)計(jì)趨勢(shì)的海洋中,我們確信這些特定的趨勢(shì)將在明年得以延續(xù)和發(fā)展。希望未來(lái)的許多年都是如此。特別是因?yàn)樗鼈兊玫搅艘恍┦澜缟献畲蟮钠放频尿?yàn)證,你可以安全地在你的設(shè)計(jì)項(xiàng)目中使用這些趨勢(shì)。
明年會(huì)有什么新的顏色流行趨勢(shì)?請(qǐng)?jiān)诿髂暾业酱鸢浮?/p>
----圖文來(lái)自:design shack
----由深圳網(wǎng)站建設(shè)公司-Clh翻譯編輯整理,為您提供更多有關(guān)深圳網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)及其他互聯(lián)網(wǎng)應(yīng)用服務(wù)