网格留白：用24格画布建立一组图标

网格是组织坐标的工作台。为了让例子可复做，本页采用24×24的逻辑画布，四边先留3个单位，主体放在18×18的区域内。这是本站练习约定，不是所有图标都要遵循的固定标准。

画布大小不等于图形大小

画布决定资源的外部尺寸，轮廓决定人眼看到的占地。一个细长书签即使高18个单位，看起来也可能比宽18个单位的文件夹轻。应先对齐中心和基本边界，再并排检查视觉分量；不要为了把包围盒塞满而把书签拉宽。

在24格画布中，文件图标采用 x=5 到19、y=3 到21 的主体；搜索图标以偏左上方的圆环加右下手柄组成；书签用 x=6 到18、y=3 到21。三者沿画布中心排列，但搜索手柄把外缘拉向右下，需要在光学校正阶段单独处理。网格图中的内框只表示起始留白，不裁切超出的细节。

先画中心十字，固定顶、底两条参考线。再用矩形、圆和直线构成骨架，暂时不加折角装饰。随后以实际使用大小查看，检查窄缝是否挤在一起。最后记录每个例外：圆是否略大、手柄是否偏移。记录理由能让后续新增图标沿用同一套判断。

放大镜手柄、对角箭头等斜向形状很难只用横竖线对齐。允许少量位置调整，但先保持线宽、端点和角度语言一致。用于品牌插画的图形可以更自由；用于密集操作栏的图标需要优先考虑排齐和辨认。

给所有画布加浅色背景，先看组件盒子是否排齐，再去掉背景看轮廓。如果盒子整齐而图形参差，问题在内部坐标；如果连盒子也歪，先检查布局尺寸与对齐方式。避免用页面边距去补偿某一个图标内部的偏移。

24格导出后只能显示24像素吗？

不能这样理解。逻辑画布与显示尺寸是两个层次，同一矢量图可以放大或缩小；但不同显示尺寸仍需要检查细节。

每个图标必须有相同留白吗？

先有共同基准，再为细长形或圆形保留有理由的例外。看起来协调比机械填满同一矩形更重要。