Axure教程

Aure RP 官方教程翻译(9-18/18)完结

最后10篇看看是否有自己感兴趣的模块,每个功能都挺有意思的。这10篇分别是:第 9篇:账号登录第10篇:旋转式幻灯放映机第11篇:自动点击区域第12篇:必填区域第13篇:动态设置下拉选项第14篇:根据下拉列表设置文本第15篇:发送文本到另一个页面第16篇:宽度充满的图片或横幅第17篇:滚动激活固定的头部文字第18篇:滑块第9篇:账号登录建立一个登录表单,这个登录表单使用条件

Aure 原型设计中变量的使用(2):自定义变量的作用范围

变量,一般来说是用于存储和传递一段数据内容。它就像一个移动硬盘,能够把你暂时用不到但还有用途的数据进行保存,以便之后使用,还能把这些存储的内容传递到其它地方进行使用。那么,如何像使用移动硬盘一样去使用变量呢?接下来,我带大家逐步的了解和使用变量。五、自定义变量的作用范围自定义变量的作用范围不同,所以才分为全局变量和局部变量。全局变量,顾名思义,作用范围是整个原型项目中所有的

Aure 原型设计中变量的使用(1)

变量,一般来说是用于存储和传递一段数据内容。它就像一个移动硬盘,能够把你暂时用不到但还有用途的数据进行保存,以便之后使用,还能把这些存储的内容传递到其它地方进行使用。那么,如何像使用移动硬盘一样去使用变量呢?接下来,我带大家逐步的了解和使用变量。一、变量的类型在Axure中,变量分为以下两类四种。系统变量:对象与属性自定义变量:全局变量与局部变量系统变量,是由系统创建的变量

Aure RP 官方教程翻译(4-8/18)集合

鉴于有时候篇幅短小,所以这次一次性整合了5篇上来,原教程共有18篇,已经到第8篇了!既然已经将需翻译的总篇数标示出来,我想无论如何都要坚持,况且数量也不多是吧。我知道这里面很多翻译都不到位,为了更好地练习,我也是选择英文版跟着官方教程来,这样菜单选项等名字对应起来是比较直观的,但翻译起来就没那么正确了,这里还望大家多多指出不足,谢谢。还有,官方教程真的很不错。有时候会不理解

Aure RP 官方教程翻译(2):文本链接

