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 |