DUX Axure Library ( 简称 DuxLibs ),是 DUX DESIGN 在 Axure 上的延伸,基于 Axure V8 原型工具封装的设计控件库; 控件库包含了 DUX DESIGN 框架模板和大量基础控件还有复杂控件的高保真还原,可以帮助原型设计师或产品经理快速启动设计搭建高保真可交互的产品原型。

ONE 设计风格

全部控件遵循百度商业产品设计语言 ONE DESIGN 的设计风格。

模块封装

50+控件封装,分别支持12和14号字体基准,持续进行典型页面和模块的封装迭代更新。

真实交互

高保真可交互控件封装,便于产品原型演示或者用户原型测试。

统一样式

通过封装样式,同类样式统一管理,极大提升控件维护效率降低成本。

图标字体

兼容“ONE 标局”图标,放大不失真,随意改颜色,图标文字混排无压力。

一键安装

一键安装 ONE 设计库全家桶,无人值守,大大降低用户安装和更新门槛。

DuxLibs 和 DucIcons 中图标都依赖于 DuxFonts 字体实现,所以在使用控件库前确保正确安装了正确的图标字体!

下载图标字体 Beta

  • 字体版本:v4.4 2017-12-24
  • 字体图标数量:256
  • 图标预览:ONE 标局

  • 控件库版本:v4.7.0 2017-12-01
  • 支持版本:Mac Axure v8
  • 控件列表:查看列表

如果是 Mac OS 操作系统,推荐使用 ONE STEP 一键安装便捷程序进行 ONE 设计库的安装,它可以为你自动下载并安装最新的设计库套件(Axure 控件库,Axure 图标库,图标字体),你还可以保存一键安装程序到 Mac 应用程序文件夹中,每次库文件更新只需一键点击即可自动更新到最新版本。

Mac 一键安装 Beta

ONE STEP 一键安装步骤介绍
  • 1. 删除已有老版本控件库,图标库,图标字体;
  • 2. 根据网络环境下载新版控件库,图标库,图标字体;
  • 3. 安装控件库和图标库到 Axure 库目录,安装图标字体到用户系统字体。

第一步:安装图标字体

下载 IconFont 字体,并安装 IconFont 字体,请确保 IconFont 字体已成功安装到系统字体;

figure
图1 字体安装
figure
图2 字体安装成功

第二步:安装 Axure 交互控件库 以下两种方法任选其一即可

安装方法 1:放置默认库文件路径

移动或拷贝 `DuxLibs.rplib` 文件至 Axure 库文件目录例如 `Documents/Axure/Libraries` ,如有旧版请选择覆盖,再在 Axure 中刷新 Libraries 模块列表。

figure
图5 DuxLibs 控件库
安装方法 2:加载任意路径库文件

在 Axure 的 Library 模块菜单中选择 `Load Library` ,选择 `DuxLibs.rplib` 控件库文件并确定,如有旧版请选选择覆盖;

figure
图3 加载控件库
figure
图4 DuxLibs 控件库

第三步:优化样式配置

进行 Axure 配置,为了确保你的原型产出在任何电脑上均高质量显示,请进行如下配置;请在 `Axure - Generate HTML - Web Fonts` 选项设置中添加以下地址:`http://youcanyouup.info/dux_icons/iconfont/style.css` 和地址:`http://youcanyouup.info/dux_libs/axure_css/dux.css`

figure
图6 DuxLibs 控件库