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

相关推荐
前端Hardy1 小时前
HTML&CSS :下雪了
前端·javascript·css·html·交互
步、步、为营13 小时前
Avalonia+ReactiveUI跨平台路由:打造丝滑UI交互的奇幻冒险
ui·c#·.net·交互
PM大明同学19 小时前
Axure PR 9 旋转效果 设计&交互
交互·axure·photoshop
梓贤Vigo20 小时前
【Axure高保真原型】商场流量大屏可视化分析案例
交互·产品经理·axure·原型·可视化
AxureMost20 小时前
【Axure 模版素材】Arco Design组件库 - AxureMost
产品经理·axure
Rany-20 小时前
智慧水务管网在线监测平台(Axure高保真原型)
大数据·经验分享·axure
沉默的煎蛋5 天前
前后端交互过程
java·开发语言·ide·vscode·eclipse·状态模式·交互
duvbxff6 天前
新能源科技亲民化路径何在?交互式展厅提供新解吗?
科技·交互
轻口味7 天前
【HarmonyOS NAPI 深度探索7】N-API 数据处理:与 JavaScript 数据的交互
javascript·c++·交互·harmonyos·napi·harmonyos-next
m0_748247808 天前
如何使用C#与SQL Server数据库进行交互
数据库·c#·交互