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

相关推荐
狸克先生4 小时前
如何用AI写小说(二):Gradio 超简单的网页前端交互
前端·人工智能·chatgpt·交互
dot.Net安全矩阵1 天前
.NET 通过模块和驱动收集本地EDR的工具
windows·安全·web安全·.net·交互
梓贤Vigo1 天前
【Axure视频教程】自制上传按钮
交互·产品经理·axure·原型·教程
好开心331 天前
javaScript交互案例2
开发语言·前端·javascript·html·ecmascript·交互
xChive1 天前
优化表单交互:在 el-select 组件中嵌入表格显示选项
前端·vue.js·交互·element-plus
前端郭德纲2 天前
React Native的界面与交互
react native·react.js·交互
招风的黑耳3 天前
Axure智慧社区数据可视化大屏模板
axure·数据可视化·智慧社区
好开心333 天前
javaScript交互案例
开发语言·前端·javascript·html·ecmascript·交互
PM大明同学3 天前
Axure PR 9 穿梭框 设计&交互
ui·交互·产品经理·axure·photoshop
独行soc3 天前
#渗透测试#SRC漏洞挖掘#网络运维# 黑客脚本编写04之脚本与用户交互
运维·安全·面试·bash·交互