您的位置 首页 > 报价

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

[本站 Axure9.0基础教程:史上最详细的元件说明,建议你认真看完(二)Axure9RP9基础教程(五)-axure视图的设置Axure9.0基础教程:你应该定义一套自己的页面样式AxureRP9怎么自学A…

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

  • Axure9 RP 9基础教程(五)-axure视图的设置
  • Axure 9.0基础教程:你应该定义一套自己的页面样式
  • Axure RP 9 怎么自学
  • Axure 9.0基础教程:史上最详细的元件说明,建议你认真看完(二)
  • Axure RP 9 教程—基本功能介绍1
  • 如何学习使用 Axure


在Axure RP 9的学习中,关于视图的设置是不可忽视的。为什么这么说呢?

1、贴合自己的使用习惯

2、方便我们快速地进行工作

那关于axure 9 的视图设置包括哪些方面呢?我们可以通过设置的菜单慢慢来看。设置内容包括了工具栏、样式栏、页面、部件、母版、交互、说明、样式、摘要是否显示控制、重置视图、标签/网格辅助线设置、遮罩设置


1

工具栏


工具栏的设置,可以选择是否显示工具栏,和自定义工具。是否显示比较简单,可以明确看到工具栏的显示和隐藏,这根据自己的需要和使用习惯去选择即可。?

看看自定义工具时如何的。在设置面板中可以将自己常用的工具调整至工具栏中,这样可以减少操作的时间,加快工作效率。可以进行设置的工具如下:


?

2

功能区设置

1、关闭单侧功能区

?

有时我们设置原型的时候宽度比较大,可能会需要将某一侧的功能区隐藏掉,以增加区的视图尺寸。以关闭右侧功能去为例,有以下几种方法:

a.拖动功能区,将面板独立之后,点击关闭按钮。其他功能区的关闭同样可以采用这种方法。

?

b.选择视图-功能区-开关右侧功能栏,可以直接将一侧的功能栏全部关闭。

c. 选择视图-功能区,将属于这一侧的功能窗口全部取消选中,即可关闭。如图,将交互、说明、样式三个窗口取消选中之后,即可将右侧功能栏全部关闭。

d.使用快捷键:CTRL+ALT+],直接关闭右侧功能栏。左侧的快捷方式则是CTRL+ALT+[。


2、移动和关闭单个功能窗口。假设要移动和关闭概要窗口

移动窗口很简单,只需鼠标选择该窗口的名称,拖拽,即可将窗口独立或者进行移动。在移动的过程中,会出现一个蓝绿色的线条进行提示,窗口移动到的位置。

前面我们说的几种操作方法是关闭一侧所有的功能窗口。如果要关闭单个的功能窗口,可以以怎么做呢?

a. 跟单侧功能区关闭有些相似。拖动概要窗口,将面板独立之后,点击关闭按钮。这里注意拖动的是单个窗口,不能如关闭单侧一般将整个功能区进行拖动。

?

b. 选择视图-功能区-概要,将这个功能窗口取消选中,即可关闭。


3、功能区的恢复。同样以概要窗口为例

a.????选择视图-功能区-概要,将这个功能窗口选中,即可在视图中重新显示概要窗口。

b.????选择视图-重置视图,可将视图恢复为初始状态,不管是窗口移动还是关闭,都会恢复成为原来的初始设置。

?


3

标尺、网格、辅助线的设置



通过对区进行偏好设置,也是为我们日常的工作提供方便,更贴近我们个人的使用习惯。点击任何一个设置均可进入偏好设置,如网格设置、辅助线设置等。(基础教程四中也提及了偏好设置,也可从“文件”中打开设置面板进行设置)

其中关于画布、网格、辅助线、部件对齐的内容是属于视图设置的内容。设置的内容如下:


画布:是否启用单间快捷键;是否隐藏画布滚动条。

单键快捷键包括了:R – 矩形模式;O– 椭圆/圆形模式;T – 文本模式(拖拽时会自动在文本区域内填充示例文本);P – 钢笔绘画模式;L – 线段模式。

启用单键快捷键可快速调用上述的几种模式,更方便了我们的使用。选择快捷键T,在鼠标的下方出现了文字的小图标,可以快速输入文字。其他亦然。


?

网格:间距、样式、网格线颜色设置;


?

辅助线:是否底层显示辅助线、是否始终在标尺中显示辅助线的位置、各种辅助线的颜色设置;

从标尺中直接拖拽建立页面辅助线,默认颜色为蓝绿色;CTRL+拖拽建立全局辅助线,默认颜色为粉红色。

部件对齐:边缘对齐的设置;对齐辅助线的颜色设置。通过部件和部件之间的辅助线,提示对齐的情况如何。

?


4

其他设置

?

1、遮罩的设置


遮罩的作用是显示不同种类的部件的代表颜色,打开之后,使用的部件一目了然。以动态面板为例,打开遮罩显示浅蓝色,关闭则是透明的。习惯性看到浅蓝色的部件,就会反应为该部件是动态面板。

2、说明和交互的标记。默认显示的,可以关闭。 交互以小闪电的图标提示,说明则是以数字说明。在之后的工作学习中就比较容易辨别。

?

3、位置尺寸提示。与部件对齐配合使用。

4、显示背景。背景颜色和背景图片可选择显示或不显示。




页面样式分为默认页面样式和自定义页面样式,对不同页面进行设置和。

页面样式管理界面中除了可以设置页面样式外,还可以对页面样式进行以下管理操作:

默认不显示网格,可以通过菜单栏:视图》标尺.网格.辅助线,设置网格的显示及属性。网格设置如下:

辅助线对保持界面布局及元件对齐有很大的帮助。通过菜单栏:视图》标尺.网格.辅助线,可以控制辅助线的显示、辅助线的锁定、辅助线的对齐,甚至删除辅助线等一切有关辅助线的操作设定。

通过菜单栏,视图》标尺.网格.辅助线》元件对齐设置,找到对齐设置界面。


xure RP 9 教程—基本功能介绍1 应广大网友要求,接下来一段时间会对Axure RP 9 的基础功能进行一定程度的介绍,一来方便新手迅速了解Axure,二来比对新版Axure与Axure 8的区别,更快了解新版本Axure 界面介绍


在设计填写项时我们我们需要经常用到文本框,比如注册、登录、个人信息等相关的页面设计,我们都需要使用文本框。文本框的类型包含:文本、密码、邮箱、数字、电话、URL地址、搜索、文件、日期、月份和时间。选定好类型后,只能在文本框中输入选定类型的信息。比如我们设定了数字,则无法输入中文和英文。文本框内容的输入长度,可以设定上限,这里的长度限制同时适用于中文、英文和数字。选中元件,右键单击选择“文本类型”,右键单击选择文本框选择“最大长度”,输入数字,限定最大长度。文本框的类型和长度限制也可以通过交互样式面板进行设置。如下图所示:

文本段落常用于留言、评论、个人介绍。文本段落可输入多行文本内容,当文本内容超出文本框高度时,文本段落将出现垂直滚动条。文本段落除不能设置文本类型外,其它的属性均与文本框一致,可参考文本框的元件说明。

当我们需要在多个选项中选出一项作为筛选条件或者选择结果时,我们就需要使用下拉列表。比如地区的选择、日期范围的选择等。选择的结果,通过全局变量进行存储,然后通过全局变量传递给其它页面,影响页面的展示结果。

与下拉列表的使用场景基本相同,可以用来取代下拉列表,如果你的设计需求希望直接将众多选项展示出来,而不需要用户点击查看选项,列表框可以满足这一需求。

复选框的选定比较灵活,可以不选择、也可以选择、可以选择一个或多个。

单选按钮常用于表单设计中,一些判断型的信息选择,如性别选择,婚姻状况等。选择的结果可能影响到当前页面的交互显示或跨页面的交互显示,跨页面常常需要用到全局变量存储选择结果。
在设计后台类数据查询页面时,我们需要使用表格元件。

菜单元件设置好之后,我们经常会将其转换为母版,其目的是需要在不同页面之间来回跳转。

当我们在梳理页面关系或跳转逻辑时,可以使用快照引用原型页面帮助我们分析流程。与内部框架不同,快照只能引用内部页面和母版,而内部框架不仅可以引用内部页面,也可以引用外部页面。

箭头与直线的样式属性、交互样式相同,区分在于,箭头元件默认选择了一个箭头样式,且箭头线条比直线更粗。具体的样式属性请参照 《Axure 9.0基础教程:史上最详细的元件说明,建议你认真看完》

当我们需要为页面中添加简短的说明提示时,使用便签备注则比较方便;截图时,我们需要标注某一区域时,使用标记元件则较为方便,如我们在讲解操作界面时,使用了标记元件。


对Axure RP 9 的基础功能进行一定程度的介绍,一来方便新手迅速了解Axure,二来比对新版Axure与Axure 8的区别,更快了解新版本Axure

界面介绍

剪切,复制, 粘贴很好理解,使用方式和win电脑的快捷键相同,Ctrl X为剪切,Ctrl C为复制,Ctrl V为粘贴,在Axure中,可以选中一段交互进行复制粘贴,值得注意的是,很多朋友找不到Axure RP 9的格式刷,不同于Axure 8 的格式刷,我也是找了好久,后来发现选择某个元件,按下复制按钮或快捷键,然后选中另一个元件按下Ctrl Alt V即可将前一个元件的格式及公共交互部分复制并粘贴到后一个元件上,这就是Axure RP 9的神秘格式刷。

分区1:选择模式
使用过Computer Aided Design(即CAD)软件的同学应该很容易理解这个功能,当界面上画了很多很多方框的时候,很难精确批量的选择我们想要选中的元件,这时候切换不同的选中模式就可以快速的选择我们想要的元件。第一个,一个小虚线框里边装着三个小框的模式是指当我们的鼠标范围选中元件的任意面积,即可选中当前元件;第二个一个小虚线框中间放着一个小方框的模式是指当我们鼠标选取完全覆盖当前元件的所有面积的时候,才能选中元件。图标的样子还是很好理解哒。后边那个一个框连着一个框的是指连接线,Axure可以用于画流程图,画流程图,连接线就必不可少啦。

分区2:插入形状
插入按钮点击后可以选择如图的几个工具,这几个工具从他的名称上就可以轻易的判别工具的用途,这里值得注意的是,在选择矩形、椭圆或直线工具的时候,在绘制的同时按住Shift键,可以绘制正方形、圆形、水平线或垂直线。在Axure RP 9 中,设置了快捷键,如在英文模式下点击P键,会直接选取到钢笔工具(Pen)。插入里面的功能不是很常用,就不过多的做解释。

分区3:点(控点)

这个工具看着有点儿抽象,其实很简单,选中元件,选择点,元件四周会出现菱形的小方块儿,拖动方块就可以任意改变元件的形状,右键元件,选择控点也可以达到同样的效果。

分区4:置顶和置底

置顶和置底很好理解,就是将选中的元件置于最下层或最上层,这里只需要提醒大家快捷键即可,Ctrl Shift ] 是置顶,Ctrl ] 是上移一层;Ctrl Shift [ 是置底,Ctrl [ 是下移一层。

分区5:组合和取消组合

组合和取消组合是方便管理大量元件或页面的方式,PS、PR、AE、PPT等等的软件中都有用到,选中多个元件点击组合就可以将元件打组,windows系统之,大部分软件打组的快捷键是Ctrl G,取消组合是Ctrl Shift G。

分区6:调整大小

这个操作比较鸡肋,正常情况下按住Ctrl键,滑动鼠标滚轮就可以实现放大和缩小屏幕,不同的是该按钮下边有Fit All和Fit Selection,分别代表屏幕大小调整为适合全部元件和适合所选元件,效果大家自行体会即可。

分区7:对齐?

对齐操作在很多的软件中都有,对于像我这样的强迫症患者或者追求更完美效果的人来说简直是福利。Axure里提供了8种对齐方式,分别是左对齐、居中对齐、右对齐、顶部对齐、居中、底部对齐、横向均与分布、垂直均匀分布。这里需要注意的是,每一种对齐方式都是用相同的规则,选中多个元件,以选中的第一个元件为参考元件,将后边选中的元件与首个选中的元件对齐。大家自行体会。

分区8:预览和共享

预览就是预览原型,分享中包含很多选项,很多设置,本期不做详解,大家知道简单的预览和发布到HTML就可以了。

分区9:元件样式

选择不同的样式有不同的效果,比如标题、文本等,不做详细介绍,在使用的过程中可以很明显的体验到不同。

分区10:文本设置
分区11:元件样式 文本设置是绝大部分软件必备的功能,调整字体、大小、对齐方式等。
元件样式包括填充颜色、边框颜色、边框大小、边框线性及元件坐标。

分区12:左侧面板

左侧面板中默认的有页面、大纲、库和母版。页面就像PPT的张数一样,有几张幻灯片、有几个页面,很好理解。大纲是用来显示当前页面内有多少的元件,元件的名称及归属的,Axure8中,大纲默认在页面的右下角,属于右侧面板的部分。库是指元件库,里面包含我们使用的矩形框、文本框、下拉列表、多行文本、中继器、动态面板等,只要拖动元件到页面内,就算是将元件添加进入了我们的工作面板。同时,我们还可以添加元件到我们的库内。Axure自带的元件库可以满足大多时候的需求。

母版可以理解为模板,当我们多个页面需要复用一个元件组件的时候,可以选中这个元件或元件组,右键添加为母版,这样,在以后需要复用的时候,将母版内的项拖动到页面内就可以把元件带到新的页面内。

分区13:右侧面板

右侧面板包括交互、样式和注释。注释就是注释喽,我们在绘制原型的时候把我们的文案写在注释内,方便程序员或UI查看相关信息。样式就是用来设置元件的,包括元件的名称、大小、坐标、边框、颜色、阴影、圆角及边距等等的信息,非常强大。交互是Axure中最核心的地方之一,在这里,我们为元件或页面添加交互,交互部分本篇不做详细描述,未来基础教程篇会深入讲解,期待吧。

可以到Axure中文网上学习,有基础教程,一步一步的讲解的很清楚。

Axure RP是一个专业的快速原型设计工具。Axure(发音:Ack-sure),代表美国Axure公司;RP则是Rapid Prototyping(快速原型)的缩写。

Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具。

让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。

作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。

Axure RP已被一些大公司采用。Axure RP的使用者主要包括商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师等。

另外,架构师、程序开发工程师也在使用Axure。

Axure的可视化工作环境可以让你轻松快捷的以鼠标的方式创建带有注释的线框图。

不用进行编程,就可以在线框图上定义简单连接和高级交互。在线框图的基础上,可以自动生成HTML(标准通用标记语言下的一个应用)原型和Word格式的规格。


相关tag:axure基础教程
本站部分资源来源于网络,如果侵犯了您的权益,请联系我们删除1354090129@qq.com

标签:元件   设置

本文来自网络,不代表94汽车车网立场,所有(图文、音视频)均由用户自行上传分享,仅供网友学习交流,版权归原作者。若您的权利被侵害,请联系 56325386@qq.com 删除。转载请注明出处:https://94che.com/qc/147803.html

发表回复

您的电子邮箱地址不会被公开。

返回顶部