Sketch的命名管理

2021-07-01  本文已影响0人  四叶舟_兰芷

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
上一篇下一篇

猜你喜欢

热点阅读