色彩匹配是設(shè)計(jì)中永恒的主題。許多設(shè)計(jì)師認(rèn)為三種顏色的顏色匹配是平衡和美麗的。一種顏色太華麗，另一種顏色太簡單。這就是為什么許多配色方案由三種顏色組成的原因。將這種顏色美學(xué)應(yīng)用于小UI元素會有什么影響？這就是我們今天要與沙漠風(fēng)中的每個(gè)人討論的情況：三色圖標(biāo)設(shè)計(jì)，看看三色設(shè)計(jì)并不是很有趣，從中你可以為你的設(shè)計(jì)增添另一個(gè)不同之處。

這三種顏色可以使網(wǎng)頁具有奢華的視覺效果，而極簡主義的圖標(biāo)具有細(xì)膩而精致的特征，溫暖而緊湊的質(zhì)感，以及色彩本身的大量優(yōu)勢。

讓我們來看看這20個(gè)以其出色的配色方案而聞名的圖標(biāo)設(shè)計(jì)。

尼克斯萊特的隨機(jī)圖標(biāo)

雖然嚴(yán)格來說，圖標(biāo)使用四種顏色的藍(lán)色，但其中三種是圖標(biāo)的主要顏色。精細(xì)的顏色選擇使整個(gè)圖標(biāo)設(shè)計(jì)一致和詳細(xì)。

以色列Ortiz的WPCafédelMuseo圖標(biāo)

淺黃色用作背景，紅色用作圖標(biāo)設(shè)計(jì)的主色，綠色與紅色一起用作輔助和點(diǎn)綴的作用。作為以食物為主題的圖標(biāo)設(shè)計(jì)，紅色非常開胃，綠色引人注目，自然，完美。

塞巴斯蒂安阿布德四包裝

白色勾勒出圖標(biāo)的輪廓，而深棕色和黑色結(jié)合在一起，具有不同的美感，豐富的細(xì)節(jié)和溫度。

Andrew Ronaldson的小企業(yè)俱樂部圖標(biāo)

這組圖標(biāo)采用圓形曲線設(shè)計(jì)，黑色為輪廓，紅色表示整個(gè)設(shè)計(jì)，白色則設(shè)計(jì)為負(fù)面空間，可補(bǔ)充設(shè)計(jì)。

Tomomi Sohn的全國插圖

這套圖標(biāo)設(shè)計(jì)的亮點(diǎn)是藍(lán)色陰影的選擇。白色背景不僅用作背景，還為圖標(biāo)創(chuàng)造了空間感。細(xì)黑線用于概述輪廓，但不是壓倒性的。

FREEBIES - 由HevnGrafix Design設(shè)置的42個(gè)平面iOS圖標(biāo)

考慮到呈現(xiàn)復(fù)雜內(nèi)容的需要，一些圖標(biāo)設(shè)計(jì)使用三種顏色，而其他使用四種顏色，但使用的顏色非常均勻，主要是橙色，白色和綠色。每個(gè)圖標(biāo)都有光滑的邊緣和陰影，簡單的設(shè)計(jì)創(chuàng)造出無限潛力的3D紋理。

Meg Lewis的圖標(biāo)

這套圖標(biāo)的設(shè)計(jì)也很有吸引力。黃黑色是經(jīng)典的配色方案。在這套圖標(biāo)設(shè)計(jì)中它看起來也很不錯(cuò)。幾何輪廓的靈活使用使圖標(biāo)具有精致的紋理。

Joby Varghese的廚房圖標(biāo)免費(fèi)贈送

這是一組廚房般的可視化圖標(biāo)，色調(diào)柔和，整體感十足，線條流暢友好。

Sebastiano Guerriero的Nucleo Food Free

這也是與食物有關(guān)的圖標(biāo)的集合。圖標(biāo)的主體也設(shè)計(jì)為紅色和黑色。圓潤的線條很好地說明了食物的細(xì)節(jié)。紅色部分非常有裝飾。背景使用類似于牛皮紙的顏色和紋理。

