Axure rp9零基础入门(2)—Axure基本操作界面

     分类 [Axure设计]
2022/9/20 15:33:38 浏览量  411 喜欢  2
导读:Axure软件界面布局,软件根据功能及区域基本可以划分为工具栏、常用样式、页面与概要、元件与母版、元件样式 交互与说明、画布几个区域

Axure rp9零基础入门(2)—Axure基本操作界面

工具栏

在设计过程中为提高效率而经常需要用到的一些工具。如对齐、组合、置于顶层、置于底层等。

常用样式

对元件的常用且通用样式设置,如字体、字体大小、字体颜色、元件填充颜色、线段颜色、元件大小尺寸等。

页面、概要

页面部分:显示页面结构以及页面上下级关系,可以在此区域进行选择、新增、删除、重命名等操作,也可以在此区域创建文件夹对页面进行分类。还可以在此区域右键生成页面流程图。

Axure入门|PM老猫 

概要部分:以树结构的方式显示当前操作画布中的元件列表,可在此区域快速选中操作画布中的指定元件(尤其当右侧画布中多个元件重叠在一起时)

Axure入门|PM老猫 

元件库、母版

元件库部分:用来组成页面形成交互的控件(如:文本框、按钮等等)。元件库部分默认有DefaultFlowIcons几部分

Axure入门|PM老猫 

默认元件库Default元件库中都是些最基础的元件

Axure入门|PM老猫 

Flow元件库:一些图形原型,常用于画业务流程、页面流程、用例图等。

Axure入门|PM老猫 

Icons元件库:主要是一些常见的Icon图标

 Axure入门|PM老猫

母版部分:在原型设计过程,页面中重复出现的内容就可以创建母版,方便重复使用。

比如官网的菜单部分与页脚部分、右侧停靠广告等都可以使用创建母版的方式重复使用。

Axure入门|PM老猫 

 

元件样式、交互、说明

样式部分:主要针对页面、元件设置相应的样式,上方说的常用样式在右侧样式部分中基本都可以设置。右侧样式更齐全,如设置圆角、透明度、内容排版等。

Axure入门|PM老猫 

交互部分:主要设置元件的一些交互动作,当用户针对元件做指定操作时触发什么动作。不同的基础元件交互动作会有些不同,比如动态面板有拖动、滚动、面板切换等交互,文本框有焦点、内容改变等交互。

Axure入门|PM老猫 

对于一部基础元件,还会有对于的交互样式可以设置,针对基础交互动作的样式设置。

Axure入门|PM老猫 

说明部分:针对元件做一些辅助性的说明,当原型在浏览器中被浏览时用户点击说明图标,将会展示补充的说明内容。

Axure入门|PM老猫 

 

浏览效果

Axure入门|PM老猫 

有时候在为了让原型的辅助说明看起来更直观,也可以用其他方式对其进行说明

如:

Axure入门|PM老猫 

 

本章节对Axure基本操作界面介绍的内容基于RP9汉化版进行的介绍

Axure软件下载及汉化说明见:Axure RP9下载地址 及汉化说明

 

  • 打赏支付宝扫一扫
  • 打赏微信扫一扫

微信扫一扫,分享到朋友圈

微信公众号

相关推荐