Axure 基本用法学习笔记

一、元件操作基础

1. 可见性控制

  • 隐藏/显示:可以设置元件的可见性,使元件在特定条件下隐藏或可见

  • 应用场景:创建动态交互效果,如点击按钮显示隐藏内容

2. 层级管理

  • 层级概念:元件有上下层关系,上层元件会遮盖下层元件

  • 调整方法:可以手动调整元件层级顺序

  • 应用场景:处理重叠元件的显示顺序

二、交互功能

1. 条件与结果

  • 工作原理:对元件设置交互时进行条件判断,根据不同条件触发不同结果

  • 应用示例:如"当文本框为空时显示提示,不为空时隐藏提示"

2. 局部变量

  • 定义:用于控件间传递值的中间变量

  • 用途:在不同交互间传递数据,实现复杂交互逻辑

三、常用元件详解

1. 基础形状元件

  • 矩形:

    • 最常用的多功能元件

    • 可通过样式变换实现多种效果

    • 操作性强,适合作为按钮、容器等

2. 媒体元件

  • 图片:

    • 可直接复制粘贴到Axure中

    • 支持多种图片格式

    • 可作为界面背景或内容元素

  • 热区:

    • 透明可交互区域

    • 覆盖在希望操作的区域上

    • 用于创建不规则形状的点击区域

3. 表单控件

  • 单选按钮:

    • 用于并列选项中只能选择一项的情况

    • 通常成组使用

  • 复选框:

    • 用于并列选项中可多选的情况

    • 每个选项独立选择

  • 文本框:

    • 允许用户输入内容的控件

    • 可设置多种输入类型(文本、密码等)

  • 列表框:

    • 提供选项筛选功能

    • 可以是下拉式或展开式

4. 高级控件

  • 内联框架:

    • 可嵌入URL链接或本地文件

    • 用于在原型中展示外部内容

    • 支持网页、PDF等多种格式

四、学习心得

  1. Axure的交互功能强大,通过条件判断和局部变量可以实现复杂的逻辑

  2. 合理使用层级管理可以使原型更加整洁有序

  3. 不同类型的表单控件适用于不同的输入场景

  4. 热区元件是创建非矩形交互区域的有效工具

  5. 内联框架极大扩展了原型的展示能力

五、后续学习计划

  1. 深入练习条件交互的设置方法

  2. 尝试组合使用多种元件创建完整页面

  3. 学习使用动态面板实现更丰富的交互效果

  4. 探索Axure的团队协作功能

相关推荐
楚山之石5 分钟前
【Lancet Neurology 】多发性硬化认知障碍的 SDMT 筛查、灰质萎缩标志与认知康复循证路径
图像处理·人工智能·学习·mri
海海不掉头发2 小时前
CSDN博客_时序预测9模型复现对比
人工智能·学习·软件工程
蓝祁子yoky3 小时前
Qt学习日记 Day13:网络编程(一)-TCP基础与Socket实战
网络·qt·学习
箓维4 小时前
TCP Socket的进阶实现
网络·笔记·tcp/ip
二哈赛车手4 小时前
新人笔记---hermes定时功能设计,具体讲解以及可优化点
java·人工智能·笔记·spring·ai·typescript
架构师伯子明4 小时前
Ros 学习十三:IK Demo
学习
小羊没烦恼!4 小时前
关于分布式锁原理的一些学习与思考-redis分布式锁,zookeeper分布式锁
java·服务器·网络·学习·负载均衡
幼儿园蛋小黄5 小时前
从 STM32N647 的 AI 部署入门嵌入式:一条可落地的学习路线
人工智能·stm32·学习
星恒随风5 小时前
Linux网络编程:应用层协议究竟是什么?从网络计算器到TCP Socket抽象基类完整实现
linux·网络·笔记·tcp/ip
Y.9996 小时前
电脑黑屏只有鼠标能动
学习