跳到主要内容

设计稿管理

设计稿命名规范和图层命名规范是设计师在设计过程中非常重要的一部分,它们可以帮助设计师更好地管理设计文件,提高工作效率,同时也能够方便其他团队成员的理解和协作。


文件名称

设计稿文件按照项目的模块来分类。

  • 使用有意义的文件名,如“B 端首页”,切勿出现“未命名文件”。
  • 为每个页面或模块设置单独的文件夹,方便管理和查找。
  • 对于不同版本的设计稿,可以在文件名中添加版本号或者时间戳等信息。
  • 对于多语言网站或应用,可以在文件名中添加语言信息,如“首页-英文.sketch”、“首页-英文.sketch”。

图层命名

使用有意义的名称,简洁明了,能够准确表达该图层的作用。

图层命名

切勿出现:矩形备份、矩形备份 2、矩形备份 3.....这类杂乱的命名。

图层组命名

切换出现:编组备份、编组备份 2、编组备份 3......这类杂乱的命名。

提示

推荐统一命名名称:矩形、背景、字段、编组、选项、卡片、区块、模块......

画板名称

设计稿画板命名按照模块、页面、页面类型三个维度进行管理命名。

例如
采购订单
|----订单查询
|----待新增采购订单
|--------待新增采购订单-新增
|--------待新增采购订单-详情
|--------待新增采购订单-编辑
|----待审核采购订单

采购订单为:文件,待新增采购订单为:页面,待新增采购订单-新增为:页面类型

画板命名:A.1 待新增采购订单A.2 待新增采购订单-新增A.2 待新增采购订单-新增-选择数据

画板命名参考链接:点击跳转查看

sketch 文件页面示例:

sketch 图片

设计页面

标准的设计稿文件应该包含以下页面结构:

  • 设计稿页面的名称,比如:订单查询、待新增订单...
  • 用于方便管理设计稿页面的其它页面,比如:概念稿、设计思路、参考、历史版本、垃圾箱、组件...

注意:设计稿页面和其它页面中间加一个空页面,用于分隔页面,增加易读性。

sketch 图片

切图规范

命名格式

模块/类型/功能/颜色/形状/表现/状态

举例

复用率高的切图,归纳为通用切图:

common_ic_play_gray_normal

设计稿管理

设计稿统一上传至 CoDesign 进行统一管理。