2018版移动端ui规范

Posted cuiyubo

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了2018版移动端ui规范相关的知识,希望对你有一定的参考价值。

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

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


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

一 设计规范定义

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

二 设计规范使用优势

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

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

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

三 设计规范标准

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

再次是关于界面

1:ios上目前主流的尺寸

技术分享图片

 

技术分享图片

 

2:移动端字体

技术分享图片

 

技术分享图片

 

3:界面中使用的图标

技术分享图片

 

技术分享图片

 

4:底部菜单栏icon

技术分享图片

 

5:ios系统和商品的icon

技术分享图片

 

技术分享图片

以上是关于2018版移动端ui规范的主要内容,如果未能解决你的问题,请参考以下文章

移动端UI设计尺寸规范

移动端界面设计之尺寸篇

移动端常用的四个框架

移动端H5页面的设计稿尺寸大小规范

移动端的Bootstrap到底怎么样

移动端网页设计尺寸标准