Axure元件库汇总分享

article/2025/9/30 8:48:07

最近公司要前端参与产品设计的工作，对于从无产品经验的门外汉来说，真的是太难了，而且领导还一直催着要结果，心里面瞬间都一万个。。。。。在奔跑，然后就开始疯狂的查找资料，首先开始的就是《产品经理社区》 《人人都是产品经理》看了一通之后(自我感觉良好)后，就着手Axure操作了起来。 当时找了很多Axure模板rp文件，但是始终有一些不能满足天天逼逼叨叨leader的要求，最近看了一篇不错的分享Rp库文件的博文，感觉特别不错，推荐给大家用下！作者汇总的特别全面，大家也可以去他的网站博客查看 徐泽林博客。

一、AntDesign3.0.x — (后台)

1.简介

(1)Library.ant.design

Ant Design 资源库(Axure RP)提供了：基础页面布局、组件、页面模板，以及快速搭建美观原型的提效小工具。

(2)当前版本

AntDesign2.13.xAxure20171026

(3)更新

  • 一整套精美的 Ant Design Pro 页面模板，附脚手架地址：pro.ant.design
  • 补充 Ant Design 基础组件
  • 视觉样式整体优化更新
  • 从本版本开始，文件版本号将跟随 AntD 的版本

(4)Ant.Design

设计规则：http://antd.alipay.net/docs/spec/font

2.非预览版本结构图

AxureFile<em>AntDesign3.0.x(非预览版)
AxureFileAntDesign3.0.x(非预览版)

3.预览版本结构图

AxureFile<em>AntDesign3.0.x
AxureFileAntDesign3.0.x

4.下载链接

地址： AxureFile_AntDesign3.0.x

地址：AxureFileAntDesign3.9.xAxure_20180903

二、Axhub Charts Pro V2.1.0 — (统计图表)

1.简介

基于 Antv，ECharts 等实现的一款 Axure 图表元件库，以便快速实现数据可视化的原型设计

特色：

超丰富：支持 Antv G2/G6/F2/L7、 EChart 、Highcharts 等超 1000+种 图表及可视化组件

超方便： 跟 PPT 一样修改数据和样式，持 80+ 配置项，不用折腾内联框架

高保真：js 实现，100% 还原多种前端交互与动画

高性能：js 实现，多图同屏也不卡顿，可离线使用，商务演示必备

作者：Lintendo - Axhub Founder

使用帮助：https://axhub.im/charts

图标来源：https://github.com/Haonancx/chart-type-icon (感谢作者 fsux )

2.非预览版本结构图

AxureFile<em>Axhub Charts Pro V2.1.0(非预览版)
AxureFileAxhub Charts Pro V2.1.0(非预览版)

3.预览版本结构图

AxureFile<em>Axhub Charts Pro V2.1.0
AxureFileAxhub Charts Pro V2.1.0

4.下载链接

地址：AxureFile_Axhub Charts Pro V2.1.0

三、AxureUX交互原型移动端元件库精简版 v1.1 — (移动端)

1.简介

专属于移动端的Axure元件库，最佳的移动端原型设计指南和解决方案

版本 : V1.1 日期 : 2017-11-02

• 修复一些交互错误；\ • 优化的模板的展示方式；\ • 更新了使用必读及常见问题内容，可点击模板演示中的链接查看；

2.非预览版本结构图

AxureFile<em>AxureUX交互原型移动端元件库精简版 v1.1(非预览版本)
AxureFileAxureUX交互原型移动端元件库精简版 v1.1(非预览版本)

3.预览版本结构图

AxureFile<em>AxureUX交互原型移动端元件库精简版 v1.1
AxureFileAxureUX交互原型移动端元件库精简版 v1.1

4.下载链接

地址：AxureUX交互原型移动端元件库精简版 v1.1

四、Axure精选矢量插图素材元件库 — (矢量插图)

