千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > UI设计切图英文命名篇

UI设计切图英文命名篇

来源:千锋教育
发布人:wjy
时间: 2022-06-08 11:06:00 1654657560

  命名公式

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

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

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

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

  命名英文缩写的原则:

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

UI设计切图英文命名篇248UI设计切图英文命名篇250

 

  控件

  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]文本框

UI设计切图英文命名篇975

 

  页面

  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ɚ]个人中心

UI设计切图英文命名篇1440

 

  类别

  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ɪ] 播放

UI设计切图英文命名篇1804

 

  功能

  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] 更新

UI设计切图英文命名篇2276

 

  常见状态

  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培训”的问题,欢迎咨询千锋教育在线名师。千锋教育多年办学,课程大纲紧跟企业需求,更科学更严谨,每年培养泛IT人才近2万人。不论你是零基础还是想提升,都可以找到适合的班型,千锋教育随时欢迎你来试听。

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT