码迷,mamicode.com
首页 > 移动开发 > 详细

2018版移动端ui规范

时间:2018-06-19 14:05:37      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:class   商品   标准   cap   参考   提升   底部菜单   div   分享图片   

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

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


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

一 设计规范定义

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

二 设计规范使用优势

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

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

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

三 设计规范标准

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

再次是关于界面

1:ios上目前主流的尺寸

技术分享图片

 

技术分享图片

 

2:移动端字体

技术分享图片

 

技术分享图片

 

3:界面中使用的图标

技术分享图片

 

技术分享图片

 

4:底部菜单栏icon

技术分享图片

 

5:ios系统和商品的icon

技术分享图片

 

技术分享图片

2018版移动端ui规范

标签:class   商品   标准   cap   参考   提升   底部菜单   div   分享图片   

原文地址:https://www.cnblogs.com/cuiyubo/p/9197767.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!