Aure教程 | 知乎注册与登录原型

重复以上[[]]之间内四个值就生成了四位随机验证码。 三、“注册知乎”按钮事件 给“注册知乎”按钮添加处理事件,做了简单的规则校验,如果四个输入框都没有输入,则水平滑动提示用户需要如何填写,再次单击输入框时,隐藏提示信息,当然,也是带滑动效果。 四、登录界面 复制登录界面布局,删除第一个姓名输入框,修改登录按钮的事件中各个提示信息文本的初始位置,及移动的目标位置,到这里基本

Aure教程 aure元件使用思路的补充(7)

我们曾经对axure线框图基本元件进行过说明,现结合这我对这些元件的使用习惯,对部分元件的使用,再做一些补充。1、 图片:可以编辑悬停、按下时候显示不同的图片,做图片的一些特殊效果。2、 文本(lable):这个元件到处都能用得到,这个元件是可以通过事件触发改变元件文字的,可以通过全局变量,实现如登陆前后不同的文字提示效果。对我来说这个元件还有一个用处就是除错,因为axur

关于banner轮播最简易实现及手动切换

昨日心血来潮,看到大家都在做banner轮播的,小弟也尝试了下,找到了非常简单的方式。其实我的方法和@Alex123 一样样的,不过我之后增加了手动切换轮播圆点分为3个状态,大家可以参照《【关于banner轮播】最简单的实现方法》的方法,针对每个状态下的圆点设置交互这是个人觉得比较蛋疼的地方,每个状态下的3个圆点,要设置2个用例,以上图的中间点为例只要是不等于2,就可点击切

Aure基础教程02——文本框

上次给大家介绍过矩形,这次说一下文本框。顺便要说一下的是,这个系列教程里面,有些部件比如占位符之类就不再赘述了,因为比较简单而且没有什么需要特别设置的功能。文本框其实也是个挺简单的部件,本身能变化的不多,一些比较复杂的功能,比如本来有“请输入XX”字样点击后就消失的,需要用到条件判断等,这些我们以后讲实际例子的时候再专门讲怎么做。一、文本框基础功能:文本框的部件属性设置就不

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

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

【AureRP8.0教程】通过3个动作实现抽屉菜单

案例描述:1、点击一级菜单时,显示二级菜单;2、点击其它一级菜单时,显示对应的二级菜单,并收起其它二级菜单;3、再次点击一级菜单时,收起对应的二级菜单。实现步骤:1、先放入一组一级菜单与二级菜单的矩形,设置好样式;2、将二级菜单转为动态面板;3、为动态面板命名为“Submenu”,并隐藏;4、为一级菜单设置选项组名称“menu”;这个设置能够在之后的选中操作时,保证只有一个

Aure 中继器实践:如何制作一个「记忆翻牌」小游戏?

中继器一直是Axure里的学习难点,如何使用,什么场景下使用的教程,都值得爱学习的人一看究竟。今天以一个趣味的小游戏为例,来学习中继器的数据添加、标记、排序、删除功能。 游戏原理记忆翻牌是考验你的记忆力类型的小游戏,在连续翻出两张牌时后,如果第二张和第一张相同,则说明翻牌成功,否则翻出的牌会继续还原, 这时候就是考验你记忆力的时候了,需要记住上一次翻牌的位置,这样几轮之后,

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

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

要达成「原型图」一稿过!你还欠缺些什么?

当他人让你介绍产品时你可以这么思考;当你在思考一款新产品时你可以这么思考;当你在做产品规划时候请思考一下。等等等等。。真的很厉害,大家可以经常拿出来做做练习。其实产品经理在「产品」方面的造诣,就是不断的深入这几个要素!越是深入产品的功力越的强,有表入里,层层递进。关键字:Axure, Axure教程, 思考, 产品

Aure 7高保真还原Web首页布局和交互教程

Axure是产品经理们最常使用的原型绘制工具之一,熟练掌握Axure会让产品经理在产品设计时事半功倍。笔者刚开始学习Axure时,常通过高保真还原一些现有的网页来提高自己的技能。下面将通过一个高保证还原一个真实实例来介绍Auxre的使用方法 ,涉及页面布局、页面交互等常用技巧。如果你刚刚接触Axure,熟练掌握本文的案例和方法,你的Axure使用技能突飞猛进。案例任务:使用

有趣的 aure--用 aure 做文曲星上玩过的猜数字游戏

