UI设计中的切图命名规范-设计切图规范

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为范例(安卓通用)的切片文件命名规范如下:个人觉得标识符命名原则,尽可能的用最少的字符而又能完整的表达标识符的含义(如:Navigation bar可以缩减成nav)。

UI,UI切图,切图,切图命名,切图规范,设计命名规范

文章教程设计干货

InputText 输入框的交互描述怎么写

2020-5-6 9:44:16

文章教程设计干货

加快Sketch中的工作流程的5个插件

2020-5-26 9:44:27

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
有新消息 消息中心
搜索