delphi控件切图界面闪烁_UI设计英文切图对照

当界面设计定稿之后，设计师需要对图标进行切片，提供给开发工程师。切图与标注是为了能够满足开发人员对于效果图的高度还原需求，直接影响到工程师对设计效果的还原度，并且也是设计师重要的输出物之一。合适、精准的切图可以最大限度地还原设计图，起到事半功倍的效果。

通常我们只需要对 icon 与图片进行切图即可，文字、线条和一些标准的几何形状是不需要切图的，例如搜索框只需要在标注中描述它的尺寸、圆角大小、背景色值、不透明度即可，开发工程师可以用代码实现这种效果。

切图基本规范

1. 切图的尺寸必须为偶数；

2. 同一模块内，切图大小应保持一致；

3. 如果有背景，尽量用平铺的背景图案来设计(减少程序体积)；

4. 可点击的部件要把相关状态都切图输出，比如：正常状态、点击状态、不可点击状态；

5. 输出的切图应当尽可能的压缩大小，以降低 APP 的总大小，提升用户使用时的加载速度(推荐在线压缩：https://tinypng.com)；

6. 所有的变形字体把它当成 icon 来切；

7. 切图输出格式：png-24；

8. 重复的东西只切一个。

命名公式
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] 默认
press [prɛs] 按下
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] 空白