很多团队的图标问题并不是画得不好，而是来自不同来源：有人从开源库拷贝，有人临时画一个，有人找运营素材。每个图标单独看都能用，但放在一起就会出现“拼贴感”，界面因此显得不专业。用户不一定能说出原因，但会直觉认为产品不够可靠。
图标的一致性来自两类规则：几何规则决定它们看起来是否同属一套系统，语义规则决定它们表达是否一致。缺任何一类，都会让图标变成噪声。
线性图标最常见的不一致是线宽。有的图标 1.5，有的 2，有的又用实心填充，放在同一行就会出现“轻重不一”。建议先选一套主线宽，并且规定端点样式是圆头还是平头，拐角是圆角还是直角。再规定图标在画布中的占比，避免有的图标太大，有的太小。
其次是圆角。圆角不只是美观，它会影响图标的气质：圆角更温和，直角更硬朗。关键不是选哪种，而是全套一致。你可以允许个别图标因为语义需要而破例，但破例要有理由，而且数量要少。
图标经常与文字并排出现，如果图标的视觉中心不一致，就会造成“看起来歪”。解决方式不是每次手动挪，而是建立规则：图标在画布里的视觉中心要一致，尤其是左右不对称的图标，例如箭头、播放、分享。必要时允许图标在画布里偏移一点点，但偏移必须写进规范。
当你把图标当作排版的一部分去处理，它就会从“装饰”变成“信息”，并且更容易被用户快速识别。
同一个动作在不同页面使用不同图标，会让用户的学习失效。例如“删除”有时用垃圾桶，有时用叉号；“关闭”有时是叉，有时是返回。你需要建立动作到图标的映射表：核心动作优先固定，不要随页面主题变化。
语义一致性还包括方向：左箭头代表返回，右箭头代表前进。不要为了“看起来平衡”而随意镜像，否则用户会产生方向错觉。
图标规范最怕写得很宏大但落不了地。建议从几何规则开始：统一画布尺寸，例如 24x24；统一关键线宽，例如 2；统一圆角与端点样式；统一图标的安全区，让笔画不要贴边。几何统一后，整个图标集会自然“像一家人”。
第二步是语义统一：同一类动作用同一套隐喻，例如“编辑”始终用铅笔，“设置”始终用齿轮，“更多”始终用三点。不要在不同页面里随意更换隐喻，这会让用户在学习成本上反复付费。
图标从来不是孤立出现的，它总会进入按钮、标签、输入框、列表项。建议你把图标当成文字的一部分来对齐：图标与文字的 line 关系要稳定，图标与文字之间的间距要固定，图标尺寸要随着按钮尺寸而变化。只要这三点稳定，界面就会显得“收敛”。
最后别忘了状态：默认、悬停、按下、禁用。图标的灰度与透明度要与文字一致，不要出现按钮文字变浅了但图标仍然很重的情况。状态统一后，用户会觉得整个产品都更可靠。
图标规范最怕写得很宏大但落不了地。建议从几何规则开始：统一画布尺寸，例如 24x24；统一关键线宽，例如 2；统一圆角与端点样式；统一图标的安全区，让笔画不要贴边。几何统一后，整个图标集会自然“像一家人”。
第二步是语义统一：同一类动作用同一套隐喻，例如“编辑”始终用铅笔，“设置”始终用齿轮，“更多”始终用三点。不要在不同页面里随意更换隐喻，这会让用户在学习成本上反复付费。
图标从来不是孤立出现的，它总会进入按钮、标签、输入框、列表项。建议你把图标当成文字的一部分来对齐：图标与文字的 line 关系要稳定，图标与文字之间的间距要固定，图标尺寸要随着按钮尺寸而变化。只要这三点稳定，界面就会显得“收敛”。
最后别忘了状态：默认、悬停、按下、禁用。图标的灰度与透明度要与文字一致，不要出现按钮文字变浅了但图标仍然很重的情况。状态统一后，用户会觉得整个产品都更可靠。
图标规范最怕写得很宏大但落不了地。建议从几何规则开始：统一画布尺寸，例如 24x24；统一关键线宽，例如 2；统一圆角与端点样式；统一图标的安全区，让笔画不要贴边。几何统一后，整个图标集会自然“像一家人”。
第二步是语义统一：同一类动作用同一套隐喻，例如“编辑”始终用铅笔，“设置”始终用齿轮，“更多”始终用三点。不要在不同页面里随意更换隐喻，这会让用户在学习成本上反复付费。
图标从来不是孤立出现的，它总会进入按钮、标签、输入框、列表项。建议你把图标当成文字的一部分来对齐：图标与文字的 line 关系要稳定，图标与文字之间的间距要固定，图标尺寸要随着按钮尺寸而变化。只要这三点稳定，界面就会显得“收敛”。
最后别忘了状态：默认、悬停、按下、禁用。图标的灰度与透明度要与文字一致，不要出现按钮文字变浅了但图标仍然很重的情况。状态统一后，用户会觉得整个产品都更可靠。
图标规范最怕写得很宏大但落不了地。建议从几何规则开始：统一画布尺寸，例如 24x24；统一关键线宽，例如 2；统一圆角与端点样式；统一图标的安全区，让笔画不要贴边。几何统一后，整个图标集会自然“像一家人”。
第二步是语义统一：同一类动作用同一套隐喻，例如“编辑”始终用铅笔，“设置”始终用齿轮，“更多”始终用三点。不要在不同页面里随意更换隐喻，这会让用户在学习成本上反复付费。
图标从来不是孤立出现的，它总会进入按钮、标签、输入框、列表项。建议你把图标当成文字的一部分来对齐：图标与文字的 line 关系要稳定，图标与文字之间的间距要固定，图标尺寸要随着按钮尺寸而变化。只要这三点稳定，界面就会显得“收敛”。
最后别忘了状态：默认、悬停、按下、禁用。图标的灰度与透明度要与文字一致，不要出现按钮文字变浅了但图标仍然很重的情况。状态统一后，用户会觉得整个产品都更可靠。
