Axure入门教程 -- 第一章：Axure简介

山海青风

已于 2025-03-19 17:57:48 修改

阅读量4.3k

点赞数 6

分类专栏：产品设计文章标签： axure ui

于 2024-12-28 15:02:17 首次发布

本文链接：https://blog.csdn.net/qq_41611586/article/details/144788365

版权

产品设计专栏收录该内容

6 篇文章

订阅专栏

第一章：Axure简介

1.1 什么是 Axure？

Axure 是一种专业的交互原型设计工具，广泛应用于用户体验设计、产品设计和交互流程规划。
• 目标：帮助设计师快速制作高保真原型，展示产品的结构、流程和交互效果。
• 主要功能：页面布局、交互动画、动态面板、变量逻辑等。

操作练习 1：搜索和安装 Axure
	1.	打开 [Axure官网](https://www.axure.com.cn/)。
	2.	下载 Axure RP 的试用版本（或根据需求购买）。
	3.	完成安装并启动软件，初次打开时选择“试用”或“登录”。

互动问题：
• Axure 适合哪些设计阶段？
（答：产品原型设计、交互逻辑展示）
• Axure 适合的用户群体有哪些？
（答：产品经理、设计师、开发人员等）

1.2 Axure 的应用场景与优势

Axure 在以下场景中具有突出优势：
• 交互逻辑设计：通过动态面板和条件逻辑实现复杂交互。
• 产品验证：制作高保真原型进行可用性测试和用户反馈收集。
• 团队协作：通过 Axure Cloud 分享原型和交互说明文档。

操作练习 2：观察 Axure 示例项目
	1.	打开 Axure 软件，点击“文件 > 打开示例文件”。
	2.	查看 Axure 提供的原型示例，熟悉页面结构和功能。
	•	示例文件路径：\Axure\DefaultSettings\Training\Prototype Starter.rp
	3.	尝试点击不同页面，了解示例中的页面跳转和交互。

在这里插入图片描述

互动问题：
• 在 Axure 中，一个页面可以包含哪些元素？
（答：文本、图片、按钮、动态面板等）
• 为什么要使用 Axure而不是其他设计工具？
（答：Axure 强调交互逻辑，而不仅仅是视觉设计。）

1.3 Axure 版本与安装

Axure 提供多个版本：
• Axure RP 10：最新版本，支持更强大的团队协作功能。
• Axure RP 9：功能丰富，稳定性高。
• Axure RP 8 或更早版本：适合老用户，但功能较少。

 操作练习 3：探索软件界面
 	1.	启动 Axure RP，进入默认界面。
 	2.	认识 Axure 的主要区域： 	 	
			> •	页面树（左侧）：用于管理项目的页面和层级结构。 	 	
			> •	画布区（中间）：设计和布局的主要区域。 	 	
			> •	组件面板（右侧）：提供文本、矩形、图片等常用组件。 	
			> 	•	属性面板（右下）：设置组件的属性和样式。

任务：在 Axure RP 界面中完成以下探索：

找到“页面树”并新建一个页面。
在组件面板中拖动一个“矩形”到画布区。
使用属性面板更改矩形的颜色和尺寸。

互动问题：
• 页面树的作用是什么？
（答：管理页面的层级和跳转关系）
• 如何更改组件的颜色和尺寸？
（答：在属性面板中设置。）

1.4 Axure 的基本界面

Axure 界面五大区域：
1. 工具栏：提供新建页面、保存项目、撤销操作等快捷功能。
2. 页面树：管理页面和页面层级。
3. 画布区：放置和编辑页面组件的主区域。
4. 组件面板：提供各种预设组件，如按钮、文本框等。
5. 属性面板：调整组件样式、尺寸、交互等属性。

操作练习 4：简单页面布局

任务目标：制作一个简单的登录页面布局。
	1.	在页面树中，新建一个名为“登录页面”的页面。
	2.	在组件面板中拖入以下组件：
	•	矩形：作为背景块，设置尺寸为300x400。
	•	文本框：输入用户名和密码。
	•	按钮：添加一个登录按钮。
	3.	修改组件样式：
	•	将矩形背景颜色设置为浅灰色。
	•	为按钮添加边框和渐变颜色效果。