美文网首页
iOS 图片命名规范

iOS 图片命名规范

作者: Oneruofeng | 来源:发表于2018-11-11 10:42 被阅读81次

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等

相关文章

  • iOS 图片命名规范

    1.基本规范: (1)文件名必须全小写(2)采用下划线命名法(3)采用单词全拼,或者大家公认无岐义的缩写(比如:n...

  • iOS 图片命名规范

  • iOS 图片命名规范

    1.基本规范 文件名必须全小写 采用下划线命名话 采用单词全拼或者大家公认无歧义的缩写(比如:nav, bg, b...

  • 安卓动态获取drawable中的图片

    方式一 如果图片命名规范 调用 方式二 如果图片命名不规范 调用

  • Android开发中的优化方案

    一、命名规范 代码规范先从命名规范开始,Android的命名规范主要涉及:Java源代码,xml文件,图片资源。 ...

  • 图片命名规范

    图片命名规范 1. 不要用拼音,尽量使用英文 2. 下划线 nav_right_back 3. 注意区分倍图@2x...

  • 图片命名规范

  • swift开发:语言基础

    必要了解快速索引查看错误查询严谨起步项目命名规范文件和声明的命名规范图片资源的命名规范注释规范常规注释MARK带代...

  • 批量修改文件名的脚本

    前言 做RN游戏 有些图片是png图片. uI给的命名 不规范, 通过脚本给图片重命名

  • 网易微专业-页面架构 规范

    1、规范:▪文件规范▪注释规范▪命名规范▪书写规范▪其他规范(HTML和图片) 2、文件规范⑴分类 ⑵引入 ⑶本身...

网友评论

      本文标题:iOS 图片命名规范

      本文链接:https://www.haomeiwen.com/subject/gwhxfqtx.html