一组Axure 响应式小部件库帮助你快速设计下一个网站项目原型。温馨提示：由于原型部件交互效果较多,截图无法体现更多交互效果及各种规格下的原型效果,建议下载体验。

• 259 widgets
• 兼容 Axure 7.0+
• 最后更新时间: Apr 2, 2015

Totalwireframe 系列素材已经发布有6年之多,早期属于收费素材,但16年起作者决定将这些素材全部奉献出来,免费供大家下载。但有必要告知大家的是,部分 library 可能不完全兼容最新的 Axure 8,或多或少会有些 Bug。而作者目前则投身于跟他朋友的另外一个 CRM 项目- Monica,有兴趣的朋友可以关注一下。

每个小部件都有6个版本：

移动与响应式版本

所有的小部件和库都已做了响应式版本。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

占位符（图像和视频）

区分一个图像和一个视频占位符是很重要的。这两个小部件的样式是干净的和灰色的,打印时也应该看起来很棒。

表单窗口

帮助快速构建表单窗体原型。大多数字段都有默认占位符,当您单击该字段时,将移除这些默认占位符。

• 输入字段
• 搜索字段
• 文本区域
• 预先准备好的文本
• 预置复选框
• 复选框列表
• 单选按钮列表
• 国家地区下拉框

其他表单原型

这部分包含使用大量动态面板的表单项：4个密码强度指示符和一个帮助气泡。

下拉部件

Axure提供的默认的下拉小部件是原生browser/OS。虽然在某些情况下很好,但不够丰富和好看。

按钮

提供大量的按钮组建可以增强默认的Axure功能,如下：

系统提示

Avatars – Labels – Ribbons

日历

有些有交互动画,有些则没有。

媒体和音频播放器

提供一组5个视频播放器（模拟Youtube播放器）,分别对应于5、6、7、8、9列,以及3个不同类型的音频播放器。

进度条和缩略图

开关

标签

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

博客库

文章

这个小部件专门为博客网站原型准备。

文章摘录

文章详情

文章标题

边栏

关于作者和评论

面包屑库

动态图库

为了实现这些效果,使用动态面板和热点。

Images v1

Images v2

Gallery v1

Gallery v2

搜索结果库

Principles

这个库是为显示列表和搜索结果原型准备的。你可以用于画廊,设计展示,电子商务网站。

这个库中提供了几类小部件。

• 文本信息列表
• 房地产列表
• 图像列表
• 配置文件列表。基本上是应用程序中的人或用户的列表。
• 产品列表,主要是电子商务网站。

这个库依赖于中继器。这允许您按照所需的方式配置列表。只需在中继器中添加或删除行,列表就可以得到所需的大小。看看下面的动画,了解它是如何工作的。

这个库的每个小部件均提供5个自适应视图。

文本信息列表

文本信息列表 – V1

文本信息列表 – V2

房地产列表

房地产列表 – V1