一个客户的优势板块四个图标：一个立体渐变、一个纯线条、一个拟物、一个Emoji。他问为什么页面看着廉价。我说不是素材贵不贵的问题，是四个图标像四个人画的。后来换了一套统一的图标，页面没动别的，同事都说像重新设计过。网站设计的整体质感，往往就毁在这种小地方。
先定风格，再挑图标
线性、面性、双色、扁平，先选一种，全站只用这一种。判断依据跟着页面气质走：科技类常用细线性，干净利落；政务和服务类偏面性，稳重醒目。定了线性就别混面性，定了双色就别混纯色。图标的圆角和页面卡片的圆角最好一个尺度，细节上的呼应才叫体系。混搭的下场不是丰富，是凌乱。
一致性藏在参数里
同一套图标，笔画粗细要一致，两像素就全站两像素；圆角处理要一致，要么全圆角要么全直角；视觉重量要一致，有的图标画得密有的画得疏，摆一起就轻重失衡。图标和文字之间的间距也统一，忽远忽近的排版一眼就乱。多个图标横排时按同一尺寸框对齐，别按各自的画布边缘对齐。这些参数交给一个人统一管，别每个页面各取各的。
尺寸别随意缩放
位图图标拉大两倍就糊，SVG随意缩放不糊但笔画粗细会显眼地变。导航里24像素的图标和页脚里16像素的图标，视觉上要看着一样重，往往要微调而不是简单缩放。有家客户的页脚图标是从导航直接缩小来的，细看像蚂蚁线。图标在不同尺寸下各出一版，是基本功。
图标从哪来、怎么管
- 选一两个风格统一的开源图标库作为主源，几十万个图标里挑同风格的
- 实在缺的图标按现有库的参数定制补齐，别临时从别处抓一个凑数
- 统一存SVG源文件，建一个图标清单页，标注每个图标的使用场景
- 删除的图标也别从清单里抹掉，标注停用，避免新旧页面撞风格
两条建议：验收网站设计时专门看一遍所有图标的风格，这一项最容易被漏；把图标库来源写进设计规范，后续加页面照源取图，新运营入职交接时把图标规范页讲一遍，十分钟避免几个月的走样。比格网络给客户建站都会留一份图标清单，运营自己上新页也能挑出风格一致的，页面质感才不会越改越散。
