教你5招，轻松打造系统图标规范

这里我先说一些禁忌（安卓）

1. 命名里面切记勿留空格：如btn _Home_new album
2. 避免带后缀数字：如@1，@2，@3的后缀不允许出现，我发现好多设计师都这样做，这个绝对不标准；如btn_home_add@2,开发拿到资源会全部重新命名。如果我们遵守开发规则，那么切图资源他们可直接调用
3. c命名里面不允许夹带大小写：如icon _Home_search

因为安卓开发用java去写编写的，java本身就有命名要求， 有空格资源是无法识别的。也不允许有大小写，除非是java本身文件。不允许有数字，可用字母去代替数字。

正确的命名原则：ic/btn_位置_功能_状态

• ic_navbar_search_normal
• ic_toolbar_delete_normal

简约命名方式：ic/btn_功能

• ic_like
• ic_download
• btn_add
• ic_global_search(全局使用必须加全局标识)

常用的命名简写模式

• ic(Icon)
• bg(background)
• di(divider)
• bt(bution)
• cl(color)

总结

从第一步风格设定、到后面网格设定、美学风格和辅助元素，相信大家对于系统图标的指导方针有一定的了解。

那么现在是否是可以把自家的产品图标拿出来梳理一下呢（自驱力去解决之前图标不规范问题），可以从这几个步骤中，看能否梳理出一些常见问题，比如倾斜角度没有规则，线条倾斜方向混乱，或者图标视觉体量感是否一致等，这些都可能会影响到产品视觉风格一致性的关键原因。

当然图标系统还有一些细节元素我就不再这里赘述了，比如下图图1中，图标切割该去如何定义，图2中图标断开的地方该多宽合适？规则如何去定？大家慢慢去思考吧！

#专栏作家#

TONY，公众号：功夫UX，人人都是产品经理专栏作家。百度高级UI设计师，关注互联网To C产品，关注物联网车载方面，擅长产品界面设计，产品基础设计语言定义，前瞻性设计风格探索。关注公众号并回复“图标网格”获取图标网格源文件一份。

本文素材来自互联网

（编辑：核心网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!