1.简介

  在原型设计时如果能合理的应用一些插图素材可以提升原型的设计感，让演示效果更加生动。在AxueUX的发布的相关原型作品中，同样也有很多插图素材的应用，经常有朋友咨询这些素材能够哪里获取到？为了方便大家进行使用，所以我们特别整理了这份矢量插图素材元件库。本元件库中的全部插图素材均整理自Iconfont，它是阿里巴巴体验团队打造的一个图标和插图资源库，包含了海量的图标和插图资源。

2.非预览版本结构图

AxureFile<em>Axure精选矢量插图素材元件库(非预览版本)
AxureFileAxure精选矢量插图素材元件库(非预览版本)

3.预览版本结构图

AxureFile<em>Axure精选矢量插图素材元件库
AxureFileAxure精选矢量插图素材元件库

4.下载链接

地址：AxureFile_Axure精选矢量插图素材元件库

五、Axure数据可视化图表组件库 — (统计图表)

1.简介

  本作品是由AxueUX整理的一套数据可视化图表通用组件库，主要由Antv静态图表、Axhub动态图表、地图组件素材三部分内容组成，其中包含了几十种常用图表类型和全国34个省级行政区地图，可以满足大部分的原型设计图表展示需求。Antv静态图表整理自蚂蚁数据可视化团队发布的相关图表设计资源，支持文字、色彩等元素修改。动态图表来自于Axhub Charts，支持图表配置和动态展示效果，详细的配置说明请查看下方链接。地图组件元素来自于Datav全国地图选择器，支持修改背景颜色、边框等元素。

2.非预览版本结构图

AxureFile<em>Axure数据可视化图表组件库(非预览版本)
AxureFileAxure数据可视化图表组件库(非预览版本)

3.预览版本结构图

AxureFile<em>Axure数据可视化图表组件库
AxureFileAxure数据可视化图表组件库

4.下载链接

地址：AxureFile_Axure数据可视化图表组件库

六、ElementComponentsv2.1.0 — (后台)

1.简介

设计原则

一致、反馈、效率、可控

一致性 Consistency

  • 与现实生活一致： 与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；
  • 在界面中一致： 所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。

反馈 Feedback

  • 控制反馈： 通过界面样式和交互动效让用户可以清晰的感知自己的操作；
  • 页面反馈： 操作后，通过页面元素的变化清晰地展现当前状态。

效率 Efficiency

  • 简化流程： 设计简洁直观的操作流程；
  • 清晰明确： 语言表达清晰且表意明确，让用户快速理解进而作出决策；
  • 帮助用户识别： 界面简单直白，让用户快速识别而非回忆，减少用户记忆负担。

可控 Controllability

  • 用户决策： 根据场景可给予用户操作建议或安全提示，但不能代替用户进行决策；
  • 结果可控： 用户可以自由的进行操作，包括撤销、回退和终止当前操作等。

2.非预览版本结构图

AxureFile<em>Element</em>Components<em>v2.1.0(非预览版本)
AxureFileElement Componentsv2.1.0(非预览版本)

3.预览版本结构图

AxureFile<em>Element</em>Components<em>v2.1.0
AxureFileElement Componentsv2.1.0

4.下载链接

地址：ElementComponentsv2.1.0.rplib

七、我的世界_V1.0 — (模板)

1.简介

互联网时代，没有自己的网站意味着你在这个世界上不存在，

给大家一个模板，用Axure创建一个自己的网站。

2.非预览版本结构图

AxureFile<em>我的世界</em>V1.0(非预览版本结构图)
AxureFile 我的世界V1.0(非预览版本结构图)

3.预览版本结构图

AxureFile<em>我的世界</em>V1.0
AxureFile 我的世界V1.0

4.下载链接

地址：2020-06-13我的世界V1.0

八、产品导航_V1.6 — (模板)

2.非预览版本结构图

AxureFile<em>产品导航</em>V1.6(非预览版本)
AxureFile 产品导航V1.6(非预览版本)

3.预览版本结构图

AxureFile<em>产品导航</em>V1.6
AxureFile 产品导航V1.6

4.下载链接

地址：2020-05-11产品导航V1.6


http://chatgpt.dhexx.cn/article/T41ZUGYD.shtml

相关文章

Axure 元件库

Axure 元件库

