美文网首页
图层命名规范

图层命名规范

作者: 秋水 | 来源:发表于2015-09-21 14:31 被阅读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 等工具。

    相关文章

      网友评论

          本文标题:图层命名规范

          本文链接:https://www.haomeiwen.com/subject/epkicttx.html