1. 首页
  2. 站点推荐

UI切图命名规范

1、常见界面、控件、功能、状态命名集合:APP产品经理、APP设计师、APP开发工程师,包括H5前端开发人员都可以记住的文件命名规范。

UI切图命名规范

界面命名

整个主程序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 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标签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为范例(安卓通用)的切片文件命名规范如下:

UI切图命名规范

文章:《UI切图命名规范》。发布者:admin,转转请注明出处:https://www.18xpm.com/2221.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注

QR code