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

相关推荐
永亮同学1 天前
【探索实战】从零开始搭建Kurator分布式云原生平台:详细入门体验与功能实战分享!
分布式·云原生·交互
招风的黑耳1 天前
基于 Axure 与 Element UI 风格的拖动列调整位置表格设计
axure·element·表格·拖动列
梓贤Vigo1 天前
【Axure原型分享】卡片排序
交互·产品经理·axure·原型·中继器
招风的黑耳2 天前
基于 Axure 与 Element UI 风格的拖动行排序表格设计
elementui·axure·表格·拖动
向宇it2 天前
【unity游戏开发——网络】unity对接steam,并上传发布游戏版本——Steamworks.NET
游戏·unity·游戏引擎·.net·交互
XXYBMOOO3 天前
使用 HTML5 Canvas 实现可交互的数据瀑布流(隐藏式运维模式)
运维·交互·html5
helloworddm3 天前
C++与C#交互 回调封装为await
c++·c#·交互
独自归家的兔3 天前
通义千问3-VL-Plus - 界面交互(坐标改进)
数据库·microsoft·交互
独自归家的兔3 天前
通义千问3-VL-Plus - 界面交互(本地图片)
人工智能·交互
巴拉巴拉~~3 天前
Flutter 通用按钮组件 CommonButtonWidget:多样式 + 多状态 + 交互优化
javascript·flutter·交互