Axure 9形状

本文介绍了Axure 9中形状的创建方法,包括从库中拖入和使用快捷键插入常见图形。此外,详细阐述了形状的变换操作,如翻转、布尔运算,以及转换为图像和设置引用页面的功能,帮助用户更好地掌握Axure中的矢量图形编辑技巧。

形状的创建
形状的创建比较简单。

方法一:从左侧库中拖入画布中;
方法二:插入菜单,通过一些快捷键我们可以快速插入常用的图形元件,各矢量图形的快捷键如下:
P键 钢笔工具
R键 矩形
0键 圆形
L键 线段
T键 文本
钢笔(绘画)工具
AXURE中的钢笔工具可以纵向矢量图形。什么是失量图形?就是可以自由拉伸形状而不降低图像的清晰度。可以对其样式进行自由调整。因此钢笔工具是非常重要的一个功能。
如下图所示:


形状的变换
翻转
水平翻转:选中绘制的自定义图形,鼠标右键单击选择“变换形状>水平翻转”,图形在原地进行水平翻转。
垂直翻转:选中绘制的自定义图形,鼠标右键单击选择“变换形状>垂直翻转”,图形在原地进行垂直翻转。

形状的并集,交集,—>布尓运算
合并:对两个图形进行并集运算,合并后的图形填充色为原底层图形的颜色。
去除:底层图形减去顶层图形,底层图形去除相交部分后得出的图形,即为最终运算得出的图形。最终运算后所得图形的填充色为底层图形的填充色。
相交:对两个图形进行交集运算,相交后图形的填充色为原底层图形的填充色
排除:先对两个图形进行并集运算,再对两个图形进行交集运算,用合并后的形状减去相交部分的形状,就等于去除后的形状。最终运算后所得图形的填充色为底层图形的填充色。

结合:将两个图形合并为一个图形,如有相交,则去除相交部分,所得图形填充色为底层图形颜色。
分开:将合并的图形分开,分开后的图形填充色与原来颜色一致。

 

转换为图像
右键单击形状元件,在弹出菜单中点击“ 转换为图像 ”。

形状的引用页面
形状可以设置引用页面, 设置好后,形状上的文本与所引用页面的名称一致,且会同步更新。在WEB中预览时,单击该形状会直接跳转到该引用的页面。


形状的选择组
可以在一组形状,线条,图像和/或动态面板之间创建关系,其中一次只能使用“ 设置选定/已检查”操作将一个小部件设置为其选定状态。(类似于单选按钮组中中单选按钮之间的关系。)

