规范 · 2025/4/14
Icon & Iconfont设计指南
总结在跨品牌设计系统(OOP Design System)与多端产品组件库中,从网格绘制、视觉体量平衡到 SVG / Iconfont 工程化交付的实操规范。
绘制规范与视觉平衡
- 统一画板基准网格与安全出血区,结合圆形、方形、横竖矩形关键线(Keylines)校准不同几何形态图标的视觉重量。
- 保持描边粗细、端点属性与内外圆角半径在同套尺寸下的一致性。
从 Figma 到前端交付
导出前合并布尔运算并轮廓化描边(Outline Stroke),检查闭合路径方向(非零环绕规则),统一语义命名并与组件库 Token 对齐,减少前端集成时的对齐偏移与颜色继承问题。