首页 >> 科技 >>列表

Axure 9.0基础教程:史上最详细的元件说明,建议你认真看完(原创)

网络整理 2020-01-14 08:39:19 作者:一纸乱言

元件说明

摘要:元件作为Axure 9.0的基础功能,线框图的绘制与交互事件的设置都离不开它,熟练掌握并了解每个元件的功能及用途,对原型设计来说尤为重要。这是一篇细到令人发指的关于元件的使用说明,不仅有基础的使用知识讲解,也有一些使用技巧的说明。Axure 9.0与8.0相比并没有增加新的元件,但9.0的元件却更好用,用起来更顺手,更有设计感,它的好用与顺手体现在每一个细节之中。

1.2 元件详解

元件是线框图绘制过程中必不可少的基础元素,线框图是由一些列元件组合而成。因此认识和熟练了解每一个元件的特征,对绘制线框图或者原型来说是非常重要的,本章节就详细讲解每个元件的用途和应用特征。

1.2.1 公用元件1.2.1.1 形状元件

方框、椭圆、占位符、按钮、标题、标签和文本,这几个元件本质上都属于形状元件。选中元件,可以通过右侧对应的样式面板对元件进行编辑。

添加文本:选中元件,双击元件或右击在弹出菜单中选择“编辑文字”,即可对元件执行添加文本、编辑文本的操作。

选择形状:形状元件可以改变各种形状,包括矩形、三角形、圆形、弧形、五角星、爱心、水滴等。选中元件,右键单击在弹出菜单中选择“选择形状”。

选择形状

转换为图片:形状元件转换为图片后,可以保留形状元件上添加的交互和注释。选中元件,右键单击在弹出菜单中选择“转换为图片”。

转换为图片

填充:形状元件支持颜色填充和图片填充。颜色填充可通过顶部的工具栏或右侧的样式面板,进行配色。通过形状元件导入的图片,大小和位置固定在形状内部,不同于常规的图片导入。选中形状元件,右键单击下拉菜单中选择“导入图像”或在右侧样式面板选择本地图片,完成导入。

颜色填充


图片填充

边框:形状元件可以设置边框的颜色、边框线的粗细(厚度)、线条的样式(直线、虚线)以及每条边框线(隐藏部分线框)的可见性。通过顶部工具栏或右侧样式面板均可以设置。

设置边框线

编辑控点:通过拖动控点的位置,可以将元件改变成任何你想要的形状,一般元件有4个控点。选中形状元件,右键单击下拉菜单中选择“编辑控点”或点击顶部工具栏中的点,拖拽元件边框上的小菱形位置,可以改变元件现状。

编辑控点

变换形状:可以对形状元件进行水平和垂直翻转,对多个形状元件进行布尔运算,改变点的连接方式(直线连接或曲线连接)。选中形状元件、右键单击下拉菜单中选择“变换形状”,弹出的右侧菜单中选择变换方式。

变换形状

指定选择组:与单选按钮组效果类似,当组中有一个元件被选中后,其他组元件自动切换为未选中状态,常用语于Table切换或标签导航。若将元件添加到指定的组,首先选中形状元件,右键单击下拉菜单中选择“指定选择组”,编辑选择组名称。

指定选择组

工具提示:常用于一些操作提示,如Axure工具栏、页面与大纲、库与母版等相关的操作按钮,鼠标悬停在按钮上方,显示提示信息。选中形状元件,右键单击下拉菜单中选择“工具提示”,编辑提示信息。

工具提示
上海联通信息港 - 为网友提供互联网每日热点内容
上海联通信息港是一个自媒体内容聚合分享平台,为网友提供互联网每日新闻和热点内容分享,今日看点新闻头条增长知识!