「三色法則」在圖標設計中同樣威力驚人：主色奠基、輔助色層次、點綴色亮眼。過多顏色顯雜亂，過少則單薄。本文精選20組國際優秀案例，拆解三色配色在微小尺度下的無限表現力。

案例速覽

Nick Slater - Random Icons：四藍色系層層疊加，微妙色調差異營造統一感與細節豐富度。

Israel Ortiz - WP Café del Museo：淺黃底、紅主色、綠點綴，食物主題下紅綠配經典開胃。

Sebastian Abboud - Four-Pack：白線勾勒、深褐與黑構建溫潤質感，細節滿溢。

Andrew Ronaldson - Small Business Club：黑白紅三色，圓潤曲線與負空間構建愉悅視覺節奏。

Tomomi Sohn - Nationwide Illustrations：藍色陰影+白底+黑線，空間感與層次感並存。

HevnGrafix - 42 Flat iOS Icons：橙白綠統一色系，平滑邊緣與陰影賦予偽3D質感。

Meg Lewis - Icons：黃黑經典撞色，幾何輪廓演繹細膩質感。

Joby Varghese - Kitchen Icons：柔和色調、流暢線條，專業廚房視覺化典範。

Sebastiano Guerriero - Nucleo Food Free：紅黑雙色主體、牛皮紙背景，圓潤線條刻畫食物細節。

Garrett Campagna - Process Icons：紅黑白復古科技風，資訊傳達精準到位。

Alyssa Welch - Rockstar Onesie：黑白橙三色，輪廓、填充、細節分工明確。

Joash Berkeley - Cupcakery Icons：多紅色協同營造甜美溫馨氛圍。

Annie Ratcliffe - 15 Years of Pantone：年度潘通色以圖標形式呈現，黑白框架統一，主題色年度呼應。

Jinglu Li - Night Mode：深藍配黃，經典互補色在夜間模式下煥發新生。

Tunde Szentes - Food Allergens：自然色調、圓潤線條、深淺層次分明。

Anton Scherbik - E-commerce 80 Icons：黑橙主色調，電商屬性濃郁且不單調。

Diana Wieczorek - UX Research Icons：三色組合+留白設計，黃色激活嚴肅主題活力。

Joseph Wells - YouTube Icons：紅藍交叉融合，3D視覺暗示新穎獨特。

Cody Fitzgerald - Icon Circles：藍色系為主，圓形邊框劃分邊界，白色負空間關鍵作用。

Vincent Tantardini - 16 Line Illustrations：藍白經典配色，寫實細節刻畫極致精致。

結語

優秀的三色圖標早已超越功能性符號，成為頁面中承擔插畫級視覺重任的關鍵元素。三色賦予立體結構，讓設計穿透屏幕，直擊用戶感知。