一、默认元件库 1&#xff09;默认元件库包含基本元件、表单元件、菜单和标签、标记元件 二、基本元件库 1&#xff09;基本元件是由形状元件、图片元件、线段元件及容器构成。 2&#xff09;形状元件&#xff1a;矩形 1、矩形 2、矩形 3、椭圆形、一级标题、二级标题、三级 标…
阅读更多...
使用js进行string和json之间转换的方法

使用js进行string和json之间转换的方法

一、string类型转换成Json对象方法 1、Javascript支持的转换方式&#xff1a;eval eval(( jsonstr )); 注意&#xff1a;需要在json字符外包裹一对小括号&#xff0c;ie8(兼容模式),ie7和ie6也可以使用eval()将字符串转为JSON对象&#xff0c;但不推荐这些方式&#xff1b;缺…
阅读更多...
JSON转JS对象，JS对象转JSON

JSON转JS对象，JS对象转JSON

JSON转JS对象&#xff0c;JS对象转JSON </h1><div class"clear"></div><div class"postBody"><div id"cnblogs_post_body" class"blogpost-body"><p>一、从服务端发来的json字符串&#xff0c;怎…
阅读更多...
将JS对象转换为JSON ｜将JSON转换为JS对象

将JS对象转换为JSON ｜将JSON转换为JS对象

一、将JSON字符串为JS对象 在JS中&#xff0c;如果直接输入 var arr {arr:[1,2,3]}; 返回的是一个object对象 因此如果我们需要将其转换为JSON&#xff0c;可以用如下方式进行转换 var json {"arr":1}; console.log("json的类型"typeof json) var js…
阅读更多...
JSON的转换

JSON的转换

