1
2
3
4
5
6
7
8
9
10
11
12
13
这里提供微信和小程序、iOS、macOS、Android、Windows 等多平台的 Axure RP 元件库，你的原型任你自由飞跃。

对于元件库的设计，我参考官方的设计规范文档，尽可能不放过任何一个像素的偏差，
无论长度、宽度、转角、颜色。希望你采用了此高保真元件，可以更好地和开发、测试
等团队成员深入沟通。

如果你的团队有 UI 设计人员，只希望你出具低保真的原型时，请在 Axure RP 软件中，
打开菜单 “Project > Page Style Editor”，做以下调整： 
⇨ Sketchiness 为 20 左右
⇨ Color 为 Grayscale
⇨ Font 为 自己找个中文手写字体
以确保你的原型不会干扰到 UI 设计。
希望我的建议对你有用，感谢你自由使用开源元件库。

安装

请将下载的 Axure RP 元件库 .rplib 文件放到 Axure RP 元件库目录下，然后重新打开 Axure RP 9/8 软件，并在元件库列表中选择相应元件库即可使用。
元件库目录位置：

  • Windows 系统：我的文档/Axure/Libraries
  • macOS 系统：文稿/Axure/Libraries

希望 Refs.cn 制作的元件库能给您带来帮助，如果感觉还不错，简单 ★Star 一下就很感激了。想了解和获取后续更新版本，可保持关注。

如果您有一些好的建议或者实际需要，可 New issue 一下，或 通过电子邮件告诉我。

1
2
“预见未来最好的方式就是创造它。”
            —— 亚伯拉罕·林肯

网页设计元件库

☞ 移动网页

基于微信 WeUI 和小程序设计指南等创建，适用于包括微信在内的移动网页或 HTML5 轻应用的原型设计。
预览

查看完整大图

☞ 桌面网页

包括通用官网，社交、电商和媒体等分类网站和控制台的设计元素。

设计平台元件库

☞ Apple Design

基于 Apple iOS/macOS Human Interface Guidelines 创建，适用于 iPhone、iPad 和 macOS 桌面应用的原型设计（macOS 部分请关注后续更新）。

预览

查看完整大图

☞ Material Design

基于 Google Material Design 准则创建，适用于 Android 手机、平板应用，以及跨平台桌面应用的原型设计。

预览

查看完整大图

☞ Fluent Design

基于 Microsoft Fluent Design System 创建，适用于 Windows 个人电脑、手机、Xbox One、HoloLens 等设备应用的原型设计。

预览

查看完整大图

  • 下载 refs-design-fluent.rplib，包括常规、基本输入、集合、对话框/弹窗、文本、滚动/状态/信息、菜单/工具条、导航、水平导航/枢轴、选择器、媒体和窗口外壳等分组元件。
  • 更多信息，请参见 Fluent Design 官网 。

☞ 手势图片

基于 Jeff Portaro 的 Touch Gestures Icons 创建，适用于所有移动平台触控、桌面触控，以及触控面板的操作手势表达。
预览

预览全部手势

图表元件库

☞ 模型和数据图表

预览

查看完整大图

  • 下载 refs-chart-model.rplib，包括描述产品需求流程的 UML 状态图、活动图、序列图、用例图，以及商业等分组图表。

预览

预览

查看完整大图

  • 下载 refs-chart-data.rplib，包括适合移动端的点图、线图、区域图、柱状图、饼图、雷达图、股票图、仪表盘及混合等各类数据图表。

图标/图片元件库

☞ Material Design 图标

基于 Material Design icons V1.0.2 图标创建。

图标预览

查看完整大图

☞ 品牌设计图标

基于 Apple、IBM 等品牌图标创建。

☞ Icons8 图标/图片

基于 Icons8 图标创建。
图标预览

☞ 图标平台图标/图片

基于 Easyicon、Smallicons、阿里妈妈 Iconfont 等图标创建。

☞ Font Awesome 字体图标

基于 Font Awesome V4.7.0 图标字体创建，在使用前，需要在操作系统设计中先安装此字体 FontAwesome.otf。另外，如果不想在导出的原型中依赖字体库，造成不方便的情况，可以在原型设计时，拉入字体图标后，鼠标右键“Convert to Image”来将其转换为图片即可。

免费可商用的字体，更多可以查看网址。（感谢Selena的补充）

资源推荐

另外，还有一些资源推荐给您。

Axure RP 9 导出界面汉化预览

  • Axure RP 导出原型界面汉化包：refscn/rphh （更新至 9.0.0.3686 版本）
  • 提供知识索引的参考卡片：refscn/cards

更多参考资源，请访问 https://refscn.github.io 。

申明：Refs.cn 在这里开源的 Axure RP 元件库，秉承开放共享的思想，供大家免费使用，欢迎各站点转载和分享。严禁用于销售，违者必究。