网站设计中，如何有效合理地运用图标？

1.1 线性之双色

相较于 「纯色的图标」 更具表现力，细节上也会更加丰富，形态感知上多了一层变化。结合颜色的叠加、对比、互补提升了图标的层次感和丰富度。同色系：同为冷色系、暖色系或同一色系的表达形式。如下图案例，以暗色为主色，亮色点缀提亮，使得图标具有一种高光提亮的感觉。

1.3 线性之渐变色

结合渐变的颜色，丰富了整个图标的视觉表达，并提升了图标的视觉冲击力和设计感。案例结合黑白背景作为尝试，白底：粗线比细线的视觉效果相对较好，渐变也能较为清晰地被表达；黑底：细线比粗线的视觉效果显示得更加精致和具有锐度感。


二、线面结合
线面结合的图标集合了线性和面性的优点，它保持了线性极简的特点之外，让图标看起来更加踏实，撑得起场面。

2.1 线面之双色
基于线面的基础上，在线和面的颜色上做差异。



图标虽然作为 UI 设计的基础，却有很深的学问，精致的图标更是可以起到点睛的作用，提升网站界面的质感和氛围。