Axure基础教程:产品流程图的制作方法详解

一个产品设计之初,必先从流程图做起,流程图可以用来表达产品各式各样的流程,今天我们就来聊聊Axure里面流程图的做法

Axure基础教程:产品流程图的制作方法详解

一个产品设计之初,必先从流程图做起,流程图可以用来表达产品各式各样的流程,今天我们就来聊聊Axure里面流程图的做法

流程图组件

在元件区面板上点击下拉选择流程图,既可看到流程图中需要用的的各种组件的形状,代表不同的流程步骤及含义。

Axure基础教程:产品流程图的制作方法详解

流程图组件也可以直接从组件选择面板中拖拉出来,然后通过工具列或快捷菜单来编辑样式与属性,如果要改变流程形状的话,可以按鼠标右键并选择编辑流程形状子选单中的项目来设置。

若要把两个形状连接的话,需要先从软件左上角选择连接器模式,然后在形状的连点部位用鼠标拖拽一条线把两个形状连接起来。

Axure基础教程:产品流程图的制作方法详解

若要修改连接线的样式说明,只需选好要设定的连接线,再使用工具列上的线条样式与箭头样式按钮即可改变需要的样式(粗细、虚实及连接箭头方向等)。

Axure基础教程:产品流程图的制作方法详解

Axure基础教程:产品流程图的制作方法详解

Axure基础教程:产品流程图的制作方法详解

关联网页

流程图组件可以关联到任意指定的一个页面,一旦指定了关联网页,流程图组件上会显示这个网页的名称,而在原型上,这个流程图组件与网页间会自动建立超级链接。从站点地图面板中,将任一网页拖拉到主操作区中,也会建立一个以这个网页当作关联网页的流程图组件。

流程图组件上的关联网页可以通过在组件上按鼠标右键,并选择编辑流程形状->编辑引用页面来编辑或清除。

流程图的存储

在Auxre RP绘制的流程图,可以输出成图片或网页。

输出成图片:选择文件 >导出为图片,就可以单独把这页流程图转成图片。如果想把流程图放到Powerpoint或Word文件,可以直接全选整个 Axure RP流程图,以复制/粘贴的方式贴到Powerpoint或Word文件中。

输出成原型:输出流程图到原型方式跟输出其它网页到原型相同,按下Axure RP上方功能菜单选工具菜单,选择生成原型即可。

转载请注明:木卫艾欧网 » Axure基础教程:产品流程图的制作方法详解

原创文章,作者:Tinadmin,如若转载,请注明出处:https://www.iamue.com/2452/

(0)
TinadminTinadmin
上一篇 2014-12-31 20:01
下一篇 2014-12-31 22:02

相关推荐

  • ​JUSTINMIND权威指南:Justinmind特性&Justinmind功能简介

    ​这一篇是用来扫盲的,知道基础知识的童鞋可以再了解一下,不知道的同学要仔细了解。 对于老鸟来说可以直接飞过此章节。 JUSTINMIND权威简介(WIKIPEDIA) 全称:Justinmind Prototyper 简介:Justinmind是一个创作…

    2015-07-31
  • 014. 文本框、文本编辑框、按钮——axure线框图部件库介绍

    1. 与文本面板组合设计表单 文本框主要是在设计页面表单的时候,用的最多,通过与文本面板的组合使用,下面我们通过文本面板和文本框设计了一个简单的注册表单 对于,文本框中的文字,只需要双击即可编辑文字  2. …

    2014-09-12
  • 移动导航设计详解-交互基础

    在移动端,导航是APP最重要的区别。本文分析了使用频率较高的移动导航设计的应用场景及优劣势,有以下几类: 1. Tab导航 Tab 导航分上下两种。是最常用的导航形式。 很多iOS应用,采用这种导航。比如:istegrame(…

    2014-12-04
  • 007. 认识axure组件区域

    组件区域也叫做部件区域,英文为widgets,还有人称之为控件区域,组件是axure事先准备好的网站项目常用的零件,比如一些基本的页面元素 Axure默认存在2个组件库,分别为线框图和流程图。同时我们也可以自己去制作一…

    原型设计教程 2014-09-12
  • Mockplus原型交互跟我做之2- 旋转的风车

    再来看一个小例子,我们做一个旋转的风车。蛮漂亮,是吧? 这里只用到“旋转”交互命令。

    2016-01-18
  • Axure RP 8.0新功能解析

    这个版本强化了Axure的三个核心功能——原型、交付,和协作。 8.0 Beta版改动相当之大,且这几个月会有一些重要更新,我们一起期待吧 :) 用户界面 1.合并了三个部分:部件交互和注释、部件属性和样式、页面属性。将…

    2016-05-09
  • 国外设计师眼中的原型工具Mockplus

    今天,我们评述一款新型设计工具,Mockplus,专为设计师而打造的创新性原型设计工具。Mockplus适合于各种应用软件的制作,无论是手机应用,网页应用,亦或是桌面应用,方便快捷。让我们先来看一看为什么说Mockplus…

    2015-10-21
  • 【Mockplus教程】收藏和重用

    1. 制作模板   选择需要制作为模板的页面,鼠标右击,弹出的菜单中选择“加入到模板收藏”,然后选择相应 的模板库,如果没有模板库会提示新建一个。 加入成功之后会在左边模板收藏栏中看到模板页面的缩略图。 &…

    Mockplus 2015-08-31
  • Justinmind 6.5 激活/破解 延迟使用时间FOR MAC

    Justinmind6.5 for mac延长试用时间 1、解压后获得jm6.5_cr.sh文件 2、打开终端(方式一:到“Lauchpad”中找到“其他”,里面找到“终端”点击打开;方式二:快捷键“control + 空格”,在“spotlight搜索”中输入“终端”启动…

    2015-05-28
  • 【Mockplus官方教程】mockplus为什么在Windows XP上无法安装?

    此前微软官方已经声明不再维护Windows XP系统, Mockplus出于长远考虑,决定不支持XP系统以腾出精力积极支持Windows 7 / 8 / 10。 对于还在使用Windows XP系统的用户,可以使用Mockplus  Web轻便版来做原型设计。 …

    2015-07-31