Aure 原型设计：动态面板之轮播图显示（附带源文件）

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

Axure教程 2017年06月18日

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

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

Axure教程 2017年06月19日

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

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

Axure教程 2017年06月21日

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

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

Axure教程 2017年06月25日

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

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

Axure教程 2017年06月26日

Aure 常用操作与技巧（干货，不定期更新）

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

Axure教程 2017年06月27日

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

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

Axure教程 2017年06月29日

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

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

Axure教程 2017年06月30日

Aure RP 官方教程翻译（3）：显示隐藏的部件

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

Axure教程 2017年07月02日

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

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

Axure教程 2017年06月30日