美文网首页UI
UI设计切图英文命名篇

UI设计切图英文命名篇

作者: J_WongH | 来源:发表于2017-10-26 11:42 被阅读0次

    命名公式

    1.通用切图命名格式:控件_类别_功能_状态@倍率.png

    栗子:tab_icon_home_def@2x.png (对应中文:标签栏_图标_主页_默认default@2x.png)

    2.页面切图命名格式:页面_类别_功能_状态@倍率.png

    栗子:mail_icon_search_pre@2x.png(对应的中文为:邮件_图标_搜索_ 点击@2x.png)

    命名英文缩写的原则:

    字母数不超过8个的直接写;较长单词去头部的几个字母;遵循约定俗称的缩写方式

    控件

    status bar [ˈstetəs‘bɑ:r] 状态条(缩写:status)

    navigation bar [ˌnævɪˈɡeʃən'bɑ:r]导航栏(缩写:nav)

    tabbar [tæb'bɑ:r] 标签栏(缩写:tab/tabbar)

    searchbar [sɜ:rtʃ'bɑ:r] 搜索栏(缩写:searchbar)

    toolbar ['tu:lbɑ:r] 工具栏(缩写:toolbar)

    button [ˈbʌtn]按钮(缩写:btn)

    edit menus [ˈɛdɪt‘menju:z]编辑菜单

    labels ['leɪbəlz]标签(缩写:lab)

    segmented controls [ˈsɛɡˌmɛntɪdˈtroʊl]分段控制器(分段选项卡)

    alert view [əˈlɜ:rt'vju] 提醒视图

    popup ['pɒpʌp] 弹窗

    scanning [ˈskænɪŋ] 扫描

    picker ['pɪkər] 选择器

    page controls [pedʒ'kənˈtroʊl] 页面控制器(页面指示器)

    progress Indicators [ˈprɑ:gres‘ɪndɪkeɪtəz] 进度指示器

    activity Indicators [ækˈtɪvɪti‘ɪndɪkeɪtəz] 活动指示器

    refresh content controls [rɪˈfrɛʃˈkɑ:ntentˈtroʊl] 页面刷新指示器

    slider ['slaɪdər] 滑动器

    steppers ['stepəz]步进器

    switches [swɪtʃɪs]开关

    text fields [tɛkst‘fildz]文本框

    页面

    login  [ˈlɔ:gɪn]登陆页(计算机常用)

    register [ˈrɛdʒɪstɚ]注册

    sign in [saɪn ɪn] 登陆(生活常用)

    sign up [saɪn ʌp]注册

    home [hoʊm] 主页

    find [faɪnd] 发现

    explore [ɪkˈsplɔr] 探索

    activity [ækˈtɪvɪti] 活动

    management [ˈmænɪdʒmənt] 管理

    messages ['mesɪdʒɪz] 信息

    news [nu:z] 新闻

    search results [sɜ:rtʃ'riˈzʌlts] 搜索结果

    music [ˈmjuzɪk] 音乐

    notes [noʊt] 笔记

    calendar [ˈkæləndɚ] 日历

    video [ˈvɪdioʊ] 视频

    settings [ˈsɛtɪŋ] 设置

    weather [ˈwɛðɚ]  天气

    contact [ˈkɑ:ntækt] 联系人

    personal center [ˈpɜ:rsənlˈsɛntɚ]个人中心

    类别

    image [ˈɪmɪdʒ] 图片

    scroll [skroʊl] 滚动条

    progress [ˈprɑ:gres] 进度条

    line [laɪn] 线条

    icon [ˈaɪkɑ:n] 图标

    tab [tæb] 标签

    tree [tri] 树

    mask [mæsk] 蒙版

    label [ˈleɪbl] 静态文本框

    checkbox [ˈtʃekbɑ:ks] 勾选框

    animation [ˌænəˈmeʃən] 动画

    sign [saɪn] 标记

    edit [ˈɛdɪt] 编辑框

    combo [ˈkɑ:mboʊ] 下拉框

    button [ˈbʌtn] 按钮

    list [lɪst] 列表

    radio [ˈreɪdioʊ] 单选框

    background [ˈbækˌɡraʊnd] 背景

    play [pleɪ] 播放

    功能

    OK 确定

    add [æd] 添加

    uninstall [ˌʌnɪnˈstɔl] 卸载

    install [ɪnˈstɔl] 安装

    select [sɪˈlɛkt] 选择

    default [dɪˈfɔlt] 默认

    view [vju] 查看

    search [sɜ:rtʃ] 搜索

    more [mɔr] 更多

    cancel [ˈkænsəl] 取消

    delete [diˈlit] 删除

    pause [pɔz] 暂停

    refresh [rɪˈfrɛʃ] 刷新

    close [kloʊz] 关闭

    download [ˌdaʊnˈloʊd] 下载

    continue [kənˈtɪnju] 继续

    send [sɛnd] 发送

    min 最小化

    max 最大化

    waiting [ˈwetɪŋ] 等待

    import [ˈɪmpɔ:rt] 导入

    forward [ˈfɔ:rwərd] 向前

    restart [ˌri:ˈstɑ:rt] 重新开始

    menu [ˈmɛnju] 菜单

    back [bæk] 后退

    update [ʌpˈdet] 更新

    常见状态

    normal [ˈnɔ:rml] 普通

    focused [ˈfəʊkəst] 获取焦点

    visited ['vɪzɪtɪd] 已访问

    default [dɪˈfɔlt] 默认(缩写:def)

    press [prɛs] 按下(缩写:pre)

    highlight [ˈhaɪˌlaɪt] 点击

    disabled [dɪsˈebəld] 禁用

    selected [sɪ'lektɪd] 选中

    hover [ˈhʌvər] 悬停

    error [ˈɛrɚ] 错误

    complete [kəmˈplit] 完成

    blank [blæŋk] 空白

    相关文章

      网友评论

        本文标题:UI设计切图英文命名篇

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