饿了么 Element
地址:http://element.eleme.io/
简介: Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库,提供了配套设计资源,帮助你的网站快速成型。
分为三个部分:
- 指南:设计指南写的过于简单了
- 组件:跟开发相关的文档
- 资源:提供了 Axure、Sketch,以及交互文档
下载地址:
- Axure Components:
https://github.com/ElementUI/Resources/raw/master/Element_Components_v1.1.0.rplib - Sketch Template:
https://github.com/ElementUI/Resources/raw/master/Element%20UI%20Kit_v1.3.sketch - 组件交互文档:
https://github.com/ElementUI/Resources/raw/master/Element%20Components%20Documentation.zip
Ant Design Web 版
地址:https://ant.design
简介:中台设计语言
分为4个部分:
- 指引:给设计师看的,包括设计理念、实践案例、设计原则
- 组件:给前端看的
- 模式:分模块讲解,分为导航、表单、列表、表格、高级搜索
- 资源:包括资源、参考文献,以及 Github
下载地址:
- Axure Library:http://p.tb.cn/rmsportal_5548_library.ant.design_Web_3.0.rplib.zip
- Sketch Template:
https://github.com/ant-design/ant-design/releases/download/resource/Ant.Design.Template.sketch - Ant UX,用于梳理页面逻辑
- Web Font:
https://github.com/ant-design/ant-design/releases/download/resource/iconfont-2.10.x.zip
Ant Design 移动版
设计指引:
http://design.alipay.com/design/mobile/easy
基础模板:
http://p.tb.cn/rmsportal_5548_Alipay_ISV__E8_AE_BE_E8_AE_A1_E8_A7_84_E8_8C_830314.sketch.zip
WeUI
文档地址:https://mp.weixin.qq.com/debug/wxadoc/design/index.html
Sketch组件库:https://wximg.gtimg.com/shake_tv/mina/WEUI_1_0_161226_Sketch.zip
PS组件库:https://wximg.gtimg.com/shake_tv/mina/WeUI1.0.psd.zip
iOS
文档地址:https://developer.apple.com/ios/human-interface-guidelines/
原型地址:https://developer.apple.com/design/resources/