Axure基础界面介绍及小技巧

1、Axure基本介绍

Axure RP是一款专业的快速原型设计工具。能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档;作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理;

常见的原型设计图大致分为两种:线框图和高保真图;

线稿图的基本特性:

  • 视觉:仅呈现产品的一部分视觉属性。
  • 内容:仅呈现产品内容的关键元素。
  • 交互:仅呈现产品中重要功能所涉及的页面关系。
  • 成本:拥有较低的制作成本,可在短期内快速完成设计。
  • 复用:便于设计团队复用原型组件,有利于避免繁琐的返工。

    虽然低保真原型是一种相对简单的技术,但当产品团队需要探索不同的想法并快速优化设计时,它会非常有用。

高保真图的基本特性

  • 视觉:需展示逼真细致的设计,接近最终产品的样式。
  • 内容:需展示的大部分或全部内容。包含基础配色,真实的图片及icon图标;类似一个高仿的Demo原型;
  • 交互:需展示更多的细节和页面关系,借助高保真交互性,可以测试特定交互,比如动画过渡和微交互;
  • 成本及可用性:成本较高,可用性更高,看起来像真正的产品,可以清楚地了解产品主要功能。

2、Axure界面介绍

2.1、外观模式调整

axure默认外观模式为明亮模式,还支持黑暗模式;具体修改方式如下:

  • 左上角点击"文件------Preferences";
  • 常规中,外观模式选择黑暗模式;

2.2、界面介绍

  • 顶部:菜单栏
  • 菜单栏下面:工具栏
  • 主界面左侧:页面/原件/母版
  • 主界面右侧:样式/说明/交互

2.3、工具栏介绍

常用的选择模式主要有2个,一个相交选中,一个包含选中,推荐使用包含选中,选择更为准确;

2.4、视图调整

2.5、页面创建及归属

  • 新页面:页面面板------右击------添加新页面;
  • 子页面:页面面板------右击------添加子页面;
  • 归属调整:页面面板------右击------移动/降级或升级;
  • 归属调整2:拖动页面;

2.6、页面概要

概要里显示了当前页面中所使用的所有组件,有时候某个组件大小过小不易选中可以直接在概要里点击;

2.7、原件介绍

  • 默认展示位default,包含基本元件、Dynamic、表单元件、菜单|表格、标记元件;
  • flow
  • icons
  • sample

3、常用小技巧

3.1、等比缩放

选中组件后,按住shift不放,拖动编辑点即可完成等比缩放;

3.2、对齐设置

  • 选中多个元件;
  • 选择对齐方式;

对齐时会以选中的第一个元素为基准;

工具栏中的对齐操作和样式中的对齐操作都可实现;

3.3、快速引入矢量图标

  • 阿里矢量图标库中选择需要引入的图标;
  • 点击下载按钮;
    -复制SVG代码,即可成功引入此矢量图标;

3.4、为引入的矢量图标修改颜色

想要为矢量图标修改颜色,需要将矢量图标转换为SVG图片为形状


3.5、根据页面其他板块颜色快速取色

当为某个SVG矢量图修改颜色或者为矩形、圆形、文本修改颜色时,选择吸管后可吸取当前页面中的颜色来实现快速取色;

相关推荐
梓贤Vigo2 天前
【Axure原型分享】自定义图片列表布局
axure
招风的黑耳2 天前
【实战原型】TMS物流运输管理系统高保真交互原型
ui·交互·axure·原型
虫无涯17 天前
Axure、xiaopiu设计弹窗的实践
axure·产品设计·原型设计
繁星流动 >_<1 个月前
Axure-固定侧边栏-滚动内容区导航
axure
spencer_tseng1 个月前
Plant Operation Dashboard Cockpit
axure
繁星流动 >_<1 个月前
Axure-局部放大图片交互
交互·axure·photoshop
繁星流动 >_<1 个月前
Axure上下文交互
axure
Dontla1 个月前
Axure RP(Rapid Prototyper)原型图设计工具介绍
ui·axure·photoshop
繁星流动 >_<1 个月前
Axure拓展列表操作
axure