2018版移动端ui规范

  • 经验类型规范/资料
  • 经验属性原创文章
  • 经验版权署名-非商业性使用
3099 0 17 2018-06-11

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


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




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

一 设计规范定义


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


二 设计规范使用优势

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

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

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


三 设计规范标准

首要规范,界面一定要清晰、易阅、内容安排合理有节奏。

再次是关于界面


1:ios上目前主流的尺寸


Image title


Image title





2:移动端字体


Image title

Image title




3:界面中使用的图标

Image title


Image title


4:底部菜单栏icon

Image title


5:ios系统和商品的iconImage titleImage title


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


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




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




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





全部评论:0条

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票