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

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

Axure教程 2017年06月19日

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

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

Axure教程 2017年06月18日

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

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

Axure教程 2017年06月16日

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

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

Axure教程 2017年06月09日

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

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

Axure教程 2017年06月02日

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

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

Axure教程 2017年06月02日

Aure 原型设计教程 | 轮播图

为了做一点产品方面的积累，小蚊子决定开始这个「Axure原型设计教程」系列。在大家的一起互助下，我想我会出现断更的情况吗？本Axure原型设计教程让大家在动手实践过程中，更加容易更加深入地学习Axure原型工具的使用。开篇就写大家常见的轮播图。轮播图是网页设计或者APP设计常见的元素，学会使用axure原型工具制作轮播图对制作PC端或者移动端的原型都非常有帮助。现在讲讲如何

Axure教程 2017年06月01日

如何在 Aure 中创建图片放大效果

效果简介网页版淘宝，小方块随着鼠标的移动而移动，右侧显示小方块在左侧图片的放大部分，效果如下图。效果图步骤动画大体上分为两部分：第一部分，小方块随着鼠标的移动而移动；第二部分，右侧放大图显示小方块所在区域的内容。(先介绍第一部分）1、找图，贴图。找一张喜欢的图片贴上去（最喜欢艾斯了），大图设置为400x400；中间的小图设为160x160，黑色，透明度8。艾斯大图名称“da

Axure教程 2017年06月01日

Google Material Design：900 个实用图标的 Aure 组件库分享

本文作者将分享一套来自于Google Material Design的实用Axure图标组件库，其中一共有900+款的常用的经典图标。enjoy~平时各位交互设计师和产品经理们在设计原型上都会用到图标，但是临时去找图标是一件很影响效率的事情。虽然其它同行朋友有分享过自己制作的图标库，但是要么数量不够全面、要么不支持调整尺寸和颜色。今天分享一套来自于Google Materi

Axure教程 2017年05月27日

Aure8.0 实例 | 随机双色球，开讲了

福彩双色球，大部分朋友对此并不陌生吧，相信买过的朋友或多或少都对此有所研究，今天我们一起来用Axure8.0模拟做一个双色的开奖过程。今天使用的主要知识点有，全局变量的使用，中继器的增删以及排序。预览：一、元件准备1、添加两个中继器 ，分别用来存放双色的红球和蓝球，取名为“红球”和“蓝球”，初始时隐藏；分别在中继器中放入一个椭圆形的元件，其中把放入“红球”中继器的椭圆形元件

Axure教程 2017年05月25日