【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.

相关推荐
MARS_AI_3 天前
云蝠智能 VoiceAgent:重构物流售后场景的智能化引擎
人工智能·自然语言处理·重构·交互·信息与通信
梓贤Vigo4 天前
【Axure高保真原型】地图路线和定位
交互·产品经理·axure·原型
阿登林5 天前
数据可视化交互深入理解
信息可视化·交互
许泽宇的技术分享5 天前
「让AI大脑直连Windows桌面」:深度解析Windows-MCP,开启操作系统下一代智能交互
人工智能·windows·交互
二川bro6 天前
第八篇:交互入门:鼠标拾取物体
前端·交互·threejs
招风的黑耳6 天前
Axure 高阶设计:打造“以假乱真”的多图片上传组件
javascript·图片上传·axure
孤蓬&听雨6 天前
Axure基于中继器实现的组件库(导航菜单、动态表格)
ui·axure·动态表格·中继器·导航菜单
梓贤Vigo6 天前
【Axure高保真原型】批量添加和删除图片
交互·产品经理·axure·原型·中继器
招风的黑耳9 天前
Axure 日期选择类组件设计:涵盖日期、时间及范围选择
axure·日期选择器·日期时间选择器·日期范围选择器
俄城杜小帅10 天前
QML与C++交互的方式
开发语言·c++·交互