Axure RP9 学习指南
Axure RP是一款专业的快速原型设计工具。
带你从入门到熟练,包含练习题;软件安装包以及详细的教程讲解。
快来PICK我叭!
两条线-TL2M
这个作者很懒,什么都没留下…
展开
-
Axure RP9 的元件库
Axure的元件库1.加载元件库可以通过导入一些现有的元件库,来提高绘制的效率及美观性。(1)windows系统:将准备好的元件库复制到Axure根目录下-【DefaultSettings】-【Libraries】中; 移动成功后,重启Axure软件即可。比如我存放的位置:C:\Program Files (x86)\Axure\Axure RP 9\DefaultSettings\Libraries(2)Mac系统:将准备好的元件库复制到Axure根目录下-【Defa...原创 2020-09-23 14:45:54 · 12314 阅读 · 33 评论 -
Axure RP9 入门1——【安装+汉化+界面初识】
《Axure RP9新手入门第一课》本篇主要学习了解Axure和进行下载安装及界面功能。原创 2020-09-22 17:45:24 · 3781 阅读 · 7 评论 -
Axure RP9——【页面交互切换效果】
页面交互切换效果I.效果演示转场动画,一般可用于回答问题选项或者其他场景结合使用。AxureRP9-页面切换交互效果II.实现步骤当点击问题1下方的选项时,可以出现转场动画效果。①进度条位移到第二个问题②选中问题会出现选中效果③这里只能单选一个选项1.元件准备(1)文本:命名为:“问题”;默认为:1.和谁一起?(2)动态面板:命名为:“问题面板”;含有2个状态(此处只设置2个问题)分别为:第一个问题选项;第二个问题选项...原创 2020-12-15 11:29:17 · 6437 阅读 · 0 评论 -
Axure RP9——【待办事项完成&删除效果】
待办事项完成&删除效果目录I.效果演示II.实现步骤(一)思路(二)步骤I.效果演示AxureRP9——待办事项完成&删除效果II.实现步骤(一)思路点击菜单栏,可以切换到对应页面。【全部待办】下的list,可以向左向右滑动。拖动时:向右滑动:某一距离后,出现完成按钮,且会自动滑动到已完成状态;此时,全部待办事项的数目减少;已完成数目增加向左滑动:滑动到某一距离后,出现关闭按钮,为确保...原创 2020-12-10 18:03:02 · 2242 阅读 · 0 评论 -
Axure RP9——【控件向不同方向翻转效果】
控件向不同方向翻转效果Controls go in different directions目录控件向不同方向翻转效果I.效果演示II.实现步骤I.效果演示Axure RP9-控件向不同方向翻转效果II.实现步骤当点击卡片时,点击不同的方位,卡片向点击的方向(上、下、左、右)进行翻转,切换到详情页面。1.素材准备(1)排版如下图所示:(2)动态面板将CARD1这个组合转换为动态面板,并命名为:卡片DP双击,进行编辑,...原创 2020-12-08 12:37:18 · 2432 阅读 · 0 评论 -
Axure RP9——【筛选项滑动切块】
筛选项滑动切块目录筛选项滑动切块I.效果演示II.实现步骤I.效果演示当点击界面内的任意按钮,会出现选中效果;未点击的按钮为未选中状态。Axure rp9-筛选项滑动切块II.实现步骤思路:利用【显示/隐藏】+【热区】功能实现选项滑动的效果。注:用动态面板也可以做,原理可以参考上一篇。这里换一种做法,希望可以给你带来新思路。1.准备元件此例:设定3个按钮①标准如下:设置等大,位置摆放好,并分别进行命...原创 2020-12-01 15:15:27 · 1304 阅读 · 1 评论 -
Axure RP9-【步骤流程切换效果】
步骤流程切换效果Step switching effect目录步骤流程切换效果I.效果演示II.实现步骤I.效果演示Axure RP9-步骤流程切换效果II.实现步骤思路:点击按钮,可以切换到下一个步骤,且内容文本会随着状态切换而切换。当完成了第一步后,不能跳转到第三步,且状态不可逆。1-按钮的状态会从选中状态-到完成状态;1-2连接符也会变成已完成状态。2-按钮的状态:从未完成状态——选中状态——已完成状态;2-3的连接符...原创 2020-11-27 17:20:21 · 1293 阅读 · 0 评论 -
Axure RP9——【导航栏中切换账号效果】
导航栏中切换账号效果目录Navigation Bar -Switch accountI.效果展示II.实现步骤I.效果展示实现导航栏中切换账号效果效果如下:还可以自行加入其它设计导航栏账号切换效果II.实现步骤思路:(1)点击主页面,右上角的“菜单”按钮,可以弹出“账号详情”界面(2)点击“账号详情”界面,点击 左上角的按钮可以弹出“账号”切换效果;再次点击可以收回切换账号页面(3)进行交互的时候,主页面会有一层浮层显示...原创 2020-11-26 15:45:54 · 1060 阅读 · 2 评论 -
Axure RP9——【工具栏展开收起效果】
工具栏展开收起效果TOOLBAR目录工具栏展开收起效果I.效果演示II.实现步骤I.效果演示当点击按钮的时候,可以显示出工具栏的内容;再次点击可以收缩复原。如下演示:Axure RP9 ——工具栏展开收起效果II.实现步骤(1)工具栏展开效果①按钮先向右移动一小段缓冲距离②按钮向左移动到达指定位置;工具栏面板从中心向两端展开;工具栏组合移动到(0,0)的位置③按钮通过旋转变成关闭样式(2)工具栏关闭效果①按钮先向左移动一段...原创 2020-11-25 10:50:21 · 6316 阅读 · 0 评论 -
Axure RP9——【 悬浮按钮显示与隐藏交互效果】
悬浮按钮显示与隐藏交互效果目录悬浮按钮显示与隐藏交互效果I.效果展示II.实现步骤I.效果展示无论是APP或者PC端页面,右下角大多都会有默认收起的悬浮按钮,点击悬浮按钮后会展开更多信息。再次点击会复原。本文将带你学习如何用Axure实现悬浮按钮显示与隐藏效果的操作步骤,与大家分享。效果演示如下:悬浮按钮显示与隐藏交互效果II.实现步骤1.思路(1)显示效果单击悬浮图标——悬浮图标移动并消失——图标内列表内容页展示(2)隐藏效果单击列...原创 2020-11-23 17:35:57 · 7349 阅读 · 0 评论 -
Axure RP9——【唱片旋转播放暂停效果】
rotating motorI.效果唱片旋转效果II.原创 2020-11-20 10:11:26 · 4898 阅读 · 4 评论 -
Axure RP9 ——【面板随鼠标方向移动】
面板随鼠标方向移动目录面板随鼠标方向移动I.效果演示II.页面布局I.效果演示当鼠标从元件的【上、下、左、右】方向移入时,则浮层从对应方向滑进。当鼠标从其它方向移出时,则跟随一起移出,效果如下:Axure RP9——【面板随鼠标方向移动】II.页面布局1.元件(1)提前准备好的图片;可自行固定一个尺寸;这里为:500*200;设置一个“浮层”,用矩形框和文本制作即可,填充颜色,更改透明度;大小和尺寸和图片一样(2)...原创 2020-11-19 10:36:51 · 2944 阅读 · 0 评论 -
Axure RP9——【图片放大预览效果】
图片放大预览效果原创 2020-11-18 17:36:40 · 3411 阅读 · 0 评论 -
Axure RP9——【文本跑马灯效果】
文字跑马灯效果LED Display board目录文本跑马灯效果LED Display boardI.实现效果II.设计步骤I.实现效果实现:LED显示屏的效果;文本跑马灯效果效果所示:Axure RP9 ——文字跑马灯效果II.设计步骤通过动态面板+文本内容+区域实现跑马灯效果1.放置元件:放置所需的元件,文本内容;如下所示: 2.对刚刚设置的边框区域,转换为动态面板,命名为“内容动态面板”并将文字(内容)输...原创 2020-11-17 11:07:06 · 3312 阅读 · 5 评论 -
Axure RP9——【页面滚动操作】效果
页面滚动操作原创 2020-11-13 15:37:44 · 13525 阅读 · 1 评论 -
Axure RP9——【导航栏二级菜单的展开效果】
导航栏二级菜单的展开效果原创 2020-11-12 10:46:31 · 6997 阅读 · 1 评论 -
Axure RP9——【发送验证码】实现
发送验证码效果的实现Send the verification code目录Send the verification code效果展示:操作:效果展示:Axure RP9 ——发送验证码效果操作:1.放置元件:文本标题,文本框(并输入相应的提示文字),动态面板(需要加2个状态,因为要实现动态效果)2.设置交互:需求:点击“发送验证码”后进入自动倒计时,从60秒为开始,到0s后,重新变为“发送验证码”实现方法:全局变量+矩形按钮+动态面板两种..原创 2020-11-11 15:10:52 · 3245 阅读 · 1 评论 -
Axure RP9 ——【banner轮播效果】实现
AXURE RP9 轮播效果实现原创 2020-11-10 15:35:47 · 3795 阅读 · 0 评论 -
AXURE RP9——【筛选标签】效果的实现
筛选标签效果的实现filter label effect展示效果:AXURE RP9筛选标签效果1.先进行排版:所需元件:文本标签;中继器;设定具体的格式2.中继器的设置:先进行样式修改,只保留一行即可;编辑中继器,按照文本标签的大小,进行设定;并命名为中继器里的标签交互设置:因为中继器中还有标签,需要的是对里面的赋值; 3.标签交互(1)标签选中时的交互:对当前——值,切换(2)选中时,要将值显示到中继器中;添加行的功能交互...原创 2020-11-10 10:11:45 · 1268 阅读 · 0 评论 -
Axure RP9——【推动和拉动效果】的实现
推动和拉动效果的实现;理清逻辑,举一反三。原创 2020-11-09 16:28:25 · 6807 阅读 · 5 评论 -
Axure RP9 ——动态加载效果实现
加载效果的实现Loading effect原创 2020-11-05 15:26:12 · 1689 阅读 · 0 评论 -
Axure RP9——【元件函数】
元件函数 Element function目录Element functionI.元件函数II.窗口函数III.鼠标指针函数IV.字符串函数I.元件函数举个栗子1.实现 “放大”“缩小”功能(1)从元件库拖一个矩形出来,并进行命名,颜色填充(2)设置2个按钮,“放大”和“缩小”;并进行交互设置单击时——设置尺寸——矩形图形(即矩形框的命名)(3)点击右下角的fx进行函数设置:实现点击放大按钮时,扩大原大小的两倍;先插入局部变量,对...原创 2020-10-29 18:21:00 · 1631 阅读 · 0 评论 -
Axure RP9——【菜单栏】
I.水平菜单和垂直菜单1.在元件库中找到【水平菜单】和【垂直菜单】,拖动到页面中2.选中其中一个标题,右键可进行添加子菜单或其他插入内容等还可进行颜色填充等,选择样式,进行设置即可...原创 2020-10-28 18:29:28 · 1836 阅读 · 0 评论 -
Axure RP9 ——【内联框架】
Axure RP9 ——【内联框架】 的使用方法原创 2020-10-28 11:20:31 · 2892 阅读 · 0 评论 -
AXURE RP 9 ——【中继器】
介绍AXURE RP9 中继器 的用法。原创 2020-10-28 10:49:25 · 3296 阅读 · 4 评论 -
AXURE RP9——SVG图片的操作设置
关于SVG图片的设置Axure RP9图片功能的介绍原创 2020-10-09 14:43:35 · 5058 阅读 · 4 评论 -
Axure RP9 ——原型预览
原型预览方式1.导出为图片点击【文件】-下拉选择【导出XXX为图片】即可 2.快捷键操作F5直接预览F6预览设置:可以设置预览模式打开的方式;3.生成本地文件夹生成原型页面到本地文件夹中,打开start.html文件;4.发布到axure sahre中,生成链接。(1)首先要确保账户是登录状态(输入自己的账户就行)(2)点击发布到云(3)进行对应设置后发布即可;可以直接复制URL链接进行共享。 ...原创 2020-09-24 11:19:03 · 3043 阅读 · 2 评论