Sketch的图层命名管理
图层管理-图层的命名
画板命名:
项目名_ 一级分类_ 二级分类_ 状态
例:支付 _ 首页_ 我的_ 未登录
切图命名:
组件_ 类别_ 功能_ 状态@2x.png
例:首页_ 图标_ 搜索_ 默认状态 @2x.png
home_icon_search_nor@2x.png
需要注意:
1、英文命名要小写,因为有些开发语音无法识别大小写的文件。
2、切图要用下划线“_",而不是用:”/“,“/”符号是用来分级的,只适用于我们在软件中管理图标适用,不要命名在切图上。
3、不要有空格。
4、要尽量适用规范的英文单词命名(可简化的要简化),要及时的和开发沟通命名的规范要求。
组的命名:
一级组/二级组/三级组
命名板块的拆分理解:
1、在哪里? 标签栏:tab 导航栏:nav
2、是什么? 图标:icon-ic 背景:back ground-bg
3、什么功能? 搜索:search 设置:set
4、什么状态? 默认状态:normal 不能点击:enabled
命名时常见的英文单词列表
| 中文名 | 英文 |
|---|---|
| 背景 | bg(background) |
| 导航栏 | nav(navbar) |
| 标签栏 | tab(tabbar) |
| 状态栏 | statesbar |
| 内容区域 | content |
| 工具栏 | toolbar |
| 列表 | list |
| 表格 | table |
| 指示器 | indicator |
| 按钮 | btn(button) |
| 图片 | img(image) |
| 删除 | del(delete) |
| 提示信息 | msg(message) |
| 弹出 | pop(pop up) |
| 图标 | icon |
| 选中 | selected |
| 多选 | checkbox |
| 单选 | radio |
| 开关 | switch |
| 进度 | process |
| 信息 | information(info) |
| 头像 | head |
| 不可点击状态 | disabled(dis) |
| 默认状态 | default |
| 按下、点击状态 | pressed(pre) |
| 返回 | back |
| 编辑 | edit |
| 内容 | content |
| 左中右 | left\center\right |
| 标识 | logo |
| 登录 | login |
| 刷新 | refresh |
| 广告 | banner |
| 链接 | link |
| 用户 | user |
| 下载 | download |
| 标题 | title |
| 注释 | note |
| 顶部 | top |
| 中间 | middle(mid) |
| 底部 | bottom |
| 第一 | first |
| 第二 | second |
| 最后 | last |
| 页头 | header |
| 页脚 | footer |