一、Axure安装
-
从Axure官网下载安装包
-
按照向导完成安装
-
启动软件,可选择试用或输入许可证
二、Axure基本用法
-
界面组成:
-
顶部菜单栏
-
左侧元件库和页面结构面板
-
中间画布区域
-
右侧属性和样式面板
-
-
基本操作:
-
从元件库拖拽元件到画布
-
使用选择工具调整元件大小和位置
-
通过属性面板修改元件属性
-
三、元件交互基础
1. 交互流程
选择元件 → 触发元件 → 添加用例 → 选择动作 → 产生结果
2. 详细步骤
-
选择元件:在画布上选中要添加交互的元件
-
触发元件:确定触发交互的事件(如点击、鼠标悬停等)
-
添加用例:为事件添加一个或多个用例
-
选择动作:在用例中选择要执行的具体动作
-
产生结果:设置动作执行后的效果
四、元件交互样式设计
1. 常用交互状态
-
鼠标悬停(Hover):鼠标移到元件上时的样式
-
鼠标按下(Mouse Down):鼠标点击时的样式
-
选中(Selected):元件被选中时的样式
-
禁用(Disabled):元件禁用状态下的样式
2. 矩形元件交互样式设置步骤
-
选中矩形元件
-
在右侧属性面板找到"交互样式"设置
-
分别设置不同状态下的:
-
填充颜色
-
边框样式
-
文字颜色
-
阴影效果等
-
-
预览效果确保各状态区分明显
五、学习心得
-
Axure的交互设计逻辑清晰,遵循"事件-动作-结果"的基本模式
-
交互样式设置可以大大提升原型的真实感和用户体验
-
需要多练习不同元件的交互组合,熟悉各种动作的效果
-
建议从简单交互开始,逐步增加复杂度
六、后续学习计划
-
深入学习动态面板的使用
-
练习页面跳转和数据传递
-
了解变量和条件逻辑的应用
-
尝试制作完整的项目原型