图层命名规范

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 等工具。

上一篇下一篇

猜你喜欢

热点阅读