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

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

讓我們來看看這20個以其出色的配色方案而聞名的圖標設計。

尼克斯萊特的隨機圖標

雖然嚴格來說，圖標使用四種顏色的藍色，但其中三種是圖標的主要顏色。精細的顏色選擇使整個圖標設計一致和詳細。

以色列Ortiz的WPCafédelMuseo圖標

淺黃色用作背景，紅色用作圖標設計的主色，綠色與紅色一起用作輔助和點綴的作用。作為以食物為主題的圖標設計，紅色非常開胃，綠色引人注目，自然，完美。

塞巴斯蒂安阿布德四包裝

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

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

這組圖標采用圓形曲線設計，黑色為輪廓，紅色表示整個設計，白色則設計為負面空間，可補充設計。

Tomomi Sohn的全國插圖

這套圖標設計的亮點是藍色陰影的選擇。白色背景不僅用作背景，還為圖標創(chuàng)造了空間感。細黑線用于概述輪廓，但不是壓倒性的。

FREEBIES - 由HevnGrafix Design設置的42個平面iOS圖標

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

Meg Lewis的圖標

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

Joby Varghese的廚房圖標免費贈送

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

Sebastiano Guerriero的Nucleo Food Free

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

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

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

搖滾明星Onesie by Alyssa Welch

這組圖標的設計也足夠了，黑色部分勾勒出輪廓，白色填充空間，橙色補充細節(jié)以增亮顏色。

Joash Berkeley的Cupcakery圖標

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

Pantone 15年 - 由Annie Ratcliffe升級

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

由Jinglu Li設置的夜間模式圖標

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

Tunde Szentes的食物過敏原圖標

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

免費電子商務由安東Scherbik設置的80個圖標

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

UX＆amp; amp;的圖標研究公司Diana Wieczorek

這是一套與用戶體驗設計相關的圖標設計，精彩的三色組合和熟練的白色設計使這套圖標設計脫穎而出。黃色部分非常吸引用戶的注意力，為嚴肅的主題注入新的活力。

約瑟夫威爾斯的Youtube圖標

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

Cody Fitzgerald的圖標圈子

這也是一組基于藍色的圖標設計，其配色方案也是一個值得稱道的地方。精彩的配色方案和生活主題非常和諧，圓形邊界被劃分為視覺邊界，白色負空間在整個設計中起著重要作用。

文森特坦塔迪尼的免費贈品: 16線插圖

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

結(jié)語

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