Aure教程

网站的通用注册原型设计

一般注册过程包括以下步骤:用户按照提示填写表单。用户在填写表单的时候提示是正确否输入了内容,如果没有,提示用户。用户提交表单,所有项是否都正确,如果出错,提示哪项有错误。用户成功提交表单或者取消表单。在填写表单过程中,常见验证方法有如下几种:用户是否在注册的用户名或ID中使用了非法字符。用户是否输入了内容。两次输入的密码是否一致。是否是合格的Email地址。长度是否在6-1

【关于banner轮播】最简单的实现方法。

前段时间做一个开放平台的原型。大家讨论完需求就希望,快点出原型(第二天)。而且要求“高保真”。于是在“快速”“高保真”的要求下,自己对于所有的页面交互都要求是,对需要使用原型的用户(产品、研发、测试)而言,达到对应的效果,而自己在实现时采用最简单的方法。正巧今天看到网站上有教程教如何做一个轮播banner 。点开略看了一下,教程做的很复杂。其实使用axure做交互一般都比较

轮播banner的略简便实现方式

给动态面板添加交互效果,在“显示”下添加用例,设置等待2000毫秒,设置面板状态,选择状态为下一步,选中“向后循环”(从最后一个到第一个自动跳转),选中“循环间隔”设置时间为2000毫秒,然后设置进入退出动画,均为”向左滑动“。该动态面板设为隐藏。这些设置好了,预览下就看到banner的轮播效果咯~~~~~~~~~~ 下面介绍鼠标滑动到banner上时,banner停止轮播

【适合aure初学者】动态面板实现banner的轮播效果

axure功能太强大,动态面板已经搞得我头晕@_@眼花了,更别提7.0版本的中继器了。。。废话不多说,还是和大家分享一下动态面板实现banner轮播的效果,对动态面板还不熟的,像我一样的axure初学者,不妨来看看这个效果的制作过程,然后自己试着做一做,绝对增加自己的信心^_^就拿大淘宝首页banner轮播效果为例说明:前期线稿图,部件准备先画个大概的位置线框图,如下图所示

Aure新手养成计划(连载01)

第一章:Axure安装与汉化(略)第二章:主要功能详解小楼:苏苏,下面我们进入这个软件的主要功能的讲解。你一定要仔细了解每一个功能的用途,这对之后原型制作会有很大的帮助。苏苏:哦,好的。刚才汉化没看清楚,楼哥,你能再讲一遍吗?小楼:擦……1.    快捷功能区终于解决了汉化问题,打开了软件界面。首先看到的第一部分就是顶部的快捷功能区。Axure这款软件的风格和Office系

Aure新手养成计划(连载02)

3.1.  元件的使用元件是软件界面左侧第二个功能模块,这个模块用于对所有元件进行管理。软件本身自带了两个元件库,一个是默认元件库一个是流程图元件库。前方的选项列表用来选择元件库,能够帮助我们方便的切换元件库或者显示全部的元件库。在我们进行线框图原型开发时,最常用的是默认元件库。(图26)(图26)后面的选项列表,用来管理元件库,在这里可以方便的载入和卸载元件库,也能够创建

Aure新手养成计划(连载03)

4.1.  元件的样式在软件界面的右侧中部,是元件的属性与样式功能面板。当我们点中编辑区的元件时,这里就会显示该元件的属性与样式。(图33)(图33)元件的样式包含的内容都一样,不过其中有个别元件的样式是禁止修改的。这里以矩形和热区举例说明(图34)。(图34)矩形中只有箭头样式是灰色的状态,说明它是不可设置的;而热区大部分的样式设置都是灰色不可编辑的。4.2.  元件的属

Aure新手养成计划(连载04)

4.3.  属性与样式的使用(案例)前面只是简单的说明了一下属性与样式。下面我们再看几种属性与样式的设置。4.3.1.  形状的变换在AxureRP7.0中允许多种文本元件以及形状元件之间的切换。这个操作可以通过在属性中点击设置,也可以通过点击元件右上方的圆点进行修改。(图38)(图38)4.3.2.  圆角与旋转AxureRP7.0还能够快速将图片或形状元件改为圆角或者调

Aure教程 | 常用交互效果的基本设置【续】

或者你可以在输入框里输入其它的一些字符来测试。关于函数,我们重要要掌握字符串和日期两种类型的函数。第六个例子:自定义单选框——动态面板和选中状态单选框的实现方式我们至少可以通过两种方式实现,一是使用组件的交互样式来设置,通过设置选中的样式来表示,另一种方式就是通过使用动态面板的两个状态切换来表示单选,我们分别来试一下。1)通过组件的交互样式设置拖三个形状,修改形状为三个圆形

Aure教程 | 如何用Aure实现砸彩蛋的交互原型

最近在画一个活动原型的时候,尝试做了一个砸彩蛋的原型交互,这里和大家分享一下关于这个过程。砸彩蛋大家基本上都有玩过,我们最重要实现的也就是“鼠标移入时,会出现一个小锤子,砸开彩蛋后显示结果。”第一步:从元件库拖入动态面板,将该动态面板命名为彩蛋,创建彩蛋的初始状态这是动态面板的初始状态,将该面板状态命名为“彩蛋未砸”第二步:根据需要分别设置彩蛋砸开的结果状态这里我一共设置了