图标是界面里最容易被忽略、却最容易暴露不一致的元素。按钮、导航、列表、提示都离不开图标。只要一套图标里出现了线宽忽粗忽细、圆角大小不一致、端点风格混杂，用户会在潜意识里把这种“拼贴感”理解成不专业。更麻烦的是，当产品迭代到一定规模，图标的混乱会拖慢所有后续设计与开发：每次新增一个功能都要重新找一个差不多的图标，然后再继续叠加不一致。
想把图标做统一，不是把所有图标重新画一遍那么简单，而是要把它们从“素材”变成“系统”。系统的核心是可复用的约束：尺寸、线宽、端点、圆角、留白、透视、以及语义命名。约束越明确，新增图标越不靠感觉。
无论图标大小是 16、20 还是 24，最重要的是确定一个统一的画布与栅格。画布决定了图标在界面里的占位，栅格决定了线段和曲线的落点是否整齐。建议先定一个常用画布，例如 24，再在内部设定一个安全区，让主体不要贴边。安全区能让不同图标在视觉上“差不多重”，避免某些图标看起来拥挤，某些图标看起来漂浮。
栅格不需要很复杂，但要能解释大部分形状的对齐关系。常见做法是用 1 的单位栅格，再配合关键对齐线。你会发现只要落点稳定，图标就会天然更干净。反过来，如果落点随意，即使线宽一致，图标也会显得毛糙。
线性图标最关键的统一指标是线宽。线宽的选择要考虑显示环境：太细在低分辨率或小尺寸下会断裂，太粗会让细节糊成一团。确定线宽后，要同时确定端点与拐角样式，是圆角端点还是平直端点，是圆角拐角还是尖角拐角。端点和拐角会直接影响风格感知，它们必须成套出现。
如果你的图标里既有圆角端点，又有平直端点，用户会觉得这不是同一套。解决方式不是在细节上硬磨，而是先规定“默认规则”，只有在语义需要时才破例。例如强调“锐利、精确”的工具类图标可以更直更硬，但要有明确的范围和理由。
线性图标里圆角通常出现两处：外轮廓拐角和内部细节拐角。很多不统一来自半径不一致。有的图标转角很圆，有的转角几乎是直角。建议规定一个基础半径，并在所有图标里使用同一套半径档位。半径档位越少越好，能用一个就别用三个。
半径还要和线宽匹配。线宽越粗，半径就要相应调整，否则会出现“圆角像被挤扁”的感觉。把线宽和半径一起当成风格参数写进规范里，后续维护会轻松很多。
即使画布一致、线宽一致，图标仍然可能看起来不统一，因为视觉重心不一致。有的图标重心偏上，有的偏下，有的细节过多显得更重。解决方法是用“光学对齐”而不是机械居中：让图标的主体在视觉上处于画布中心，而不是数学中心。比如上方尖角的形状可能需要略微下移，底部厚重的形状可能需要略微上移。
同时要控制细节密度。密度太高的图标会显得更重，和简洁图标放在一起就像不同团队画的。可以通过减少内部线段、合并小细节、或者在小尺寸版本里做简化来保持一致。统一的不是每一条线，而是整体的重量感。
很多图标系统失败不是画得不好，而是语义映射混乱。同一个动作在不同页面用不同图标，同一个图标在不同页面代表不同意思。用户会困惑，团队也会争论。建议先为常用动作建立语义词表，例如搜索、筛选、排序、分享、下载、设置。每个词只绑定一个默认图标，必要时再定义变体，但变体要有清晰命名。
命名建议同时包含语义和形态，例如 action-search-line、action-search-solid。这样在设计文件、代码资源和图标字体里都能一眼识别，减少误用。语义稳定后，形态细节才有意义。
最后把这些约束写成可执行的规则：画布尺寸与安全区范围，默认线宽与可选档位，端点与拐角样式，圆角半径档位，默认光学对齐策略，以及语义词表与命名规则。规则越具体，越能减少争吵。你不需要追求完美，只要能让团队在新增图标时“按规则做”即可。
当一套图标能够在新增时保持一致，你的界面会自然更干净、更可信。图标统一不是审美偏好，而是维护成本和产品可信度的基础设施。
很多人在规范都定了之后仍然觉得图标不齐，原因通常是把对齐当成像素对齐，而忽略了光学对齐。比如同样高度的图形，尖角会让上方显得更高，圆形会让边缘显得更近。此时需要做的是微调重心：允许少量偏移，让视觉中心落在同一条水平线上。光学对齐是经验活，但它可以被总结成规则，例如尖角形状整体下移一到两单位，底部厚重形状整体上移一到两单位。
另一个原因是渲染环境不同。设计稿里一切完美，到了实际页面小尺寸显示时，细线会变弱、曲线会变糊。解决办法是为小尺寸准备简化版本，减少内部细节，让线条更连贯。图标系统不是只有一套，而是同一语义在不同尺寸下的稳定呈现。
很多人在规范都定了之后仍然觉得图标不齐，原因通常是把对齐当成像素对齐，而忽略了光学对齐。比如同样高度的图形，尖角会让上方显得更高，圆形会让边缘显得更近。此时需要做的是微调重心：允许少量偏移，让视觉中心落在同一条水平线上。光学对齐是经验活，但它可以被总结成规则，例如尖角形状整体下移一到两单位，底部厚重形状整体上移一到两单位。
另一个原因是渲染环境不同。设计稿里一切完美，到了实际页面小尺寸显示时，细线会变弱、曲线会变糊。解决办法是为小尺寸准备简化版本，减少内部细节，让线条更连贯。图标系统不是只有一套，而是同一语义在不同尺寸下的稳定呈现。
