切图命名规范

切图命名规范官网地址

切图命名规范的官方网站入口为：https://www.ubuuk.com/cutname

切图命名规范是什么？

切图命名规范是优波设计网站旗下的一个实用参考页面，专门为UI设计师、产品经理以及前端开发人员整理了一套系统的界面元素命名规则。这个页面汇集了常见的APP界面、控件、功能状态和资源类型的英文命名方案，并以iOS为范例给出了切片文件的命名建议。它就像一本随时可查的命名词典，帮助你减少团队协作中的沟通成本，让设计稿到开发的交付更加规范、高效。

切图命名规范核心功能

• 界面命名集合：提供首页、搜索、设置、个人中心等数十个常见APP界面的英文命名，覆盖主程序和二级页面
• 控件与功能命名：整理状态栏、导航栏、弹窗、开关、分段控制等系统控件名称，以及确定、取消、下载、刷新等高频功能动作的英文表达
• 资源与状态命名：列出图片、按钮、进度条、蒙版等资源类型，以及普通、悬停、禁用、选中、完成等常见状态的统一叫法
• 切片命名范例：以iOS为基准，给出类似“nav”缩写的简化命名建议，方便安卓、H5项目通用参考
• 即查即用：页面信息按分类清晰排列，无需注册或登录，打开网页即可快速浏览和复制所需的命名

切图命名规范使用教程

打开优波设计网站的切图命名规范页面，无需任何登录操作。 页面上方展示了几大类命名表格，从界面命名到位置排序依次排列，直接向下滚动浏览。 根据你当前的设计项目需求，找到对应模块，比如需要命名一个底部导航栏，可在控件库中找到“标签栏 Tab bar”。 可以选中需要的文字直接复制，或参考iOS范例中的缩写建议，融入自己的设计规范文档中。 将统一后的命名应用于切图文件名、标注文档或与开发人员的交接中，确保上下游理解一致。

易导航总结

这个切图命名规范页面更像一份直接可用的静态参考资料，内容整理得较为全面，适合初入行的UI设计师、没有固定命名体系的小团队快速建立统一标准。对于经验丰富的从业者，它也能作为查漏补缺的检查清单。从页面信息看，内容主要停留在常见英文术语的罗列，缺乏动态更新、搜索筛选或自定义编辑功能，部分命名可能无法覆盖所有垂直业务的特殊场景。另外，页面版权显示为2014至2019年，规范是否持续维护未明确，使用者可以结合实际项目情况灵活调整。总体而言，它是一个轻量、直观的命名参考工具，能有效降低设计协作中的命名混乱问题。

首页截图