axure交互怎么做(Axure有哪些基本的交互)

seoxin 11-21 10:16 8次浏览

Axure其实非常简单,一般掌握了方法,很多交互都能十分简单的实现出来。

但是很多产品新人刚入行开始工作时,就会特别亢奋,执着于工具的使用,并以此为荣。

这里,要说几点题外话:

  • 产品经理永远应该更关注用户的真实需求和核心需求,不要为了交互而本末倒置
  • 一些优秀好用且符合用户习惯的交互,没有必要仅仅是为了创新而改变它们
  • 无论是Axure、sketch或者墨刀等都是工具,请不要过度沉迷和崇拜工具
  • 如果你能用纸和笔就把问题讲明白了,那就能省下大把时间关注需求了

但是,理想是理想,现实是现实。

实际工作中,老板和客户往往需要亿些些更直接的演示。本着技多不压身的原则,那我们就简单学习一下,然后给他们交互稿吧!

接下来的内容是以Axure8为例来说的。

承载终端

那么说到用Axure做交互稿,我们必须先来看看交互的承载终端,只有适配这些承载终端,我们的交互稿才能做的以假乱真。

那么承载终端一般分为以下两类:

一、可操作终端:

  • PC/WEB端(使用鼠标键盘进行操作)
  • 移动端(使用手指进行操作)
  • pad端(使用手指进行操作)
  • 智慧终端(此类目前较少,一般同pad端)

ps:近年来,智能语音交互的形式也开始兴起,但目前在Axure内一般只做一些非语音介入的交互,此篇不做过多的讨论。

二、不可操作终端:

比如一些大屏,主要用于展示,不可操作。

我们针对这些不同的终端,需要进行不同的软件设置与交互设计。

一般来说,可操作终端的交互依赖与用户的互动,不可操作终端的交互不依赖用户互动,主要是自行变化。

废话不多说,直接上图,让我们看一看在Axure中怎么进行自适应的尺寸设置:

自适应尺寸启用

尺寸设置

根据你要设计的产品,预设宽高,如果你的原型想要适应不同分辨率的终端,可以启用自适应视图,从小到大,或者从大到小来分别设置你要适应的终端尺寸。

以下是一些常用的终端尺寸对照表(Axure9 已经添加了预设的常用设备尺寸。)

常用尺寸

从线框到DEMO

低保真、中保真、高保真

在我们实际工作的过程中,我们产出的原型可以从低保真到中保真,再到高保真,对应着从粗糙到精致,其投入的精力成本也是越来越高的。

从低保真到高保真,不光是视觉细节的不断提升,还有大量的功能流程及交互方式的细化。

从线框到demo的过程,也不仅仅是低保真到高保真的过程,还有在这个阶段中不断将交互从静态演变至动态,甚至能不断适配用户承载终端的过程。

需要注意的是:
一般我们产出的最多的是中保真原型,动态交互的实现是依赖静态交互流程的拆解的,所以交互流程的拆解非常重要,不要一上来就马上做动态交互。

未来预告

预告图

以上内容主要是Axure做交互的基础认知,只有从全局的角度去学习,用Axure做交互真的很简单。

未来,我们将会进一步介绍一下Axure里的基础元件及交互事件,敬请期待!

  • 暂无推荐