图层命名规范
2015-09-21 本文已影响0人
秋水
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 等工具。