文章分享了给部件中的部分文字添加链接的实现过程,具体来看看~这篇教程要达到的目的是为了一个部件中部分文字添加链接,在该案例中我将其打开方式修改成“Popup Window”,实现的效果如下:STEP 0:下载练习文件如果你还没有练习文件,下载[AxureTraining.rp](Axure RP 官方教程翻译(1):交互式按钮Axure RP 官方教程翻译(2):文本链接A

Aure RP 官方教程翻译(3):显示隐藏的部件

文章分享了通过Axure来实现点击触发显示隐藏的部件的具体过程,一起看看吧~本教程翻自Axure官方教程第3篇《Show Hidden widget》,通过点击触发显示隐藏的部件,实现效果如下:STEP 0:下载练习文件如果你还没有练习文件,下载[AxureTraining.rp](Axure RP 官方教程翻译(1):交互式按钮Axure RP 官方教程翻译(2):文本链

Aure 中继器应用实例:如何设计商品信息列表?

文章通过设计商品信息列表的实例,简单介绍了中继器的使用方法,一起来学下。一、概念解析Axure部件Repeater,一直觉得这个单词用的很形象,是使一条条数据在页面上重复显示(repeat)的部件,因此叫repeater,所以每当需要将数据条目显示在页面上时,很容易想到要使用repeater。在中文版中,repeater部件被翻译成为中继器,所谓“中继”的含义更广,不光是把

Aure RP 官方教程翻译(1):交互式按钮

文章主要介绍了利用Axure制作交互式按钮的具体操作过程,希望给大家带来些帮助。用MouseOver(鼠标悬停),MoverDown(鼠标按下),Selected(选中)和Disabled(禁用)这些交互样式来制作一个交互式按钮。然后,添加一个交互行为来设置它被选中和禁用的状态。 STEP 0:下载练习文件 如果你还没有练习文件,下载[AxureTraining.rp](A

如何快速做一个手风琴菜单?

原来可以这样设计手风琴菜单手风琴菜单是一种比较常用的菜单形式,利用原型工具来做这种菜单通常要用到中继器。即使是功能强大的Axure,想实现该效果也比较麻烦。但如果你对 Mockplus 有所了解,你一定知道,利用Mockplus的“面板”组件,可以快速地做一个手风琴式的菜单。我们来看看具体的操作步骤:第一步:选择“面板”组件,自定义菜单样式。在左侧的交互分类中选择“面板”组

Aure 教程:星级评分功能设计

我们知道很多网站、APP等的评价系统都有按星级评分的功能,大部分是5个星级,依次代表1~5分。且不论这些系统背后的复杂逻辑,单纯从用户打分的角度来讲,似乎是一个非常简单的功能,用户只需要在某个星星上点击一下就可完成打分。但对于一个看起来简单的功能,用Axure画出它的原型时,却会有多种方式。这篇文章就是要教给大家一个超级简单的实现方式。一、原型效果预览二、评分功能解析这里我

Aure 常用操作与技巧(干货,不定期更新)

内联框架的使用 拖一个手机模型到画布,再在手机屏幕上放一个内联框架(调整到手机屏幕大小),隐藏滚动条和边框,链接到手机原型的第一个界面,这样的话点击跳转时候,手机模型就不会再次加载了,优化原型演示效果。2. 变量的使用 如果一个页面view1可以由多个不同的页面(view2,view3,……)进入,那么可以设置一个变量值EnterView1View表示是从那个页面进入vie

Aure 炫技:如何让你的原型图动起来

前不久我进入一家创业型公司,我开始发现,老板不看xxx.Html 原型图的,老板只看视频版本的原型图,而给开发人员的原型图就是xxx.Html的,所以每次做原型的时候我都会做两套。一个简单的视频原型展示:查看视频下面我来介绍一下,如何在Mac上制作视频原型图目录一、使用工具介绍 二、制作原型图步骤&方法 第一步,设计草图第二步,设置事件第三步,视频录制第四步,排序整理文件第

Aure 原型设计:京东官网滚动界面

作者分享了自己制作京东官网滚动界面原型的具体操作过程,希望大家可以从中受到些启发。先上京东官网原图(也可以自己搜素京东官网查看)先分析一下这个界面,几张图片的滚动,中心位置偏下一个滚动条,由几个椭圆和一个圆角矩形构成。图片滚动和椭圆颜色变化相对应,点击图片链接至对应活动网页。1、滚动界面动画我们先导入一张图片到工作区,鼠标右键选择“转化为创建动态面板”。然后在页面面板也就是

Aure 新技能:自适应手机屏幕大小

对于如何把原型放至手机上进行演示相信大家都已经很熟悉了,但是如果几位同事屏幕大小不一,或者需要安装到客户手机上进行演示,这时候我们就很难保证我们的原型会显示完整,要不然就是屏幕太小显示不完全,要不然就是屏幕太大,会有留白的地方,以下的教程会教大家如何解决这个问题。本文主要内容目录设置原型大小发布项目查看项目1、设置原型大小我们把原型的尺寸定为:375*647(减去了状态栏2

Aure 交互原型设计:动态面板之 tab 页面切换

动态面板的功能很强大,了解了动态面板的原理,便可以运用自如。在目前的工作中,我把经常使用动态面板制作的交互总结了一下,希望与大家讨论并分享。动态面板在交互中常常用在:使用动态面板制作轮播图使用动态面板制作tab页面切换。使用动态面板制作弹出对话框。使用动态面板……今天我们来说说使用动态面板制作TAB页面切换。什么是TAB页面切换?我的理解是:点击不同的标题或者标签,内容显示

Aure 原型设计:动态面板之轮播图显示(附带源文件)

动态面板的功能很强大,了解了动态面板的原理,便可以运用自如。在目前的工作中,我把经常使用动态面板制作的交互总结了一下,希望与大家讨论并分享。动态面板在交互中常常用在:使用动态面板制作轮播图。使用动态面板制作tab页面切换。使用动态面板制作弹出对话框。……今天我们来说说使用动态面板制作轮播图,为了方便理解,我使用出游的场景来制作轮播交互。期望效果:出游目的地图片的轮播展示,N

使用 Aure 打造最佳的移动端交互原型教程(附元件库分享)

一直以来Axure在对移动端原型设计方面的支持都不是十分理想,它没有像目前其它几类原型设计工具(Justinmind、墨刀等)一样提供移动端设备的模板和相关交互组件,但是Axure自由灵活的特性却同样的其它原型设计工具所无法取代的。通过掌握一些设计规范和方法,我们同样可以通过Axure制作出非常完美的移动端演示原型。首先你可以通过以下地址在电脑浏览访问我设计完成的移动端原型

Aure 用一个功能搞定手风琴式菜单设计

最近做原型想做一个手风琴的效果,但是忘了怎么做的,于是百度了一些方法,发现大部分方法都会用到中继器,觉得有点麻烦。后来翻看以前的书找到了原来学会的方法,现在分享给大家。其实很简单,只需要使用“切换可见性”即可完成。(以Axure8为例)第一步:绘制相关图形 绘制三个矩形作为按钮,分别命名为标题一、标题二、标题三再绘制三个动态面板,里面填充一些可以区别的内容,命名为内容一、内

Aure 设计:制作 iOS 列表左滑菜单效果

该效果是模仿iOS微信界面中,左滑列表时显示菜单项的效果,使用的都是Axure中常用的组件,原理是通过控制动态面板的坐标来移动面板并显示菜单。本文仅适用于具有一定Axure使用经验的用户阅读。Axure版本:8.0制作步骤为:添加中继器–>添加动态面板–>添加选项菜单–>绑定事件1.添加中继器1)在页面中添加中继器控件,并设置中继器绑定数据,添加后默认效果如下图,如果不熟悉

【原创教程】用 Aure 制作登陆页交互效果

今天教大家用axure制作登陆页交互。图文解析在后。AXURE 砍半原则双击小方块,将黄色小方块变为白色小方块,添加图片会按照当前图片大小适配。选择文本框 拖拽 建立账户输入框关闭填色右键隐藏边框命名控件 方便设置效果选择CTRL复制 密码输入框 命名控件命名所在页面名称 例子(登录页 首页)可以添加一个图片作为咱们的首页面添加登陆按钮图像热区(可触摸面积)修