界面命名对照
列出主程序各页面的中英文对照，包括 App、搜索结果—Search results、首页—Home、应用详情—App detail、个人中心—Personal center、设置—Settings 等，设计师可直接按此给页面切图命名。
价格官网未标价
平台Web
归类其他 AI 工具
收录2026-10-11
复核2026-10-11
编辑评分
4.3 / 5
★★★★☆
切图命名规范编辑总结
切图命名规范是一份面向 APP 产品经理、设计师、开发工程师以及 H5 前端人员的文件命名参考，核心内容是界面、系统控件、功能、资源类型、常见状态与位置排序六大类词汇的中英文对照。每类中给出中文名称与对应的英文标识符，例如「导航栏—Navigation bar」「状态栏—Status bar」「下拉框—Combo」。命名原则强调用尽可能少的字符完整表达含义，例如把 Navigation bar 缩减成 nav。它以 iOS 为范例，安卓通用，适合在做切图与代码命名时对照查词。
切图命名规范是什么？
切图命名规范是一份中英文命名对照资料，面向 APP 产品经理、APP 设计师、APP 开发工程师以及 H5 前端开发人员，帮助这些人统一记住并沿用同一套文件命名方式。
内容按六大类组织：界面命名覆盖 App、搜索结果、首页、应用详情等主程序页面词汇；系统控件库覆盖状态栏、搜索栏、导航栏、标签栏、按钮、下拉框等控件词汇；功能命名覆盖确定、添加、删除、刷新、下载等操作词汇；资源类型覆盖图片、图标、按钮、列表、单选框等素材词汇；常见状态覆盖普通、默认、按下、禁用、悬停、错误等交互状态词汇；位置排序覆盖顶部、底部、第一、最后、页眉、页脚等位置词汇。
资料以 iOS 为范例，安卓通用，并给出命名原则：标识符应尽可能用最少的字符完整表达含义，例如把 Navigation bar 缩减成 nav。设计师在输出切图、开发在写组件与资源名时，可以按类别直接查词对照。
切图命名规范核心功能
系统控件命名
覆盖状态栏—Status bar、搜索栏—Search bar、导航栏—Navigation bar、标签栏—Tab bar、分段控制—Segmented Control、选择器—Pickers、弹窗—Popup、滑杆—Sliders 等控件词汇。
功能命名对照
给出确定—Ok、添加—Add、卸载—Uninstall、刷新—Refresh、下载—Download、发送—Send、导入—Import、导出—Export 等操作按钮的英文写法，便于多端统一。
资源类型命名
覆盖图片—Image、图标—Icon、按钮—Button、列表—List、单选框—Radio、勾选框—Checkbox、进度条—Progress、蒙版—Mask 等素材类型，切图文件可据此归类。
常见状态命名
列出普通—Normal、获取焦点—Focused、已访问—Visited、按下—Press、禁用—Disabled、选中—Selected、悬停—Hover、错误—Error 等交互状态，用于同一控件的多态切图。
位置排序命名
给出顶部—Top、底部—Bottom、第一—First、第二—Second、中间—Middle、最后—Last、页眉—Header、页脚—Footer 等位置词汇，处理列表与布局切图时可直接套用。
缩写命名原则
提出标识符应尽可能用最少的字符完整表达含义，例如 Navigation bar 可缩减为 nav，帮助团队在可读性与长度之间取得平衡。
iOS 范例安卓通用
整套命名以 iOS 为范例，安卓通用，iOS 与 Android 项目可以共用同一套词汇表，减少两端命名分歧。
切图命名规范适合谁用？
APP 设计师
推荐交付切图时需要给每个图层和导出文件起英文名，可直接按界面、控件、状态三类词汇查表命名，减少与开发来回确认。
APP 开发工程师
推荐写控件与资源引用时按同一套词汇命名，和设计师对齐后能减少大小写、缩写不一致带来的返工。
H5 前端开发
推荐做移动端页面时同样会涉及导航栏、标签栏、弹窗等命名，词汇表以 iOS 为范例、安卓通用，跨端项目可复用。
APP 产品经理
推荐写需求文档标注界面与控件时可用对照表统一术语，减少文档里中英文混用导致的歧义。
需要标注多状态切图的团队
有条件常见状态只有普通、按下、禁用、选中、悬停、错误等若干条，复杂交互态或组件变体数量多时，这份对照表覆盖不到。
切图命名规范优点和缺点
优点
- 六大类词汇均有中英文对照，界面、控件、功能一次查全
- 以 iOS 为范例且安卓通用，跨端项目可共用一套命名
- 提出最短字符表达含义的缩写原则，并给出 nav 这类示例
- 面向产品、设计、开发、前端四类角色，术语口径统一
- 条目按类别分组罗列，查找时不需要逐页翻
缺点
- 仅提供词汇对照，官网未公开切图文件的具体命名格式规则
- 未涉及多状态、多倍图、组件变体等复杂切图的命名组合方式
- 未说明更新频率与维护范围，新增控件可能查不到
- 仅覆盖界面与控件词汇
切图命名规范常见问题
这份规范适合谁用？＋
面向 APP 产品经理、APP 设计师、APP 开发工程师，以及 H5 前端开发人员。凡是需要给界面、控件、功能、资源或状态起英文名的人都可以对照使用，团队里多角色共用同一套词汇能减少命名分歧。
命名覆盖了哪些类别？＋
一共六类：界面命名、系统控件库、功能命名、资源类型、常见状态、位置排序。界面上从首页、搜索结果到个人中心、设置都有对应英文；控件上覆盖状态栏、导航栏、标签栏、按钮、下拉框等。
缩写该怎么处理？＋
资料给出的原则是尽可能用最少的字符完整表达标识符的含义，并举了 Navigation bar 缩减成 nav 的例子。套用到其他词汇时，可以按同样的思路保留可辨识的核心词、去掉冗余后缀。
iOS 和安卓要分开命名吗？＋
不需要。这套规范以 iOS 为范例，安卓通用，两端项目可以共用同一份词汇表，导航栏、标签栏、弹窗这类两端都有的控件沿用同一英文写法即可。
需要付费吗？＋
官网未公开定价与免费使用范围，也没有列出任何付费档位。若计划用于商业项目，建议先到官网确认使用条款再决定。
切图命名规范竞品对比
| 工具 | 编辑评分 | 价格 | 核心功能 | 平台 |
|---|---|---|---|---|
| 切图命名规范本工具 | 4.3 | 未标价 | 界面命名对照；系统控件命名；功能命名对照；资源类型命名 | Web |
| GreatFit | — | 未标价 | 筛选开发人员的文化契合度和... | — |
| ZPMF | — | 未标价 | 任意一张照片，都可以做成魔... | — |
| 画个圈 | — | 未标价 | 在电脑或手机上都可以测试一... | — |
| inspiration | — | 未标价 | 设计师常用的寻找设计和创意... | Web |
| Noun Project | — | 免费下载带署名；Pro 年付 $ 3.33 / 月；Studio 900 积分 | 全世界设计师精心设计的超15... | Web / API |
