恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
2018版移动端ui规范
0.0°
2018-06-13 原创文章 规范/资料 举报 2641 30 21 1

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


今天整理了一篇设计规范的文章概论,讲诉中会以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的后缀,这样系统才能根据后缀自动分配相应的图到对应的手机上进行显示。


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




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




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





更新:2018-06-13

收藏

30人已收藏

  • 5

    作品

  • 3

    粉丝

  • 8

    关注

  • 情绪板风格设定
  • 2018移动端UI设计趋势观点论
  • 每日一标2
  • sketch练习
相关标签
设计规范UIiOS

    猜你喜欢

      2018-06-13 原创文章 规范/资料 举报 2641 30 21 1

      2018版移动端ui规范

      0.0°

      你确定要举报2018版移动端ui规范

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年06月11日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      21
      30
      1

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录