android 系统的切图方式_设计笔记三十六切图命名规范

关注「就设计」公众号 回复【3】免费获取大厂必看交互设计电子书。 这是就不“100天挑战”的第35篇 交互体验设计师(UED)是为了解决问题而衍生出的职业，这句话在工作中的体会尤为明显。当一个流程业务层面是通顺的，但是使用起来特别奇怪或者展示非常不合理的时候，我们的开发首先想到的是找UED去合理化这个页面的布局，优化体验。 所以用户体验设计是解决问题的，而不是任凭自己想要什么样风格就去做什么。也就会有很多国民级应用不是最好看的，但确实是很好用的，或者洗脑作用是最强的、促销作用是最强的等等。 既然要优化和配合开发完成我们的页面，有个非常重要的细节常常会被忽略，在交付层面上来说就是对各个切图的命名。 一个大型项目会分很多模块，每个模块由不同的设计师来独立完成，还有人会专门管理公共的组件，如tabbar、navbar等等，这种情况下就会分为两种切图，一种是通用类型的切图，还有一种就是各个模块特有的切图。 通用切片命名格式 组件_类别_功能_状态@2x.png 举例：tabbar_icon_home_default@2x.png 模块特有切图命名规则 模块_类别_功能_状态@2x.png 举例： message_icon_sea rch_pressed@2x.png 下面提供一些命名时常用的英文单词列表，总共可以把我们的类型分为： 界面命名、系统控件库、功能命名、资源类型、常见状态、位置排序这几个大类； 如果所有命名都写为全称，名字就会特别长，所以我们可以将一些常用的英文单词进行缩写，减少工作成本与开发代码资源。至于怎么缩写，只要整个团队能够达成共识并且输出一份缩写清单，任何缩写规则都是可以的。 界面/模块命名

整个主程序 APP	搜索结果 Search results	活动 Activity	信息 Messages
首页 Home	应用详情 App detail	探索 Explorer	游戏 Game
相机 Camera	控制中心 Control center	笔记 Notes	天气Weather
地图 Maps	邮件Mail	视频 Video	照片 Photo
管理 Management	发现 Find	个人中心 Personal center	设置 Settings

系统控件

状态栏 APP	搜索栏 Search bar	提醒视图 Alert view	弹出视图 Popovers
导航栏 Navigation bar(nav)	表格视图 Table view	编辑菜单 Edit menu	开关 Switch
标签栏 Tab bar	分段控制 Segmented Control	选择器 Pickers	弹窗 Popup
工具栏 Tool bar	活动视图 Activity view	活动视图 Activity view	活动视图 Activity view

功能命名

菜单 Menu	添加Add	卸载 Uninstall	选择 Select
默认 Default	查看 View	搜索 Search	更多More
取消 Cancel	删除 Delete	暂停Pause	刷新 Refresh
关闭 Close	下载 Download	继续Continue	发送 Send
最小化 Min	等待 Waiting	导入 Import	前进 Forward
最大化 Max	加载 Loading	导出 Export	更新 Update

常见状态

普通 Normal(nor)	获取焦点 Focused	已访问 Visited	默认 Default
按下 Press	点击 Highlight/click	禁用/失效 Disabled	选中 Selected
悬停 Hover	错误 Error	完成 Complete	空白 Blank

意义 这种规范的命名方式是必须要经历的过程，当你习惯了这样的命名方式后，你的成就感会油然而生。熟悉并熟练实用合理和系统化的命名规范，会让你在后续一系列的工作当中提高效率，并且提升自己的专业度。 今天的分享就到这里啦，我建了个设计小群， 欢迎感兴趣的朋友加入，分享成长的点点滴滴。 ----------------Over ---------------- 设计笔记「三十三」对比 设计笔记「三十二」画面构图 设计笔记「三十」文字排版 设计笔记「二十九」色彩搭配法则 交互设计笔记「二十八」UI走查，查些什么？ 交互设计笔记「二十七」标签的七十二变

---

 你们的【在看】是我最大的动力