记得收藏【国际动画教程网】,赶快注册吧!
注册

合作站点账号登陆

QQ登录

只需一步,快速开始

扫一扫,访问微社区

快捷导航
查看: 37463|回复: 0
收起左侧

[设计经验] 2018版移动端ui规范[含9P]

[复制链接]
发表于 2018-6-13 12:09:34 | 显示全部楼层 |阅读模式
设计规范是一种将移动端常用控件标准化、统一化的的文档

                                                       

今天整理了一篇设计规范的文章概论,讲诉中会以ios做介绍,安卓由于开源,平台相对教多不做单一阐述,实际操作的时候,我们不管是做一代还是二次的迭代产品,均需要一个规程的文档,这样才能更好的进行协作和研发、以及为以后的工作做好基石,规范是参考,有一个大标准的前提下,重点在于产品和体验上,还需要我们在实际设计过程中拿捏好。





  • 目录档
  • 设计规范定义
  • 设计规范使用的优势
  • 具体规范到设计中的标准
  • 总结
一 设计规范定义



设计规范是一种将移动端常用控件标准化、统一化的的文档。



二 设计规范使用优势

针对公司:标准化、统一化后,不管任何成员都可以随时插入工作中,很快上手。

针对项目成员:减少沟通成本,有效提升工作效率。

针对用户:减少用户使用的学习成本,提升操作性和用户体验



三 设计规范标准
首要规范,界面一定要清晰、易阅、内容安排合理有节奏。
再次是关于界面


1:ios上目前主流的尺寸














2:移动端字体










3:界面中使用的图标






4:底部菜单栏icon



5:ios系统和商品的icon


最后说下切图,ios切图一般只切偶数,并且需要根据系统要求进行规范命名,界面+功能+状态,例:Home_btn_nor,然后2倍图和3倍图需要分别跟上@2x和@3x的后缀,这样系统才能根据后缀自动分配相应的图到对应的手机上进行显示。


看完后,如果能有效的将标准化的概念引入到工作中,一定会提升大家的工作效率的。






以上参考并非面面具到,欢迎大家在留言中补充,后期我会再修正下,尽量完善。






既然看完了,顺便点个赞吧,谢谢你的阅览。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x




上一篇:C4D室内渲染-建模材质灯光渲染
下一篇:邀请好友全局思考笔记
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】

QQ|QQ群:133515734|站长博客|百度网盘|许进龙|手机触屏版|国际动画教程网 ( ICP13037175 )