Axure教程

如何用Aure规范地画出APP原型的交互

初级PM画APP原型的时候经常纠结要不要画交互?往往是因为觉得画起来麻烦,还有就是不知道怎么画。根据自己多年的产品经验,梳理了大部分APP都会用到的交互,并用Axure画出最简洁的实现步骤。如果你的上级希望你画带交互的APP原型或者需要演示给甲方客户看效果,可以把这篇文章收藏起来备用。页面跳转页面跳转是指可以从一个页面跳转到其他页面,也可以返回到最初页面。操作步骤:首先画出

Aure教程 | 移动端APP原型动效库之底部弹框

本分给大家分享:在Axure软件中,如何制作APP原型的底部弹框。做好后,直接修改中继器列表中的文字,即可实现想要的弹框;弹框选项的链接,也可以直接在中继器列表中设置。可以实现四种类型的弹框:有标题的弹框、无标题的弹框、单选项弹框、多选项弹框。亮亮原型专注于:APP原型动效库、APP原型元件库、Axure原型动效库、Axure原型元件库、高保真原型设计。原型屏幕尺寸:375

原型制作技巧:4招让你的线框图更好看

网络上很多Axure或原型相关的文章,更多是原型设计技巧、软件操作、案例之类的内容;而对于原型本身及认知层面的内容,极少进行探讨。这篇文章,从原型的技巧出发,从认知层面,解释如何让你的线框图更好看。线框图原型需不需要好看?我觉得在保证效率的前提下,需要好看。先给好看定义标准:简洁清晰,能一眼了解页面布局和元素;规整统一,能高效分辨不同类型模块;准确到位,原型表达准确,不仅仅

Aure教程:如何实现移动端屏幕中内容滚动效果

Axure技巧中,APP端的内容滚动效果是一个很基础的交互。之前也有很多大牛分享过如何操作,今天分享的是更为简单的方法,希望对大家有用。两种实现方式实现方式1要点说明: 使用两个动态面板和两个热区实现的,外面的动态面板做移动端窗口,内嵌一个动态面板,里面要放的所有的内容(可以很长很长),窗口顶部和底部分别一个超小的热区,然后通过鼠标的位置和热区的位置判断是否读到了页面的

Aure8 教程:网页 orApp 鼠标滚动效果

网页orApp鼠标滚动效果在原型设计中如何实现,文章对此作出了分享。前些天要做一个高保真的email应用原型,在做滑动显示邮件列表的时候发现自用各种事件都满足不了,网上也没有一个比较规范的教程,自己特意整理了一下,在做网页或者app时能模仿出鼠标滚动效果, 注意是滚动,不是点击拖动。 步骤1: 将“内部框架组件”组件拖拽到“index”页面,设置好坐标和大小。步骤1图步骤2

Aure 教程|手把手教你用 Aure 制作「贪吃蛇」小游戏

