Axure RP 9 原型图的绘制及交互

文章目录

  • 前言:
  • Axure简介([来自百度百科](https://baike.baidu.com/item/axure%20rp/9653646?fr=aladdin))
  • Axure下载安装
  • 快速上手教程
    • 一、元件插入
    • 二、动态交互效果
    • 三、效果预览
    • 四、其他效果的制作

前言:

前段时间因为人手问题做了些产品的工作
工作中需要绘制产品的原型图所以上手了Axure RP 9
发现相关资料搜索学习比较费劲,并且很多都是旧版本的Axure资料与现版本差异较大
所以决定做一版Axure RP 9 的基本使用教程
在学习原型图绘制的过程中做了份笔记,软件操作是比较简单的,希望能帮没有接触过Axure的同学快速上手使用

Axure简介(来自百度百科)

Axure RP是一款专业的快速原型设计工具。Axure(发音:Ack-sure),代表美国Axure公司;RP则是Rapid Prototyping(快速原型)的缩写。

Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。 [7] 作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理 [1] 。

Axure RP的使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等,另外,架构师、程序员也在使用Axure。

Axure下载安装

网上资料下载方式千奇百怪,很多下载链接是有问题的,安装过程中会碰到很多无法解决的问题,导致大家在安装过程中碰到问题浪费大量时间,这里为大家提供了现成的Axure安装包及汉化包,付安装方法。
https://pan.baidu.com/s/1sf_4MvvhZ6crpP8kAuLvHw
提取码:ais5

快速上手教程

一、元件插入

可以通过鼠标拖动的方式拉到图层中进行操作
Axure RP 9 原型图的绘制及交互_第1张图片
这里的概要相当于ps的图层,通过调整图层顺序来调整元件的上下关系,或者修改图层命名Axure RP 9 原型图的绘制及交互_第2张图片

二、动态交互效果

1.选中想要添加交互效果的按钮,在右侧有三个按钮(其中样式 可以调整元件的大小、位置、阴影及填充)Axure RP 9 原型图的绘制及交互_第3张图片
2.点击交互按钮
随意选择一个交互方式
Axure RP 9 原型图的绘制及交互_第4张图片
3.这时创建好了一个交互
Axure RP 9 原型图的绘制及交互_第5张图片
4.鼠标双击红框处、会出现弹窗
Axure RP 9 原型图的绘制及交互_第6张图片
Axure RP 9 原型图的绘制及交互_第7张图片
第一个选项框选择点击方式、第二个选项框选择事件类型
Axure RP 9 原型图的绘制及交互_第8张图片
事件可以添加多个,如果需要删除添加的事件选中delete即可

三、效果预览

Axure RP 9 原型图的绘制及交互_第9张图片

四、其他效果的制作

找到一篇对axure功能介绍比较全面的文章,如果上述流程并没有帮你找到想要的效果可以试试在这里边寻找
https://www.jianshu.com/nb/21224989?from=singlemessage

绘制一般的原型图,有这些操作已经完全够看了。
1.作图的过程就是在元件库挑选需要的元件排版
2.调整交互效果就完事了
3.如果需要使用ui制作好的图片进行排版,只需要点击‘+’号选择需要导入的元件
Axure RP 9 原型图的绘制及交互_第10张图片

有收获?希望烙铁们来个三连击,让更多的同学看到这篇文章

1、烙铁们,关注我看完保证有所收获,不信你打我。

2、点个赞呗,可以让更多的人看到这篇文章,后续还会有很哇塞的产出。

本文章仅供学习及个人复习使用,如需转载请标明转载出处,如有错漏欢迎指出
务必注明来源(注明: 来源:csdn , 作者:-马什么梅-)

你可能感兴趣的:(axure,交互,ui)