2）分类组件：以 AntDesign web 版为例， 会分为“布局、通用（按钮、图表、分割线）、导航、数据录入等等”， 根据自己的常用习惯来进行分类 。
3）借用开源组件库：从常用的开源组件库中， 选取适合自己的、常用的， 放入自己的组件库 。 总结项目业务：
每个公司业务不同， 不会有哪一个公用组件库可以完全适用自己的工作， 所以我们需要在日常的原型制作中总结经验， 制作通用的组件 。 以我们的为例， 常常在表单录入上使用较多， 所以我就会把这一部分做成组件， 方便后续复用 。
4）保存组件库：打开 axure ， 将组件库载入， 之后就可以正常使用 。
上面就是简单的 axure 组件库制作流程， 软件的使用流程我们可以很容易就能搜索到， 所以这里就没详细展开， 最重要的还是制作组件库的思想 。
搭建一套自己顺手、易用的组件库才是最终目的 。

3. 常用开源组件库目前许多大的互联网公司都有自己的设计规范网站， 上面会有相应的开源组件库分享 。
除此之外， 像 Axure 还有许多原型网站， 会有许多人分享自己制作的原型及组件库 。
下面就是我自己的一些常用网站：

• 常见的设计规范组件库：Ant Design 、Arco Design、TDesign、Element等；
• 常用的网站：AxureUX.com、axureshop、产品大牛等 。

1）Ant Design 蚂蚁设计
Ant Design 是阿里蚂蚁金服团队基于 React 开发的 ui 组件， 有着丰富的资源， 包括移动端、pc 端 。
https://ant.design/docs/resources-cn

文章插图
2）Arco Design
飞书团队产品， 基于 Byte Design 升级而来， 是一个能力全面的企业级产品设计系统， 所以主要为pc版组件库（支持 axure rp9 使用） 。
https://pro.arco.design/

文章插图
3）TDesign 企业级设计体系
TDesign 是腾讯各业务团队在服务业务过程中沉淀的一套企业级设计体系 。 有桌面版、移动端、小程序版的设计资源， 目前 axure 组件组只有桌面版的（支持 axure rp9 使用） 。
https://tdesign.tencent.com/

文章插图
4）Element 饿了么设计规范
Element， 一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 。 组件库为桌面（pc）版 。
https://element.eleme.cn/#/zh-CN/resource

文章插图
5）AxureUX.com
AxureUX 是一个交互原型素材原创分享平台， 提供基于 Axure 的高质量通用组件模板库和行业原型模板的分享 。
在【免费作品】中， 可以下载到移动端、后台管理、可视化图表、插画素材等元件库 。 内容十分丰富， 在原型设计上完全够用 。
https://www.axureux.com/home/default.html

文章插图
6）AxureShop产品原型网
这是一个 Axure 原创素材交易平台， 可以在上面购买所需要的原型及组件库， 也有免费的资源可以下载， 特点是axure资源十分丰富 。
https://www.axureshop.com/

文章插图
7）产品大牛
在产品大牛的【广场】上， 有许多分享出来的免费原型及元件库， 可以根据需要去下载 。
https://www.pmdaniu.com/

• 上一页
• 1
• 2
• 3
• 下一页

• 台式电脑经常出现蓝屏的原因 台式电脑经常蓝屏是什么原因导致的怎么办
• 家庭拮据的意思 拮据的解释是什么意思
• 特价商品定义 特价商品是什么意思
• 为什么要做秒杀活动 秒杀是什么意思?
• 变相夸你可爱啦怎么回答 人家叫你猪儿虫是什么意思
• 图画这两个 世界上最难写的汉字是什么字
• 淘宝区间价是什么意思？有什么用？
• 百度网盘手机网页版登录入口 手机登录百度网盘网页版操作步骤是什么
• 儿童观的具体含义是什么 人类智商天花板是什么意思
• 及笄之年是什么意思啊 十五岁是及笄之年

特别声明：本站内容均来自网友提供或互联网，仅供参考，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。