iOS 图片命名规范

1.基本规范

  • 文件名必须全小写
  • 采用下划线命名话
  • 采用单词全拼或者大家公认无歧义的缩写(比如:nav, bg, btn, img等)
  • 尽量使用Assets来管理
  • 图片后缀只要@2x和@3x,支持1x图片的手机由于几经不再支持,导入后请删除以节省磁盘占用空间
  • 切图建议尽量使用PNG格式,比较大的资源可以jepg
  • 禁止使用 Display 3颜色空间的图片(需要兼容iOS9.0~9.3)

2.命名规则

类别_模块_属性描述_状态+倍图+.+文件类型

命名的名称要对图片的类型和使用范围已经状态特征有一个清晰的含义,好的命名应该有自解释性,不会产生歧义,不能出现资源名称重复。

例如:
btn_wifi_search_white_nor@2x.png

a.类别(必选)

类别是按照资源类型划分为以下几个类别

img - 比较打的图片,例如首页Banner占位图,启动图
btn - 一般用于按钮的背景图
icon - 小的图标或者按钮上的图标

例如:
img_home_default_banner@3x.png

b.模块(可选)

模块为通用模块时,不需要,属于具体某个模块时需要,可以按功能区分也可以按某个界面区分(eg:wifi,sim,home,payment,booking)。

例如:
icon_arrow_right_white_nor@2x.png
icon_wifi_search_result_filter@2x.png
icon_payment_pay_type_alipay@2x.png

c.属性描述(必选)

详细描述该资源的其他特征,按照从抽象后具体的范围,资源的颜色,名称,箭头的方向都属于此类。

例如:
icon_review_placeholder_avatar@2x.png

d.状态(可选)

当给按钮的资源命名时用到,使用简写

  • nor (normal: 一般状态)
  • def (default: 默认状态)
  • sel (selected:选中状态)
  • hig (highlight:高亮状态)
  • dis (disabled:不可用状态)

e.倍图(必选)

使用@2x或者@3x,不推荐使用1x图

禁止以下用法:
icon_payment_pay_type_alipay.png

f.文件类型(必选)

使用小写,例如png,jpg,git,svg等

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容