前端设计切图命名规范
1、常见界面、控件、功能、状态命名集合：
APP产品经理、APP设计师、APP开发工程师，包括H5前端开发人员都可以记住的文件命名规范。
| 界面命名 | |||||||
|---|---|---|---|---|---|---|---|
| 整个主程序 | App | 搜索结果 | Search results | 活动 | Activity | 信息 | Messages |
| 首页 | Home | 应用详情 | App detail | 探索 | Explore | 音乐 | Music |
| 软件 | Software | 日历 | Calendar | 联系人 | Contacts | 新闻 | News |
| 游戏 | Game | 相机 | Camera | 控制中心 | Control center | 笔记 | Notes |
| 管理 | Management | 照片 | Photo | 健康 | Health | 天气 | Weather |
| 发现 | Find | 视频 | Video | 邮件 | 手表 | Watch | |
| 个人中心 | Personal center | 设置 | Settings | 地图 | Maps | 锁屏 | Lock screen |
| 系统控件库 | |||||||
|---|---|---|---|---|---|---|---|
| 状态栏 | Status bar | 搜索栏 | Search bar | 提醒视图 | Alert view | 弹出视图 | Popovers |
| 导航栏 | Navigation bar | 表格视图 | Table view | 编辑菜单 | Edit menu | 开关 | Switch |
| 标签栏 | Tab bar | 分段控制 | Segmented Control | 选择器 | Pickers | 弹窗 | Popup |
| 工具栏 | Tool bar | 活动视图 | Activity view | 滑杆 | Sliders | 扫描 | Scanning |
| 功能命名 | |||||||
|---|---|---|---|---|---|---|---|
| 确定 | Ok | 添加 | Add | 卸载 | Uninstall | 选择 | Select |
| 默认 | Default | 查看 | View | 搜索 | Search | 更多 | More |
| 取消 | Cancel | 删除 | Delete | 暂停 | Pause | 刷新 | Refresh |
| 关闭 | Close | 下载 | Download | 继续 | Continue | 发送 | Send |
| 最小化 | Min | 等待 | Waiting | 导入 | Import | 前进 | Forward |
| 最大化 | Max | 加载 | Loading | 导出 | Export | 重新开始 | Restart |
| 菜单 | Menu | 安装 | Install | 后退 | Back | 更新 | Update |
| 资源类型 | |||||||
|---|---|---|---|---|---|---|---|
| 图片 | Image | 滚动条 | Scroll | 进度条 | Progress | 线条 | Line |
| 图标 | Icon | 标签 | Tab | 树 | Tree | 蒙版 | Mask |
| 静态文本框 | Label | 勾选框 | Checkbox | 动画 | Animation | 标记 | Sign |
| 编辑框 | Edit | 下拉框 | Combo | 按钮 | Button | 动画 | Animation |
| 列表 | List | 单选框 | Radio | 背景 | Backgroud | 播放 | Play |
| 常见状态 | |||||||
|---|---|---|---|---|---|---|---|
| 普通 | Normal | 获取焦点 | Focused | 已访问 | Visited | 默认 | Default |
| 按下 | Press | 点击 | Highlight | 禁用 | Disabled | 选中 | Selected |
| 悬停 | Hover | 错误 | Error | 完成 | Complete | 空白 | Blank |
| 位置排序 | |||||||
|---|---|---|---|---|---|---|---|
| 顶部 | Top | 底部 | Bottom | 第二 | Second | 页关 | Header |
| 中间 | Middle | 第一 | First | 最后 | Last | 页脚 | Footer |
2、以iOS为范例(安卓通用)的切片文件命名规范如下：
个人觉得标识符命名原则，尽可能的用最少的字符而又能完整的表达标识符的含义（如：Navigation bar可以缩减成nav）。
本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！