做界面设计时，icon看着小，但真搞起来一堆坑。之前我们团队上线一个App功能，用户反馈说‘找不到返回按钮’，一看界面，返回icon缩在角落，颜色还跟背景混在一起，难怪看不见。后来调大尺寸、加了描边，问题才解决。这类问题其实都有共性，梳理下几个关键点。
别为了美观牺牲识别性
有些设计师喜欢极简风，把icon做得特别细，线条细到2px，角标圆角拉满。结果在低端安卓机上一显示，糊成一片。记住：用户不会因为你用了多高级的设计语言就买账，他们只关心能不能一眼看懂。比如‘下载’icon，用个清晰的向下箭头比抽象几何图形强得多。
尺寸统一不是死规矩
同一个页面里，所有icon必须等大？不一定。视觉权重得平衡。比如‘删除’icon通常比‘编辑’更危险，可以稍微加重一点；‘搜索’放大些，能引导用户操作。但我们试过一套方案，把所有icon全设成24×24px，结果用户老是误点‘设置’当成‘帮助’，因为两个图标太接近。后来把‘设置’从线性改成面性，拉开差异，点击准确率立马提升。
颜色不能只看设计稿
在Figma里看着清清爽爽的浅灰色icon，到手机上阳光一照，直接消失。特别是户外使用的工具类App，一定要测试高光环境下的可视性。建议主操作icon不用纯色填充，加个浅色描边或者背景圆圈。例如：
<div class="icon-wrapper">
<svg class="icon icon-back" viewBox="0 0 24 24">
<path d="M20 11H7.8l5.6-5.6L12 4l-8 8 8 8 1.4-1.4L7.8 13H20v-2z" fill="#1a1a1a"/>
</svg>
</div>这个例子中，fill值用了深灰而非纯黑，避免割裂感，同时外层容器可加浅灰底增强对比。
命名混乱导致开发翻车
设计师交付时图层命名写‘home_icon_v2_final_copy’，开发直接崩溃。规范命名应该是‘icon_home_24px’这种格式，包含用途、尺寸信息。我们吃过亏：同一个‘收藏’icon，设计稿里出现三种不同样式，开发随机选了一个，上线后被产品经理追着改。
别忽略系统默认行为
iOS和Android对某些icon有默认认知。比如‘更多’用三个竖点还是横点，平台不一样。硬要跨平台统一风格，反而让用户迷惑。曾有个版本我们在安卓上用了iOS风格的齿轮icon当‘设置’，结果用户反馈说‘像故障提示’，赶紧换回标准样式。
小图标背后全是细节。每次改完icon，最好拿真机走一遍核心流程，站在用户角度看看会不会卡住。有时候差那2px，体验就是天壤之别。