您现在的位置:   首页 >> 新闻中心 >> 原型设计

从零开始学Axure原型设计:动态面板与母版

发布人:www.yunke.ai 发布时间:2021-01-01 159 次浏览

Axure不仅能制作静态的视觉稿、页面,还能添加交互动作,是进行原型设计的最佳软件之一。在认识了Axure的界面和部件库之后,我们可以用它来画线框图了,但是静态的线框图在表达上不如有交互的原型图来得直观。

Axure进阶篇中将会介绍什么是交互,如何玩转Axure中最频繁使用的动态面板部件,做出狂拽炫酷的交互效果。另外,还会介绍母版(主要是触发事件)的使用。

交互基础知识

开始使用Axure做交互之前,我们先来看看Axure的安身立命之本,即交互这个概念。

创建交互包括四个模块:

  • 交互(interaction):3W= When + Where + What
    例如:当鼠标在菜单栏悬停时,菜单栏颜色变深。
  • 事件(events):主要有两类,页面事件和部件事件。交互是由事件触发的,事件用于执行某个动作。
  • 用例(cases):给同一个任务创建不同的路径。用例由一系列动作组成,
  • 动作(actions):由用例定义的对事件的响应。例如弹出窗口,打开链接等等。

小贴士

用例是可以复用的,当你想要把一个用例上的动作迁移到其他部件上时,只需要右键点击该用例,然后点击复制,再点击响应事件选择粘贴即可。

Axure实现交互的方式非常多,只要你明白了其中的原理,随着对这款软件的熟悉,你就能驾驭它的使用。

深入理解动态面板

在实际工作中,动态面板是我们使用得最多的部件,通过它我们可以实现图片轮播、手风琴菜单、灯箱效果、标签控制和拖拽等效果。与函数变量结合后还可以做出用户登陆提示、进度条效果等。