1.Material Design
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
7.iView Weapa
https://weapp.iviewui.com/?from=iview
8.Color UI
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
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.移动端的设计语言文档?**