UI设计师必备的切图命名规范,赶紧收藏啦!

来源:网络   作者:热心网友   发布时间:2018-08-04    浏览次数:230

UI设计师经常为切图怎么命名而头疼,这里就给他家整理了常用的APP切图命名规则,大家可以先收藏方便以后查阅哦!


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邮件Mail手表Watch
个人中心Personal center设置Settings地图Maps锁屏Lock screen

 

系统控件库       
状态栏Status bar搜索栏Search bar提醒视图Alert view弹出视图Popovers
导航栏Navigation bar表格视图Table view编辑菜单Edit menu开关Switch
标签栏Tab bar分段控制Segmented选择器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标签TabTree蒙版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)。

 


联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

标签:切图标注

相关推荐

http://www.shejixf.com/shejijiaocheng/uisheji/7435.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通