Axure rp9入门图文教程 |
您所在的位置:网站首页 › 文件框安装教程图片 › Axure rp9入门图文教程 |
Axure rp9入门图文教程-基操及介绍
免费版安装包请点击此处(避免审查,请点击这)[^这里]一、界面介绍1. 复制、剪切及粘贴区域2. 选择模式3. 插入形状4. 控点(编辑控点)5. 置顶和置底6. 组合和取消组合7. 调整大小8. 对齐9. 预览、共享10. 元件样式11. 文本设置12. 元件样式13. 左侧面板14. 右侧面板
二、基础操作1.画布和元件库操作1)画布2)元件
2.工具栏操作1)选择模式:相交选中和包含选中2)连接3)控点和插入4)顶层和底层5)比例6) 组合7) 排列8)样式9)位置与大小
3.元件属性界面和站点地图操作1)样式2)注释3) 交互和站点地图
由于这几天参加绘制原型草图工作,被迫学习Axure,所以将这几天的学习成果梳理一下,分享给跟我类似努力学习 (被迫)的同学 Axure中文学习网:https://www.axure.com.cn/ 效果演示地址:https://o61ppi.axshare.com/#id=hlrb0g&p=%E6%89%B9%E6%B3%A8 一、界面介绍工具栏:主要操作功能。 站点地图:类似大纲界面,方便理清原型框架及逻辑关系。 元件库:调用所需元件的界面。 画布:展示原型部分,可以理解为画画的画布。 元件属性页面:用于做一些交互效果和编辑元件样式的界面。 新手可能不好理解这些界面的作用,举个例子,如果把画原型的过程比作建一个房子, 1工具栏就是锤子、铲子等工具; 2站点地图就是图纸,方便看到整个建成情况; 3元件库就是放置砖瓦材料的砖瓦仓库,元件就是砖瓦,用于建房子的基础材料,拿砖瓦(元件)就得去砖瓦库(元件库)里拿; 4画布就是要建房子的那块区域,没有空间没有地方给你肯定建不成房子的; 5元件属性页面就是颜料,可以把你的砖瓦从本来的灰色涂成蓝色,通过改变砖瓦(元件)的样子(样式)来让砖瓦(元件)更加好看,从而让你建的房子更好看。 1. 复制、剪切及粘贴区域很好理解,使用方式和win电脑的快捷键相同,Ctrl X为剪切,Ctrl C为复制,Ctrl V为粘贴,在Axure中,可以选中一段交互进行复制粘贴,值得注意的是,很多朋友找不到Axure RP 9的格式刷,不同于Axure 8 的格式刷,小编也是找了好久,后来发现选择某个元件,按下复制按钮或快捷键,然后选中另一个元件按下Ctrl Alt V即可将前一个元件的格式及公共交互部分复制并粘贴到后一个元件上,这就是Axure RP 9的神秘格式刷。 2. 选择模式
这个操作比较鸡肋,正常情况下按住Ctrl键,滑动鼠标滚轮就可以实现放大和缩小屏幕,不同的是该按钮下边有Fit All和Fit Selection,分别代表屏幕大小调整为适合全部元件和适合所选元件,效果大家自行体会即可。 8. 对齐对齐操作在很多的软件中都有,对于像小编这样的强迫症患者或者追求更完美效果的人来说简直是福利。Axure里提供了8种对齐方式,分别是左对齐、居中对齐、右对齐、顶部对齐、居中、底部对齐、横向均与分布、垂直均匀分布。这里需要注意的是,每一种对齐方式都是用相同的规则,选中多个元件,以选中的第一个元件为参考元件,将后边选中的元件与首个选中的元件对齐。 9. 预览、共享
页面就像PPT的张数一样,有几张幻灯片、有几个页面,很好理解。 大纲是用来显示当前页面内有多少的元件,元件的名称及归属的,Axure8中,大纲默认在页面的右下角,属于右侧面板的部分。 库是指元件库,里面包含我们使用的矩形框、文本框、下拉列表、多行文本、中继器、动态面板等,只要拖动元件到页面内,就算是将元件添加进入了我们的工作面板。同时,我们还可以添加元件到我们的库内。Axure自带的元件库可以满足大多时候的需求。 母版可以理解为模板,当我们多个页面需要复用一个元件组件的时候,可以选中这个元件或元件组,右键添加为母版,这样,在以后需要复用的时候,将母版内的项拖动到页面内就可以把元件带到新的页面内。 14. 右侧面板
样式就是用来设置元件的,包括元件的名称、大小、坐标、边框、颜色、阴影、圆角及边距等等的信息,非常强大。 交互是Axure中最核心的地方之一,在这里,我们为元件或页面添加交互, 注释就是注释喽,我们在绘制原型的时候把我们的文案写在注释内,方便程序员或UI查看相关信息。 二、基础操作 1.画布和元件库操作 1)画布
我们这里直接拿鼠标选中一个矩形把它拖动到画布中来,这里对矩形的形状大小位置的编辑基本跟ppt里的差不多 按住可以拖动; 点击矩形周围的 按住矩形四个角上的 按住shift拖动矩形边上四个角 按住这个黄色小三角形 ![]() ![]() ![]() 下面是一些快捷键操作: 鼠标点击=选择 按住空格+鼠标拖动=拖动页面 鼠标滚轮=放大缩小页面 ctrl+c=复制 ctrl+v=粘贴 ctrl+x=剪切 ctrl+z=撤回 backspace或delet=删除所选目标 鼠标选中拖动=移动目标 shift+鼠标选中拖动=只按一个方向移动目标(防手抖) ctrl+鼠标选中拖动=复制选中目标 shift+点击选择=多选 选中目标+↑↓←→=微调元件位置双击矩形我们可以在矩形中间添加文字 在矩形的基础上,可以通过工具栏以及元件属性页面对矩形做更多的变化 1)选择模式:相交选中和包含选中
这里提一个小tip,当你把页面放大缩小拖动的很乱找不到的时候,点击“比例”框选择60%或者100%,在点击一下画布左上角的这个小东西
用多选选中多个目标元件,然后这些工具的作用,就是左侧对齐、居中对齐、右侧对齐、顶部对齐、中部对齐、底部对齐、水平等距排列、垂直等距排列 比如居中对齐:
这一部分有很多是跟功能栏重复的,是对功能栏的一个补充。比如下面对比例和大小样式的设置、对字体和元件样式的设置: 这里主要介绍一下可见性的使用,一个矩形,点击 这个的意思就是矩形的四条边,通过点击可以选择矩形的某条或某几条边不可见,比如我选择矩形可见性为这样: 可以利用说明添加页面概述,就是给你的页面贴上小纸条的意思,来提醒看你原型的人需要注意什么 选中元件也可以给元件添加说明: 两个放在一起讲,交互效果中通常用的链接就是链接到站点地图的不同页面。 我们先来进行这样的操作,点击站点地图的新增文件夹,命名为“展示系统”, 再在文件夹下面添加一个子页面,将子页面命名为“展示界面”,右击“展示界面”页面,选择“移动”—“降级”,即将该页面降为二级目录,这里自动认定该页面为上一个文件夹或页面的子目录,所以这里“展示界面”页面在被降级后成为“展示系统”文件夹的子页面:
我们这时点击’登录’按钮,在元件属性页面选择“交互”功能,点击新建交互—单击时—打开链接,这个时候弹出如下界面: 有很多供操作的页面时,你可以自己设计让任意一个按钮跳转到任意一个页面,这里我们选择单击“登录”按钮时,让页面跳转到“主页”页面,所以我们在这里选择“主页”页面,点击确定,这时你会发现你的“登录”按钮上面出现了一个小闪电,这表明,这个元件是有交互效果的: 这个时候我们就可以看看我们的交互效果了 点击右上角“预览”,会弹出一个新的标签页 注脚的解释 绿化版直接使用免操作:0积分直接下载 axure rp9安装教程,axurerp9安装步骤:免费版安装包请点击此处:https://blog.csdn.net/a18870525682/article/details/115768018 ↩︎ |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |