一般来说移动端或web端设计图交付形式都是上传到蓝湖或摹客，以链接的形式交付产品跟前端，沟通效率高且修改更新方便。但也会遇到一些跟事业单位合作的甲方，要求以图片的形式交付以便他们存档。

那么怎样给网页设计图命名编号才能保证图片可以按页面层级排序呢？下面总结的一些规则跟大家分享：

目的：

图片按顺序编号，便于甲方阅读者查看

通过编号名称可判断设计图的项目名称、页面层级，便于设计师查找

适用范围

需交付导出设计图的项目类文件

编号规则

共三级：项目名称缩写+一级页面排序+剩余层级页面排序

以江西省图书馆门户为例

1. 项目名称缩写

如果公司大部分项目用图片形式交付则有必要加，方便团队查找。如果只有个别项目以图片形式交付那这一步可省略

例：

江西省图书馆可简称JXT

2. 一级页面排序

使用序号：00、01、02、03、...

例：

JXT_00首屏

JXT_01活动安排

JXT_02数字资源

...

以此类推

3. 剩余层级页面排序

一级分项使用序号：1.0、2.0、3.0、...

二级页面使用序号：1.1.0、1.2.0、1.3.0、...

三级页面使用序号：1.1.1、1.1.2、1.1.3、...

例：

备注：剩余层级页面排序当有下一级页面时，上一级后面需加.0占位，比如：二级页面是1.1，当有三级页面时，则需要命名为1.1.0。否则，1.1.1会排在1.1前面。这跟系统默认排序规则有关，先序号再文字。

这样，交付的设计图不仅按页面层级顺序排列，还可以从命名编号就可以看出是哪个模块的第几级页面。