美文网首页
Sketch的命名管理

Sketch的命名管理

作者: 四叶舟_兰芷 | 来源:发表于2021-07-01 23:13 被阅读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

    相关文章

      网友评论

          本文标题:Sketch的命名管理

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