一组Axure 响应式小部件库帮助你快速设计下一个网站项目原型。温馨提示:由于原型部件交互效果较多,截图无法体现更多交互效果及各种规格下的原型效果,建议下载体验。
- 259 widgets
 - 兼容 Axure 7.0+
 - 最后更新时间: Apr 2, 2015
 
Totalwireframe 系列素材已经发布有6年之多,早期属于收费素材,但16年起作者决定将这些素材全部奉献出来,免费供大家下载。但有必要告知大家的是,部分 library 可能不完全兼容最新的 Axure 8,或多或少会有些 Bug。而作者目前则投身于跟他朋友的另外一个 CRM 项目- Monica,有兴趣的朋友可以关注一下。
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图](https://a.53326.com/dydao/d/20200101/323qa2oupco.jpg)
每个小部件都有6个版本:
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(1)](https://a.53326.com/dydao/d/20200101/kgdaylt1xtj.png)
移动与响应式版本
所有的小部件和库都已做了响应式版本。Axure引入了一种响应模式,它允许您模拟不同的屏幕大小。
利用这个新特性为库中的每个小部件提供响应模式,可能需要花时间去调整。
每个库支持6个不同分辨率视觉。对于259个小部件的库,这意味着基本上是1036个小部件。
每次在Desktop视图上拖放小部件时,小部件将自动在其他视图端口中加载此小部件的优化版本。这将极大地提高建立响应线框所需的时间。
目录表
包括以下库:
- Core Library
 - Blog Library
 - Breadcrumbs Library
 - Animated Images Library
 - Search Results Library
 - Listings Library
 
核心库
这个库应该经常使用到,主要是替换Axure提供的默认小部件库。它包含了一套非常好的默认格式:更好的表格,更好的排版,更好的按钮。
- Text
 - Checkbox
 - Radio Button
 - Rectangle
 - Placeholder
 - Dynamic Panel
 - Hot Spot
 - Header 1
 - Header 2
 - Header 3
 - Paragraph
 - Hyperlink
 - Horizontal line
 - Vertical line
 - Dropdown
 
占位符(图像和视频)
区分一个图像和一个视频占位符是很重要的。这两个小部件的样式是干净的和灰色的,打印时也应该看起来很棒。
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(2)](https://a.53326.com/dydao/d/20200101/smqrhq0upms.png)
表单窗口
帮助快速构建表单窗体原型。大多数字段都有默认占位符,当您单击该字段时,将移除这些默认占位符。
- 输入字段
 - 搜索字段
 - 文本区域
 - 预先准备好的文本
 - 预置复选框
 - 复选框列表
 - 单选按钮列表
 - 国家地区下拉框
 
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(3)](https://a.53326.com/dydao/d/20200101/syumpze5xxc.png)
其他表单原型
这部分包含使用大量动态面板的表单项:4个密码强度指示符和一个帮助气泡。
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(4)](https://a.53326.com/dydao/d/20200101/g5mgbp4x2cj.gif)
下拉部件
Axure提供的默认的下拉小部件是原生browser/OS。虽然在某些情况下很好,但不够丰富和好看。
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(5)](https://a.53326.com/dydao/d/20200101/glrrx15dzhg.gif)
按钮
提供大量的按钮组建可以增强默认的Axure功能,如下:
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(6)](https://a.53326.com/dydao/d/20200101/2pvl4a1lcdn.png)
系统提示
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(7)](https://a.53326.com/dydao/d/20200101/22r14johsda.png)
Avatars – Labels – Ribbons
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(8)](https://a.53326.com/dydao/d/20200101/eu1faaarznp.png)
日历
有些有交互动画,有些则没有。
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(9)](https://a.53326.com/dydao/d/20200101/zsoasndhi4v.gif)
媒体和音频播放器
提供一组5个视频播放器(模拟Youtube播放器),分别对应于5、6、7、8、9列,以及3个不同类型的音频播放器。
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(10)](https://a.53326.com/dydao/d/20200101/ayztqxrsnwo.png)
进度条和缩略图
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(11)](https://a.53326.com/dydao/d/20200101/tz5ncyojb11.png)
开关
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(12)](https://a.53326.com/dydao/d/20200101/0tcl3texzve.gif)
标签
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(13)](https://a.53326.com/dydao/d/20200101/sv3ezilpeup.png)
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(14)](https://a.53326.com/dydao/d/20200101/ofxpmr0j3zz.gif)
iAB
这部分包含10种最流行的横幅和iAB格式在线广告。
- 970×250 – Billboard
 - 300×600 – Filmstrip
 - 300×1050 – Portrait
 - 970×90 – Pushdown
 - 300×250 – Medium
 - 180×150 – Rectangle
 - 160×600 – Wide
 - 790×90 – Leaderboard
 - Carbon Ads
 - The Deck
 
博客库
文章
这个小部件专门为博客网站原型准备。
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(15)](https://a.53326.com/dydao/d/20200101/d0cpevrqfhw.png)
文章摘录
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(16)](https://a.53326.com/dydao/d/20200101/pceabp1zxio.png)
文章详情
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(17)](https://a.53326.com/dydao/d/20200101/zlqpgpstmzi.png)
文章标题
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(18)](https://a.53326.com/dydao/d/20200101/put1ontrp3f.png)
边栏
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(19)](https://a.53326.com/dydao/d/20200101/ntqjvbifktn.png)
关于作者和评论
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(20)](https://a.53326.com/dydao/d/20200101/qewbr4f3p5y.png)
面包屑库
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(21)](https://a.53326.com/dydao/d/20200101/imekfiyyxwl.png)
动态图库
为了实现这些效果,使用动态面板和热点。
Images v1
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(22)](https://a.53326.com/dydao/d/20200101/t1zigdkuqaq.gif)
Images v2
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(23)](https://a.53326.com/dydao/d/20200101/wuj5mbxoulr.gif)
Gallery v1
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(24)](https://a.53326.com/dydao/d/20200101/qknovus2pze.gif)
Gallery v2
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(25)](https://a.53326.com/dydao/d/20200101/jzkeivkjbnf.gif)
搜索结果库
Principles
这个库是为显示列表和搜索结果原型准备的。你可以用于画廊,设计展示,电子商务网站。
这个库中提供了几类小部件。
- 文本信息列表
 - 房地产列表
 - 图像列表
 - 配置文件列表。基本上是应用程序中的人或用户的列表。
 - 产品列表,主要是电子商务网站。
 
这个库依赖于中继器。这允许您按照所需的方式配置列表。只需在中继器中添加或删除行,列表就可以得到所需的大小。看看下面的动画,了解它是如何工作的。
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(26)](https://a.53326.com/dydao/d/20200101/c5pw0cgptvw.gif)
这个库的每个小部件均提供5个自适应视图。
文本信息列表
文本信息列表 – V1
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(27)](https://a.53326.com/dydao/d/20200101/kr0hinrjeft.png)
文本信息列表 – V2
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(28)](https://a.53326.com/dydao/d/20200101/tbk1euajx4b.png)
房地产列表
房地产列表 – V1
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(29)](https://a.53326.com/dydao/d/20200101/dv1xz3q0wza.png)
房地产列表 – V2
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(30)](https://a.53326.com/dydao/d/20200101/tp2v4gju5xh.png)
房地产列表 – V3
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(31)](https://a.53326.com/dydao/d/20200101/zns3qpnywcj.png)
房地产列表 – V4
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(32)](https://a.53326.com/dydao/d/20200101/cah1bfy4n4k.png)
图库
图库 – V1
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(33)](https://a.53326.com/dydao/d/20200101/5ra25sjd5s2.png)
图库 – V2
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(34)](https://a.53326.com/dydao/d/20200101/2d351ag2xos.png)
图库 – V3
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(35)](https://a.53326.com/dydao/d/20200101/z4dz5ugpev1.png)
图库 – V4
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(36)](https://a.53326.com/dydao/d/20200101/0ynqovvq3eg.png)
信息列表
信息列表 – V1
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(37)](https://a.53326.com/dydao/d/20200101/ucfm1btjjfr.png)
信息列表 – V2
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(38)](https://a.53326.com/dydao/d/20200101/ballabpoohz.png)
信息列表 – V3
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(39)](https://a.53326.com/dydao/d/20200101/4zjxcq1c4lj.png)
信息列表 – V4
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(40)](https://a.53326.com/dydao/d/20200101/ery2askbyz3.png)
信息列表 – V5
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(41)](https://a.53326.com/dydao/d/20200101/5oqiuvn5hgd.png)
产品列表 – V1
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(42)](https://a.53326.com/dydao/d/20200101/bq4asd1qcte.png)
产品列表 – V2
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(43)](https://a.53326.com/dydao/d/20200101/csgi1u0alaa.png)
产品列表 – V3
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(44)](https://a.53326.com/dydao/d/20200101/nf42kf1eov4.png)
产品列表 – V4
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(45)](https://a.53326.com/dydao/d/20200101/dbvq3anqubl.png)
产品列表 – V5
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(46)](https://a.53326.com/dydao/d/20200101/1jrofu45qju.png)
列表库
包含一组有用的过滤器(允许对元素列表进行排序的东西,例如,最近更新.)和侧边栏小部件。
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(47)](https://a.53326.com/dydao/d/20200101/xup3ldqbzls.png)
过滤器有两种规格:8列和9列,以适应大多数布局。
侧栏也有两种规格:3和4列。
边栏小部件
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(48)](https://a.53326.com/dydao/d/20200101/ffmxd0jand1.png)
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(49)](https://a.53326.com/dydao/d/20200101/akj0mkepmad.png)
![Totalwireframe 原型素材系列之 Axure Essentials [for Axure]插图(50)](https://a.53326.com/dydao/d/20200101/ujiyz0uqyrr.png)