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

相关推荐
北极星日淘16 天前
前端 i18n 中日双语交互 + 翻译客服接口联动方案|日系海淘平台中文友好化开发实战
前端·交互
UXbot16 天前
帮助企业低门槛开展AI应用开发的平台推荐
前端·低代码·ui·交互·产品经理·原型模式·web app
蓝速科技16 天前
蓝速科技 AI 数字人部署与交互实战指南
人工智能·科技·交互
夜郎king16 天前
Axure 原型落地 HTML:基于 Trae Solo 实现 GIS 多级行政区划切换全流程实践
axure·trae solo·gis可视化
UXbot17 天前
原型设计工具如何帮助新人快速进入产品行业?
前端·低代码·ui·交互·团队开发·原型模式·web app
Resurgence_zc17 天前
openGauss 资源池化主备页面交互流程梳理
网络·交互·数据库开发
potion()17 天前
浏览器用户画像分析-大屏静态布局制作+数据接入+交互设置
交互·助睿数智·商业数据分析
LONGZETECH17 天前
无人机仿真教学软件选型实战:5 个硬核技术维度,避开实训建设踩坑
3d·无人机·交互·cocos2d
袖手蹲18 天前
K10 百炼 AI 语音助手从网络配置到全链路语音交互的嵌入式实战
网络·人工智能·交互