1.Material Design

https://material.io/

2.IOS

https://developer.apple.com/design/human-interface-guidelines/ios/user-interaction/data-entry/

3.Ant Design Mobile

https://mobile.ant.design/index-cn

4.MinUI

https://meili.github.io/min/docs/minui/index.html

5.Vant

Vant基于同一套视觉规范开发了移动端VUE&小程序两种组件库。
https://youzan.github.io/vant-weapp/#/intro (小程序)
https://youzan.github.io/vant/#/zh-CN/intro(Vue)

https://youzan.github.io/vant/#/zh-CN/design(视觉规范)

6.Taro UI

https://taro.jd.com/

7.iView Weapa

https://weapp.iviewui.com/?from=iview

8.Color UI

https://www.color-ui.com/

9.Wux Weapp

https://wux-weapp.github.io/wux-weapp-docs/#/

10.Nut UI

11.Cube UI

https://didi.github.io/cube-ui/#/zh-CN

12.wechat

https://developers.weixin.qq.com/miniprogram/design/#%E5%8F%8B%E5%A5%BD%E7%A4%BC%E8%B2%8C

13.SUI.TAOBAO

http://m.sui.taobao.org/

14.DIDI

https://didi.github.io/mand-mobile/#/en-US/home

15.Base Web


过程

1.先了解IOS和Android的两大操作系统的设计规范。
系统级别的移动端设计规范和交互规范,以及系统级别的交互组件说明。通过阅读和学习,对移动端的两大设计平台和移动端的交互方式有所了解。

2.翻阅移动端的一些组件库,选定参考对象,记录它们的组件目录。
通过比对组件目录,找到需要增加、删减或者合并的移动端组件。
比对对象:
Vant \ Taro \ Ant Mobile \ Mand Mobile \ Cube Mobile

整理出AI Design的通用组件:
基础 / 导航 / 信息录入 / 信息展示 / 反馈 / 其他

业务场景:
比对过三大运营商的APP以及蜂行动项目的业务需求后,提取出的常用业务场景。

  • 注册、登陆、密码
  • 首页
  • 服务
  • 资讯页面
  • 商城
  • 个人中心
  • 消息/客服
  • 其他

业务组件:
根据电信运营商的常用业务场景找到——常用「业务组件」。(在后期进行业务组件分类时,可以应金融、商城、业务办理等场景进行分类。这样能使用户组件不仅仅局限于电信行业,可以有更强的扩展性。)

3.编写组件的交互规范文档

4.移动端的设计语言文档?**