猜数字游戏是小时候非常喜欢的一款文曲星游戏,能在课间玩的不亦乐乎,闲来无事,试着用axure做了一个以下开始讲解如何实现游戏规则 1.系统随机给出0~9中的四个数2.玩家输入四个数字尝试,每次尝试,系统给出尝试结果,如果有数字与系统一样,记为A,如果数字与位置都一样,记为B。例如2A1B,说明数字中有1个数字位置和值都正确,一个数字只有数值正确,位置不正确。其他两个数字不正

Aure 教程丨制作自己的 Aure 元件库

接触Axure有一点时间了,每次进行原型设计都需要载入好多个元件库或打开之前做的原型复制元件,不仅浪费时间而且缺少规律,所以决定整理一个自己常用的Axure元件库,以便之后做原型设计时可以快速调取。看了几篇教程感觉讲的有些乱,自己研究了一下元件库的几个功能,发现实际操作起来很简单,在这给大家分享一些心得。创建元件库打开Axure(这里用的是axure8.0),如下图所示点击

Aure 9.0 高级教程:最新最全的函数使用手册,建议收藏

一、概述Axure 9.0为我们提供了大量的函数,正式因为有了这些函数配合各种动作,才使得Axure作出的原型交互更丰富,也是Axure区别于其他原型工具的一个显著特征。虽然Axure提供的函数不多,我们也不需要都记住,记住一些自己常用的就可以了。我们可以将这些函数列表作为一个“字典”工具,使用时再进行翻阅查看。二、 函数分类根据函数的应用范围可以将函数划分为:元件函数、页

手把手教您使用Aure7.0的中继器(Repeater)

中继器(英文名Repeater)是Axure RP 7.0推出的新功能,是目前为止Axure最复杂的功能(没有之一),学习它的使用有助于我们快速设计一些复杂的交互界面。下面和大家分享我的使用心得。中继器这个翻译是让人费解的,如果直译成“重复器”虽然不太专业但是更利于理解,或者干脆不编译,用“Repeater”就行。用过Asp.Net的人,一定对里面的Repeater很熟悉,

Word产品需求文档,已经过时了

说来有些惭愧,写这篇文章是用来教大家写需求文档的。但其实,我很少会写传统意义上的产品需求文档;甚至,我连word都很少用。用惯了Axure的任意布局方式,再用word感觉非常别扭,尤其是在添加图片时,简直感到捉急。当然,这不是我不用word写需求文档的根本原因。简单来谈一下,为什么软件开发项目中,需要需求文档这么个东西?在稍微大一点的开发团队中,产品经理未必能向所有开发人员

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

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

Aure 原型 | 关于中继器的简单使用及应用的场景

中继器N早做的Demo,现在拿出来和大家分享这个是第一次接触中继器的时候写的Demo,后续的产品设计中几乎未使用到Axure的这个元件,现在开始教程:【先睹为快:[点击预览](http://source.pmdaniu.com/chen_zhangliang%40icloud.com/zjq/rGltF/index.html# p=中继器demo)】一、什么是中继器?网上有

Aure 交互|QQ 三大界面的交互效果演示

这里我就用一个主界面和多层的动态面板内嵌( 只是钻研和加深交互练习,平常还是跳转链接更方便 )。演示一下关于 QQ 界面的一些交互效果,也希望和大家一起学习和进步。下面是制作完成后的三大界面(消息、联系人、动态)内容;下面分享一下制作过程。如有错误,欢迎指教;1、制作部件和构建大致框架(1)启动界面从部件库拖入 iPhone 外壳(网上有分享的该部件库);从部件库拖入图形部

Aure 9.0 基础教程:系统元件不好用?自己建一个

一、概述自定义元件库允许用户创建属于自己的图标、设计样式和设计元素等,可以通过元件库面板中加载并使用它们。在大型项目中,需要多人协作分工时,团队内部可以共享使用一套自己的专属元件库,以提高工作效率及设计作品的质量。自定义元件库是独立的.rplib文件(与.rp文件不同),可以很方便地与团队成员或其它Axure用户共享。自定义元件库.png二、新建和添加自定义元件库2.1 新

Aure 实例:做一个平平淡淡的筛选和排序功能

在上一篇中我用了四个中继器加两个函数做了一个轰轰烈烈的搜索功能,今天为了进一步完善我的商城原型,所以就打算做一个简简单单的筛选和排序功能。这个功能不仅在商城中会用到,随着产品的体量越来越大,包含的信息越来越多,为了帮助用户快捷找到目标信息,一个筛选和排序是必不可少的。如果说【搜索】功能是精确地查找,那么筛选和排序就是为用户提供相关【可参考】的条件,帮助用户一步一步接近目标信