# 1. zeplin 命名管理规范
# 1.1. 层级关系
项目 {test product} [
Web&Desktop
/android
/iOS
]@1px 可以以section方式同时上传mobile和web设计图
Tags {使用建议类型} (按 command / shift + 点击进行
tag
多选)Sections {产品名-V0.0.1/190711}
index {a=个人中心;b=关于我们;c=购物车模块 ……}
flow-主流程
flow-支付流程 {特殊流程、模块化流程内容}
...
a01-个人中心
a01-个人中心
...
zz99 - 分享到微信
# 1.2. 受限内容
- tags
- sections
- filename
- description (section & page)
# 1.3. tag 标签
UI/ID
flow/components/Desc.
version(current?)
temp mark{ui/ux/rd}(doing done todo)
tag 仅支持单个筛选,建议使用以下类型的tag,原则上不建议使用版本筛选(如果频繁更新,会导致可用性下降),也没必要根据设备类型筛选,由于assets只支持项目级别筛选,所以不同设备需要建立不同项目。
# 1.3.1. 建议的tag 类型
type —— 设计图类型
- id 交互原型图
- ui 界面设计图
index —— 索引,编号。 可以给index page 单独创建tag,便于快速索引
flow —— 流程图前缀。 快速筛选流程类页面。
version —— 版本号,同内部版本号命名规范; 如不清楚当前版本使用日期替代,格式 yymmdd ,如 2019年07月11日 =
190711
,不同版本使用 section 区分,特殊情况可以使用tag,但不建议。临时tag :
- 看板相关 :
todo
doing
baklog
,可以根据角色需求自行添加,如 rd-todo 、 qa-backlog…… - 其他类型临时需求的tag
- 看板相关 :
# 1.4. artboard name 画板名
通过画板文件名称的统一维护可读性和维护性,特此规定命名方式为:双前缀
-文件名
# 1.5. 命名方法
# 1.5.1. 双前缀
a
01 —— 字母前缀``两位数数字前缀
# 1.5.1.1. a 字母前缀
字母前缀表示功能分块编号, 比如: 个人中心
= a
取值范围:a-z
,一般来说,单个迭代的功能模块,26个字母足够使用。 即使是一些敏捷的完整新项目。
如果特殊的巨大项目,可以使用双字母标记。仅在特殊情况下启用双字母编号,如:ab;ac;ad…az;ba,bb,bc…zz
同时需要清除的标注前缀的对应关系,建议通过以下方式:
section description
如果你的项目并没有太多的模块,比如只有<三个,可以直接在
section description
上添加说明。index artboard
创建单独的 index 画板,在画板里描述清楚板块对应关系
index
a —— 微信
b —— 通讯录
c —— 发现
d —— 我
e —— 支付
f —— 相册
……
index page description
你的项目模块并不多,而且还不想创建单独的 index 画板来解释对应关系,在于团队沟通达成共识的情况下,可以在项目
第一页
画板的page description
里描述清楚板块对应关系
# 1.5.1.2. 数字前缀
用于标记模块下面的页面编码,仅按流程编号使用,便于沟通查找。
取值范围:01
- 99
数字编码不足两位需补齐,比如 a1
应写作 a01
01 = 01 ~ 1000 ,页面编号
100 - 199 a功能模块页面
200 - 299 b功能模块页面
100,200,300 整数类页面可做模块首页及说明使用,非必须。
通常10组够用,特殊情况添加字母前缀。
# 1.5.2. 文件名
命名中的所有英文及字母,请使用小写方式,名称中需要连字的部分使用双驼峰方式,中文不需要考虑。 但请注意文件名的长度,如果太长请考虑放到page description内。
比如:
a01-个人中心
a01-UserCenter
——《论语》