图标网格与光学对齐
收录 2026-10
定 24px 网格、2px 描边与圆角，同时解决图标看着偏大偏小的错觉。
一套 [24×24] 的线性图标，描边 [2px]，圆角 [2px]。请给出绘制规则：关键线形状与尺寸、可触碰边界、圆形和方形图标各自的视觉修正量、描边端点与拐角怎么处理。再针对 [播放键、放大镜、铃铛] 三个图标，分别说明要向外或向内补偿多少，才能看起来和方块图标一样大。
本站原创
中文原文
使用示例
示例输入
一套二十四像素线性图标，描边两像素，圆角两像素，帮我给绘制规则和三个图标的补偿量。
输出应包含
- 关键线形状与可触碰边界定清
- 圆形方形的视觉修正量给数值
- 播放放大与铃铛各自补偿说明
复制前替换这些占位符 3
把方括号里的内容换成你的具体信息，替换后再粘贴给 AI。
[24×24][2px][播放键、放大镜、铃铛]
使用建议
圆形图标天然显小，一般外扩一两个像素，别照抄网格尺寸。
可以这样改
- 把风格词换成可测参数：光位、焦段、材质、构图。
- 要求同一提示词出 3 个变体，再对比差异。
交付物（这次应拿到什么）
- 可直接执行的参数表（光线/镜头/材质/构图）
- 2–3 个备选方向，并说明各自取舍
常见错法
- 堆「高级感、电影感、8K」这类词，结果每次都不一样。
- 要真实品牌或明星的样子，得到近似但不可用的图。
输出验收（怎么判断能用）
- 参数可执行：能直接写进工具或交给设计执行。
- 有取舍说明：为什么这样布光/构图，而不是只给结果。
适用场景与注意
- 适合：把模糊的“高级感”拆成光线、材质、镜头、构图等可执行参数。
- 注意：涉及真实品牌、明星、他人作品时改用等价描述，避免侵权与不合规。