图层命名规范

1、图层切图命名规范
命名按照层级如下:
所处页面> 控件位置>控件类别 > 控件功能描述 > 控件状态
页面之间使用下划线隔开:header_icon_add_nor

按照位置区域

状态栏status bar
头部 header
导航:nav底部 bottom
页面主体:main内容区域 content
主菜单栏、标签 :submenu、tab、Tab Bar
侧栏:side
页尾:footer

状态:

按下状态 pressed普通状态 nor
禁用状态:disabled
突出显示 highlighted
鼠标悬停:hover

功能:

按钮: btn输入框 :textfeild列表: list
文本显示用:Text
文本编辑框:Edit
菜单: Menu
单选钮:Radiobutton
复选框:CheckBox
进度条:ProgressBar:
列表:List
滚动:Scroll
摘要: summary
切换按钮:switch
标签:label
密码:password
段落:paragraph

图层排序规范:

1、应当图层从上到下,按照元素对应在图片中的位置依次从上到下排列。
2、当图层过多功能复杂时,按照功能和元素区域对图层进行分组,并根据图层的颜色给予相应的标记。
3、当需要将PSD文件交给开发时,应当将图层按照一个个独立的元素合并图层。
4、切图标注工具有 pxcook markman Assister PS cutterman 等工具。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容