原型设计工具Axure RP参考(九):形状小部件(上)


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

原型设计工具Axure RP参考(九):形状小部件(上)

创建形状

从“库”窗格中拖动

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

插入菜单

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

原型设计工具Axure RP参考(九):形状小部件(上)

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

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

笔工具

原型设计工具Axure RP参考(九):形状小部件(上)

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

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

将SVG转换为形状

从草图导入

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

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

从Adobe XD导入

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

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

从Figma导入

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

  1. 为Figma安装Axure插件。
  2. 在Figma中,选择要复制的元素,然后转到Plugins→Axure→Copy Selection for RP。 (或者,您可以使用“为RP复制所有帧”选项复制所有资产。)
  • 选择形状并开始输入。 (仅当您禁用了单键快捷方式时,此选项才可用)

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

图像填充

原型设计工具Axure RP参考(九):形状小部件(上)

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

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

推荐阅读:

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

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


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

标签:

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2020年9月19日
下一篇 2020年9月19日

相关推荐

发表回复

登录后才能评论