2018版移动端ui规范

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

---

• 目录档

• 设计规范定义

• 设计规范使用的优势

• 具体规范到设计中的标准

• 总结

---

一 设计规范定义

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

二 设计规范使用优势

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

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

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

三 设计规范标准

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

再次是关于界面

1:ios上目前主流的尺寸

2:移动端字体

3:界面中使用的图标

4:底部菜单栏icon

5:ios系统和商品的icon

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

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

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

如有需要ios 标准界面 sketch源文件的，可在下方留邮箱，看到会给大家发一份

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