切图命名规范 – 优波设计 – 设计师必备网址导航 ubuuk.com

这是优波设计（ubuuk.com）旗下的切图命名规范专题页面，主要为APP产品经理、设计师、开发工程师（含H5前端）提供协作中的文件命名参考，解决跨角色沟通时的命名混乱问题。

一、核心内容框架
页面围绕“统一命名规范”展开，分两大模块整理了常用场景的中英文命名对照：

1. 基础命名集合（覆盖协作高频场景）
界面命名：包含APP主程序（App）、首页（Home）、个人中心（Personal center）、设置（Settings）等核心界面的中英文对应，比如“搜索结果”对应“Search results”、“锁屏”对应“Lock screen”。
系统控件库：整理了状态栏（Status bar）、导航栏（Navigation bar）、标签栏（Tab bar）、开关（Switch）、弹窗（Popup）等系统级控件的命名，覆盖iOS/Android常见控件。
功能命名：涵盖“确定（Ok）、取消（Cancel）、添加（Add）、删除（Delete）、刷新（Refresh）”等高频操作的命名，解决功能按钮的统一表达问题。
资源类型：明确图片（Image）、图标（Icon）、按钮（Button）、背景（Backgroud）等资源的命名规则，避免“图1、素材2”这类模糊命名。
常见状态：比如“普通（Normal）、按下（Press）、禁用（Disabled）、选中（Selected）”等控件状态的命名，适配交互设计中的状态变化。
位置排序：定义“顶部（Top）、底部（Bottom）、页脚（Footer）”等位置的命名，方便布局类切图的区分。

2. 实战范例：iOS/安卓通用规范
页面以iOS为例（安卓可直接复用），强调“精简但清晰”的命名原则——用最少字符表达完整含义。比如“Navigation bar（导航栏）”可缩写为“nav”，减少文件名长度的同时不丢失信息，还配套了示例图片辅助理解（页面内有“name1.jpg”等示意图）。

二、页面辅助功能
导航入口：顶部可跳转至优波设计首页、文章、素材库（含APP界面、网页设计、Mockups等分类）、工具页；右侧有“返回首页、屏幕尺寸、IOS规范、Android规范、Web标准”等快捷链接，方便快速切换相关设计资源。
额外资源：页面底部有“AI设计小店”入口（链接淘宝店铺，提供Stable Diffusion一键部署服务），以及设计交流QQ群（346333699），方便用户拓展学习或协作。

三、其他说明
版权提示：内容收集自互联网，商业用途需联系原作者；页面有粤ICP备17070061号备案，版权时间覆盖20142019年。

整体来看，这个页面是设计与开发协作的“命名字典”，通过结构化的对照表格，帮团队快速统一语言，提升切图交付效率。