通过使用Axure制作「贪吃蛇」游戏,使自己更加熟练Axure中的各种函数及对一款产品开发时的结构梳理及逻辑分析。本文的受众对象为喜欢Axure或想学Axure的小白及达人,认为无用的人请点击「esc」按钮。废话不多说,还是先上图吧。[http://e.g.easyiservice.com/71566H/# c=2](http://e.g.easyiservice.com/

Aure 教程:用另一种方式实现轮播图交互

本文作者将教你用另一种方式实现轮播图交互,enjoy~轮播图的实现方式有很多,绝大多数的童鞋也习惯了用堪称“万能”的动态面板去实现。但是,对于一些特殊的轮播图该如何实现更好呢?比如下面的示例效果:在线预览这是一种具有3D效果的轮播图,多张不同尺寸的图片组合具有视差效果,点击两侧的图片图片将进行位移并且改变大小。选中的图片始终位于中央。话不多说,我们看看如何不用动态面板来实现

Aure 高级教程:如何从外部获取 Aure 中继器里的数据

Axure作为产品经理必备神器之一,相信每个人都会基础的操作和简单甚至高阶的原型。但是这篇文章分析的内容,相信你可能从没有这样想过。我们知道中继器在Axure中实现数据动态展现的作用不言而喻,Axure提供了中继器内部的数据交换接口,但是没有提供明显的从外部获取中继器内部数据的方法。当你需要从外部获取中继器里的数据的时候就尴尬了,你将无法直接通过自带的函数获取到相应数据。所

Aure 实现石头剪刀布小游戏

偶然看到一篇关于随机数的文章,于是花了两小时的时间做了这个小游戏:石头剪刀布,回忆童年有木有?游戏的实现逻辑和操作一样简单。实现:整个游戏主页由一个动态面板构成,一个状态存放主页内容页,一个状态下存放历史记录页。整体流程:整体流程十分简单,用户选择一个作为自己猜测的结果,然后后台随机生成一个结果再做一次匹配,匹配结果给出不同提示。全局变量:首页:首页右上角为历史按钮,点击进

Aure8.0|快速入门新手教程:电子相册

本文作者将教大家如何使用axure8.0制作电子相册原型,enjoy~电子相册,多用于个人空间相册,它以循环轮播的方式对相片进行展示。它的展示方式主要是将当前的相片最大最清晰地放在最顶层,然后其他相片则逐层变小变模糊,在用户点击下一张时,这些相片可以循环进行轮播。目前在网络上似乎还没看见有人做出这种电子相册的原型,这里就教大家如何使用axure8.0制作电子相册原型,如下是

Aure 案例解析:蚂蚁庄园星星球自动陪练

文章分享了蚂蚁庄园星星球自动陪练的原型设计过程,希望对你有所受用。[点击这里在线演示。](http://www.axurestore.com/demo/starball/start.html# g=1&p=index)案例背景为了能在公开课上说些有趣,并且能体现出Axure8特点的例子,听取了运营老师和同学的建议,也是想了好几个案例,在小游戏上最终选择了大家熟知的支付宝工具

Aure 示例:移动端手机号注册与登录示例(附 RP 文件)

之前和大家分享了Axure的系列交互,从这次开始逐步和大家交流Axure原型的设计规范及PRD文档规范。本次以移动端手机号注册和登录为例,和大家分享Axure的设计规范。原型基于Axure8制作,以下是本次移动端手机号注册与登录原型图结构。首先查看完整原型预览:http://bdh2ot.axshare.com以下是本期分享内容:原型图核心页面说明:一、 文档修改记录文档修

Aure 教程:微信二维码收付款动态交互制作

动态面板是Axure的一个重要功能模块,本文笔者结合微信二维码收付款的交互流程,简单介绍下动态面板及动态赋值的应用。笔者学习Axure不足一个星期,贴出来供新手交流学习,期待老手批评指导,谢谢。先来看一下原型效果预览图:接下来我们一起看看这个效果的制作过程。一、钱包界面&收付款界面1、元件准备(1)准备一张手机图片如图1,本人使用Iphone5S,调整至合适大小(375*8

Aure 高保真原型,实现 APP 端轮播样式

这个原型实现了任何你能想到的轮播交互,enjoy~一、前期准备APP端的轮播效果,适合于banner的展示,在实战中有很多的用处。首先我们应该想一想,轮播样式在界面上都应该有什么,无非是两点,一是banner,二是轮播的dot。第一步我们就应该在Axure中搭出来banner和dot的样式。这里我设置的是三个banner的轮播样式。对于banner和轮播用的dot而言,牵扯

Aure 教程三:快手 APP 视频播放页交互说明

本文是系列Axure教程的完结篇,主要分享快手APP视频播放页的相关交互,包括收藏、关注、分享及评论内容查看。写到这里,要和初入产品坑的同学特别说明一点,Axure归根到底只是一个工具,它的作用就是帮助产品经理和开发人员一起,共同说明产品需求,它作为工具本身,也有自身的优势和劣势。学习交互最主要的目的是锻炼自己的逻辑思考能力,不要为了学习而学习。同样,本次原型基于Axure

Aure 教程一:快手 APP 顶部 Tap 切换及侧导航展示交互

本系列xure学习系列共分三期,期望通过本次分享让初学者能够掌握Axure的交互设计。本次分享主要内容包括:快手顶部Tab切换交互;侧导航展开交互;视频播放页交互以及视频拍摄页交互。原型基于Axure8制作,以下是相关交互架构图。首先查看完整原型预览:http://bdh2ot.axshare.com/以下是第一期分享内容。一、 顶部Tap切换1 设置动态面板1.1 拖入动

Aure 8.0 原型实例(附 rp 文件):老虎机积分抽奖

本文作者将用axure8.0模拟做一个老虎机积分抽奖的原型。enjoy~积分抽奖是现如今很多app用户成长激励体系中积分模块中都会有的手法之一,积分是个完善的小生态,获取积分就要考虑到消化积分,通过积分培养用户习惯,增加用户黏性,那么,如何有效合理的达到产品目的的去让用户去消化部分积分,积分抽奖是个不错的方式。积分抽奖的形式也有很多,比如转盘,是大多数app中积分抽奖的方式

Aure 教程:轮播图制作步骤详解

不管是在PC端还是移动端,轮播图是常见的设计元素。下面详细讲解轮播图的制作步骤。作为Axure初学者,把最近学到的记录下来,和大家一起学习。如何实现轮播图:循环展示轮播图片;将圆点与轮播图一一对应;实现前一张、后一张切换。1 、所需元件首先我们需要准备以下元件:动态面板(1000400)、圆(3个,1515)、向左、向右按钮图片(50*50)。2 、填充动态面板①在动态

Aure 实例:即刻 app 产品需求文档

第一次用Axure RP8写产品需求文档,笔者为产品小白,希望通过这篇文章和大家分享以及学习交流。以下我的Axure原型截图: 目录: 1.概述 1.1产品介绍1.2需求整理2.版本信息 2.1修订历史2.2版本规划3.产品逻辑 3.1产品信息图3.2产品结构图3.3部分业务流程图4.产品设计 4.1全局说明4.2部分功能需求说明4.3部分交互设计1. 概述1.1 产品介绍

Aure 系列教程(二):抖音短视频中超简单的吸睛大法

如何通过产品设计引导用户行为从而提升转化率?今天就让我们一起来学习抖音短视频中一个简单却能吸引用户眼球的交互效果——让你的元件燥起来。第二章:部件抖动交互效果2.1.设计思考整个过程只有元件在垂直方向的位移,所以难度并不大,我们只需要利用到元件的移动,并设置它的位移动作即可完成,剩下的就是不断的重复这个动作。2.2 素材准备(1)拖入一个矩形143*78,填充为黄色,在样式