WY 关于WY

地球人,专注用户体验设计与前端开发。爱读书爱运动爱设计...[更多]

扫描用手机阅读此文
支持Android/iPhone

您的位置:首页 > 记录 > 设计记录

APP/小程序/H5--UI切图命名规范

文/ WY 2019-01-02 11:33:21 3739阅读

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

本文到此就要告一段落了,如果对你有帮助,能否打赏请我喝杯奶茶呢~ 感谢你的阅读。 

关注微信公众号「木小夭设计」,回复关键字“666”,免费领取一线大厂(BAT)产品的设计规范大礼包等,

muxiaoyao.jpg 

打赏鼓励

如本文对您有帮助,就请我喝杯奶茶吧!

  • 支付宝打赏
    支付宝扫描打赏
    微信打赏
    微信扫描打赏