logo 原型设计工具Axure RP使用教程 我也要发布文档

参考(九):形状小部件(上)


Axure RP是一套专门为网站或应用程序所设计的快速原型设计工具, 可以让应用网站策划人员或网站功能界面设计师更加快速方便的建立Web AP和Website的线框图、流程图、原型和规格。

好消息!买Axure RP软件,送价值59.8元Axure RP原型设计方案,含丰富实操演练和网页、APP实战案例点击直达>>

免费下载Axure RP 优惠购买Axure RP


默认窗口小部件库的“公共”部分中的各种框,按钮和标题都是形状窗口小部件,以及占位符,标签和段落。 图标小部件库中可用的图标也是形状,您用钢笔工具绘制的任何小部件也一样。形状小部件这部分内容分为上下两篇,点击此处跳转下>>

创建形状

从“库”窗格中拖动

Axure RP带有各种现成的形状,您可以在“库”窗格中访问它们。 要将其添加到您的设计中,请将其从窗格中拖放到画布上。

插入菜单

界面左上角的“插入”菜单包含可以添加到设计中的许多其他形状。 选择一个形状,然后在画布上单击并拖动以绘制它。 您可以通过在拖动时按住SHIFT来限制其尺寸。


也可以使用以下单键快捷方式绘制最常用的形状:

  • 长方形
  • 椭圆形
  • 线数
  • 文字(段落小部件)
  • 写意画的钢笔工具
  • 笔工具
  • 使用钢笔工具绘制一条曲线

笔工具


您可以使用“插入”菜单中的钢笔工具或按P来绘制自己的矢量形状。钢笔工具的工作原理与其他矢量绘图应用程序中的等效:

  • 单击画布以添加新的矢量点
  • 单击并拖动以添加弯曲点
  • 拖动时按住SHIFT可将曲线手柄自动对齐到X或Y轴
  • 拖动时按住ALT可彼此独立移动拖动手柄
  • 单击第一个点以关闭路径,或双击画布以创建一个打开的路径

将SVG转换为形状

右键单击并选择“变换图像”→“将SVG转换为形状”,可以编辑已导入Axure RP的SVG资产。这将用一个或多个形状窗口小部件替换SVG图像,然后您就可以像编辑其他形状窗口小部件一样对其进行编辑。

从草图导入

您可以直接从Sketch复制资源并将其作为形状小部件粘贴到Axure RP中。

  1. 下载并安装适用于Sketch的Axure插件。
  2. 在“草图”中,选择要复制的元素,然后转到“插件”→“ Axure”→“ RP的复制选择”。 (或者,您可以使用“为RP复制所有画板”选项复制所有资产。)
  3. Axure RP中,使用“编辑”→“粘贴”或右键单击画布以将“草图”元素粘贴到项目中。

从Adobe XD导入

您可以直接从Adobe XD复制资产,并将它们作为形状小部件粘贴到Axure RP中。

  1. 下载并安装Adobe XD的Axure插件。
  2. 在XD中,选择要复制的元素,然后转到“插件”→“ Axure”→“ RP的复制选择”。 (或者,您可以使用“为RP复制所有画板”选项复制所有资产。)
  3. 在Axure RP中,使用“编辑”→“粘贴”或右键单击画布以将XD元素粘贴到项目中。

从Figma导入

您可以直接从Figma复制资产,并将它们作为形状小部件粘贴到Axure RP中。

  1. 为Figma安装Axure插件。
  2. 在Figma中,选择要复制的元素,然后转到Plugins→Axure→Copy Selection for RP。 (或者,您可以使用“为RP复制所有帧”选项复制所有资产。)
  3. 在Axure RP中,使用“编辑”→“粘贴”或右键单击画布以将Figma元素粘贴到项目中。

添加和编辑文本

您可以通过以下任意选项将文本添加到形状小部件或编辑其当前文本:

  • 双击形状以进入文本编辑模式
  • 选择形状,然后按Enter键进入文本编辑模式
  • 右键单击形状,然后在上下文菜单中选择“编辑文本”
  • 选择形状并开始输入。 (仅当您禁用了单键快捷方式时,此选项才可用)

您也可以通过右击并选择用Lorem Ipsum填充来自动用占位符文本填充形状小部件。

图像填充


除了“样式”窗格中可用的其他样式选项之外,还可以为形状小部件提供背景图像。 要给形状提供背景图像,请选择它并使用“样式”窗格中“填充”下的“图像”按钮。

形状小部件这部分内容分为上下两篇,点击此处跳转下>>

推荐阅读:

原型设计工具Axure RP入门教程

原型设计工具Axure RP新手教程


想要获得Axure RP更多资源、正版授权的伙伴,请咨询【慧都客服】了解

关注慧聚IT微信公众号???,了解产品的最新动态及最新资讯。

慧聚IT