1、在html页面中json的转换 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>Title</title> </head> <body> <script type"text/javascript">var a{"id":…
阅读更多...
Python时间模块之datetime模块

Python时间模块之datetime模块

目录 简介 函数介绍及运用 date&#xff1a;日期类 1.获取当前时间 2.日期对象的属性 3.date类中时间和时间戳的转换&#xff1a; 4.修改日期使用replace方法 time&#xff1a;时间类 time类操作 datetime&#xff1a;日期时间类 timedelta&#xff1a;时间间隔&…
阅读更多...
Python统计代码运行时间

Python统计代码运行时间

Python统计代码运行时间 前言方法1&#xff08;推荐&#xff09;&#xff1a;通过代码统计说明步骤单位完整示例 方法2&#xff1a;通过Pycharm编辑器 前言 Python代码想统计运行时间有很多种方法&#xff0c;这里介绍比较常用的2种方法。方法1&#xff0c;通过代码统计&#…
阅读更多...
Python时间格式数据与字符串格式数据互相转换

Python时间格式数据与字符串格式数据互相转换

import time import datetime# 时间转字符串格式 now_time datetime.datetime.now() print("now_time: ", now_time) print("now_time: ", type(now_time)) time_str datetime.datetime.strftime(now_time, "%Y-%m-%d") print(time_str, type(…
阅读更多...
【python 获取时间】

【python 获取时间】

获取时间的几种格式 获得当前时间时间戳获取当前时间获取昨天日期生成日历运行效果如下&#xff1a; 计算每个月天数计算3天前并转换为指定格式获取时间戳的旧时间获取时间并指定格式 pandas 每日一练&#xff1a;21、读取本地EXCEL数据22、查看df数据前5行23、将popularity列数…
阅读更多...
python—时间复杂度

python—时间复杂度

一、时间复杂度规则 1、计算时&#xff0c;往往只关注时间频度中最高次项&#xff0c;其他次要项和常数项忽略 例如&#xff1a; T3*n^32*n^210000时间的复杂度&#xff1a; O(n^3) 2、顺序结构&#xff0c;时间复杂度按加法来计算 让用户输入2个列表&#xff0c;一个列表的长…
阅读更多...
Python 时间比较

Python 时间比较

Python 时间比较 需要判断的时间以mysql数据库中的datetime字段类型为例 数据库中取值为&#xff1a; 2021-02-01 19:55:32.696041 # 导包 from datetime import datetime import time# 设置所需时间 times "2021-02-01 19:55:32.696041"# 转换数据类型&#xff…
阅读更多...
python 时间处理datetime

python 时间处理datetime

python datetime 时间处理 数据分析过程中经常会处理一些时间序列&#xff0c;需要进行一些时间格式的转换&#xff0c;或者提取一些时间信息 pandas 处理 datetime csv数据中某一列为日期 使用 parse_dates 参数 在读取的过程中&#xff0c;直接将存储时间的列读取为 dat…
阅读更多...
Python时间差计算

Python时间差计算

Python时间差计算 一、获取当前时间 使用datatime库 import time from datetime import datetime# 格式化成2016-03-20 11:45:39形式cur_time time.strftime("%Y-%m-%d %H:%M", time.localtime()) print(out_t)输出结果&#xff1a; 2021-10-04 17:44二、计算时间…
阅读更多...
Python时间数据类型

Python时间数据类型

目录 1 datetime基本知识点1.1 存储精细度1.2 计算时间差1.3 加减求另一个时间 2 日期与字符串的转换2.1 时间类型转为字符串2.2 字符串转为时间数据类型 时间类型数据在生活中非常常见&#xff0c;经济、金融、物理等方面都会使用到&#xff0c;在观测数据过程中&#xff0c;对…
阅读更多...
【Python】关于日期和时间的用法大汇总

【Python】关于日期和时间的用法大汇总

文章目录 前言一、Python 中处理日期和时间的模块1.time 模块2.使用time模块查找日期和时间3.datetime 模块4.使用 datetime 查找日期和时间2.读入数据 总结 前言 时间无疑是生活各个方面中最关键的因素之一&#xff0c;因此&#xff0c;记录和跟踪时间变得非常重要。在 Pytho…
阅读更多...
python 获取时间（各种格式）

python 获取时间（各种格式）

-----------前置条件&#xff1a; import datetime import time1.输出格式&#xff1a; 年-月-日 时:分:秒.毫秒 curr_time datetime.datetime.now() 输出&#xff1a; 2.输出格式&#xff1a;年-月-日 时:分:秒 curr_time datetime.now()timestamp datetime.strftime(cu…
阅读更多...
Python 日期和时间用法超强总结

Python 日期和时间用法超强总结

时间无疑是生活各个方面中最关键的因素之一&#xff0c;因此&#xff0c;记录和跟踪时间变得非常重要。在 Python 中&#xff0c;可以通过其内置库跟踪日期和时间。今天我们来介绍关于 Python 中的日期和时间&#xff0c;一起来了解如何使用time和datetime模块查找和修改日期和…
阅读更多...
超全！Python 处理日期与时间的全面总结！

超全！Python 处理日期与时间的全面总结！

Python的时间处理模块在日常的使用中用的较多多&#xff0c;但是使用的时候基本上都是要查资料&#xff0c;还是有些麻烦的&#xff0c;梳理下&#xff0c;便于以后方便的使用。 目录 时间相关概念 Python time模块 时间格式化 计时器功能 time模块其他内置函数 time模块包…
阅读更多...
python 日期和时间处理（time，datetime模块讲解）

python 日期和时间处理（time，datetime模块讲解）

在现实生活中&#xff0c;我们常常遇到时间序列任务。所以今天讲解下日期和时间处理。 Python 日期时间(datetime) 1.获取当前时间 import datetimedatetime_object datetime.datetime.now() print(datetime_object)2.获取当前日期 import datetimedate_object datetime.…
阅读更多...
urllib之urlopen和urlretrieve的headers传入以及parse、urlparse、urlsplit的使用

urllib之urlopen和urlretrieve的headers传入以及parse、urlparse、urlsplit的使用

urllib库是什么? urllib库python的一个最基本的网络请求库&#xff0c;不需要安装任何依赖库就可以导入使用。它可以模拟浏览器想目标服务器发起请求&#xff0c;并可以保存服务器返回的数据。 urllib库的使用&#xff1a; 1、request.urlopen (1)只能传入url的方式 from http…
阅读更多...
推荐文章

Copyright @ 2022~2023