<think>首先,用户的问题是:“我想学习Axure 9的使用方法 请问Axure 9 入门教程 使用指南”。这表示用户想学习Axure RP 9的基本使用方法,包括入门教程和使用指南。 根据系统级指令,我需要: - 所有行内数学表达式使用$...$格式(但在这个上下文中,可能没有数学表达式,因为Axure是原型设计工具)。 - 独立公式使用$$...$$格式并单独成段(同样,可能不适用)。 - LaTeX语法正确(但这里没有数学内容,所以可能不需要)。 - 使用中文回答。 - 生成相关问题。 - 回答中引用的段落末尾自然地添加引用标识,例如[^1]。 - 回答结构清晰,帮助用户逐步解决问题,保证回答真实可靠。 参考站内引用: - 引用[1]:关于Axure RP Pro的使用方法,包括基础操作到高级交互功能。 - 引用[2]:Axure快速入门教程,包括界面介绍、常用技巧等。 - 引用[3]:Axure RP9使用指南,包括快捷键和元件操作。 这些引用提供了具体内容,我应该整合它们来构建一个结构化的入门指南。 结构我的回答: 1. **引言**:简要介绍Axure RP 9是什么,为什么学习它。 2. **逐步指南**:基于引用,提供入门步骤。包括: - 界面介绍(从引用[2]) - 常用技巧(如取色、对齐等,从引用[2]) - 基本操作(如创建项目、页面布局,从引用[1]) - 快捷键(从引用[3]) - 高级功能简介(如动态面板、交互设计,从引用[1]和[2]) 3. **生成相关问题**:在回答末尾,添加相关问题,类似于示例中的“§§相关问题§§”。 确保回答真实可靠:基于提供的引用内容,不添加虚假信息。 使用中文:整个回答用中文写。 添加引用标识:在引用具体内容时,在末尾添加[^1]、[^2]或[^3]。 最终回答结构: - 开头:直接回应问题。 - 主体:分步骤讲解入门方法。 - 结尾:生成相关问题。</think>### Axure RP 9 入门教程与使用指南 Axure RP 9 是一款专业的原型设计工具,广泛用于创建交互式网页和移动应用原型。它支持从线框图到高保真原型的全过程设计,并提供了丰富的交互功能,帮助设计师快速验证想法。本指南基于可靠的引用资源,为您提供一个结构化的入门教程,涵盖基础操作到常用技巧,确保您能快速上手。我们将从安装开始,逐步介绍核心功能。 #### 1. **安装与界面介绍** 首先,下载并安装 Axure RP 9(可从官网获取)。启动后,您会看到主界面,包括画布、工具栏、元件库和属性面板。引用[2]详细介绍了界面布局: - **画布区域**:中央区域用于拖放元件和设计页面。 - **工具栏**:顶部提供常用工具,如选择、钢笔、形状和文本工具。 - **元件库**:左侧面板包含预定义元件(如按钮、文本框),可直接拖拽使用。 - **属性面板**:右侧面板用于设置元件样式、交互和状态。 熟悉界面是入门的第一步,建议花几分钟探索各区域功能[^2]。 #### 2. **基本操作与常用技巧** 接下来,学习创建项目和页面布局。引用[1]强调从基础操作开始: - **创建新项目**:点击“文件”>“新建”,选择空白模板或预设模板(如Web或移动端)。 - **页面布局设计**:在画布上拖放元件(如矩形、按钮),调整大小和位置。引用[3]提供快捷键提升效率: - 移动图层:`Ctrl + [`(上一层)或 `Ctrl + ]`(下一层)。 - 合并元件组:`Ctrl + G`;取消合并:`Ctrl + Shift + G`。 - 锁定元件:`Ctrl + K`;解锁:`Ctrl + Shift + K`。 - **常用技巧**(来自引用[2]): - **取色**:使用吸管工具快速复制颜色。 - **对齐**:选中多个元件,右键选择“对齐”选项(如左对齐或居中对齐)。 - **等比缩放**:按住 `Shift` 键拖动元件角落,保持比例不变。 这些技巧能显著提高设计效率,建议练习简单布局(如登录页面)以巩固基础[^1][^2][^3]。 #### 3. **线框图与高保真原型制作** Axure RP 9 支持从草图到精细原型的过渡。引用[2]区分了两种类型: - **线框图**:快速绘制低保真原型,使用基本元件(如占位符)表示结构。重点在功能布局,而非视觉效果。 - **高保真原型**: - **静态高保真**:添加细节(如颜色、阴影),通过属性面板设置样式。 - **快速制作**:利用元件库中的预制组件(如iOS控件),或导入图像资源。 例如,设计一个按钮:拖放按钮元件,设置颜色和文本;然后添加交互(如点击事件)[^2]。 #### 4. **交互设计与高级功能** 交互是 Axure 的核心。引用[1]和[2]讲解了动态面板和事件处理: - **动态面板**:用于状态切换(如轮播图)。创建动态面板后,在属性面板添加多个状态(State),并设置触发事件(如鼠标点击)。 - 示例:制作一个可切换的标签页,通过“设置面板状态”动作实现[^2]。 - **显示与隐藏**:为元件添加交互事件(如鼠标悬停),在属性面板选择“显示/隐藏”选项,并设置动画效果。 - **表单设计**:引用[2]提到,使用文本框、下拉列表等元件构建表单,并通过“元件交互样式”设置验证逻辑(如输入错误时变红)。 引用[1]还强调了协作功能:通过“共享”菜单导出原型或生成文档(HTML格式),便于团队反馈[^1][^2]。 #### 5. **导出与优化建议** 完成设计后,导出原型: - 点击“发布”>“生成HTML文件”,生成可交互的预览链接。 - 使用“文档生成”功能创建说明文档(引用[1])。 为提升学习效果,建议: - **练习项目**:从简单应用(如电商首页)开始,逐步添加交互。 - **参考资源**:Axure 官网提供免费教程;社区论坛(如Axure World)有案例分享。 通过以上步骤,您能在1-2周内掌握基础。Axure RP 9 的学习曲线平缓,但高级功能需持续实践[^1][^3]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值