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

相关推荐
-SGlow-10 小时前
Linux相关概念和易错知识点(40)(HTML资源交互、网页管理、搜索引擎)
linux·运维·服务器·网络·html·交互
Anchenry13 小时前
【QGIS二次开发】地图显示与交互-03
microsoft·交互
进取星辰19 小时前
28、动画魔法圣典:Framer Motion 时空奥义全解——React 19 交互动效
前端·react.js·交互
MARS_AI_19 小时前
人工智能外呼系统:重构智能交互的全维度进化
人工智能·自然语言处理·重构·交互·语音识别·信息与通信
lkbhua莱克瓦241 天前
用C语言实现了——一个基于顺序表的插入排序演示系统
c语言·开发语言·数据结构·程序人生·github·排序算法·交互
玉笥寻珍1 天前
Web安全渗测试基础知识之SSL交互异常利用篇
网络协议·安全·web安全·网络安全·交互·ssl
招风的黑耳1 天前
Axure设计之内联框架切换页面、子页面间跳转问题
axure·页面跳转·内联框架
kooboo china.2 天前
在UI 原型设计中,交互规则有哪些核心要素?
ui·编辑器·交互
梓贤Vigo2 天前
【Axure高保真原型】输入框插入话题效果
交互·产品经理·axure·原型
帮帮志2 天前
vue3与springboot交互-前后分离【完成登陆验证及页面跳转】
spring boot·后端·交互