過程圖標(biāo)/博客由Garrett Campagna發(fā)布

這組過程圖標(biāo)的設(shè)計(jì)細(xì)節(jié)比其他圖標(biāo)更加到位。相同的紅色和黑色配色方案在白色背景上創(chuàng)造了復(fù)古的技術(shù)感，信息就位。

搖滾明星Onesie by Alyssa Welch

這組圖標(biāo)的設(shè)計(jì)也足夠了，黑色部分勾勒出輪廓，白色填充空間，橙色補(bǔ)充細(xì)節(jié)以增亮顏色。

Joash Berkeley的Cupcakery圖標(biāo)

這套圖標(biāo)看起來非常甜美，不同的紅色營造出溫馨有趣的氛圍。

Pantone 15年 - 由Annie Ratcliffe升級

藝術(shù)家將年度Pantone顏色呈現(xiàn)為圖標(biāo)形式的圖標(biāo)。黑色和白色中性色形成框架。圖標(biāo)的主題和主要顏色與年度Pantone顏色有關(guān)。

由Jinglu Li設(shè)置的夜間模式圖標(biāo)

這個(gè)夜間模式圖標(biāo)的設(shè)計(jì)是巧妙的。深藍(lán)色和黃色不僅是色輪上的經(jīng)典配色方案，而且黃色在背景中用作亮色，用于圖標(biāo)的視覺元素。

Tunde Szentes的食物過敏原圖標(biāo)

這套與食物相關(guān)的圖標(biāo)營造出一種自然的氛圍，色彩的選擇顯然是商議的結(jié)果，線條是圓潤的，顏色深度也經(jīng)過調(diào)整。

免費(fèi)電子商務(wù)由安東Scherbik設(shè)置的80個(gè)圖標(biāo)

這是一個(gè)簡單而美麗的電子商務(wù)圖標(biāo)集合，主要顏色是黑色和橙色，充滿了電子商務(wù)的感覺，但并不單調(diào)。

UX＆amp; amp;的圖標(biāo)研究公司Diana Wieczorek

這是一套與用戶體驗(yàn)設(shè)計(jì)相關(guān)的圖標(biāo)設(shè)計(jì)，精彩的三色組合和熟練的白色設(shè)計(jì)使這套圖標(biāo)設(shè)計(jì)脫穎而出。黃色部分非常吸引用戶的注意力，為嚴(yán)肅的主題注入新的活力。

約瑟夫威爾斯的Youtube圖標(biāo)

這組與Youtube相關(guān)的圖標(biāo)充分利用了與3D相關(guān)的信息。紅色和藍(lán)色很好地結(jié)合在一起。美麗是兩者的交匯點(diǎn)，看起來新穎獨(dú)特。

Cody Fitzgerald的圖標(biāo)圈子

這也是一組基于藍(lán)色的圖標(biāo)設(shè)計(jì)，其配色方案也是一個(gè)值得稱道的地方。精彩的配色方案和生活主題非常和諧，圓形邊界被劃分為視覺邊界，白色負(fù)空間在整個(gè)設(shè)計(jì)中起著重要作用。

文森特坦塔迪尼的免費(fèi)贈品: 16線插圖

這套藍(lán)色圖標(biāo)設(shè)計(jì)是另一種風(fēng)格，它更精致，細(xì)節(jié)更接近真實(shí)的東西，這讓人感覺非常好。白色和藍(lán)色的結(jié)合是經(jīng)典，相得益彰。

結(jié)語

三色圖標(biāo)的設(shè)計(jì)非常有趣。好的圖標(biāo)不僅僅是圖標(biāo)的作用，而且許多圖標(biāo)已經(jīng)在頁面中扮演了更重要的角色。三種顏色的組合使整個(gè)設(shè)計(jì)立體化，具有三維結(jié)構(gòu)和超越單色的精彩效果，賦予頁面更強(qiáng)大的動力。