【Axure教程0基础入门】04交互动效基础

04交互动效基础
1.Axure交互事件的基本概念
(1)交互动效Interaction
原型图中,原件与页面的动态效果(dynamic behaviors)。
(2)交互动效的构成

  • 目标(target):谁触发交互,如某个原件。
  • 事件(event):什么动作触发交互,如鼠标单击、显示、旋转。
  • 动作(action):触发后执行什么,如跳转某个页面、显示某个元件。
  • 情形(case):触发的条件,如文字等于XX,变量值大于XX。

(3)目标

  • 不同的原件,交互设置选项可能不同。

2.为之前设计的页面增加【跳转】效果
(1)按钮跳转测试页


(2)增加情形:不同条件发生不同的动作


(3)热区

  • 没有任何显示,但是可以配置各种动效。
  • 热区可以复制(带动作)。
  • 交互动作可以复制。


(4)返回上一页

(5)模拟手机演示

3.为【听一听】功能增加【跳转】效果
如附件。
PS:Most people make the mistake of thinking design(设计思维),Design is not just what it looks like and feels like.Design is HOW IT WORKS.

相关推荐
GISer_Jing2 小时前
从CLI到GUI桌面应用——前端工程化进阶之路
前端·人工智能·aigc·交互
colin52106 小时前
Axure 本地预览时加载慢的问题分析和处理方法
axure·谷歌字体样式·网页加载慢
KIHU快狐8 小时前
KIHU快狐|国产鸿蒙系统立式一体机RK3588芯片多点触控交互查询终端
华为·交互·harmonyos
红黑色的圣西罗11 小时前
Lua和C#交互探究记录
c#·lua·交互
colin52101 天前
AxureRP11实例-手机号提交验证交互功能JH110002
axure·axurerp11·手机号验证
GISer_Jing1 天前
AI Agent交互模式深度解析:浏览器书签&插件进行AI对话
前端·人工智能·aigc·交互
colin52101 天前
AxurePR11实例-验证码倒计时交互功能JH110001
交互·axure·验证码产品交互
御形封灵1 天前
基于canvas的路网编辑交互
开发语言·javascript·交互
Dxy12393102163 天前
DrissionPage使用js点击:突破常规交互限制的“隐形手”
开发语言·javascript·交互
Autumn_ing3 天前
2026国内外主流设计工具大对比:Axure、墨刀、Figma、Pixso
ui·aigc·axure·figma·墨刀