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

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

Axure教程 2016年04月11日

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

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

Axure教程 2017年06月29日

Aure基础教程02——文本框

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

Axure教程 2016年04月11日

Aure 教程：原型设计之播放控制条

看视频时或者听音频时，播放控制条基本是必备的控件，以方便用户随意快进快退到随意一个点，这也正是互联网便捷人性的体现。看似简简单单的播放控制条，若想将其原型制作成可拖动效果，还是得下一番功夫的，这篇文章就教大家如何使用axure原型工具制作播放控制条。第一步：拖拉摆放控件首先，拖拉一个动态面板（600X100）放在适当位置，命名为“面板1”；然后，在“面板1”的state1面

Axure教程 2017年03月18日

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

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

Axure教程 2017年10月26日

Aure教程 aure元件使用思路的补充（7）

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

Axure教程 2016年04月11日

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

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

Axure教程 2017年03月15日

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

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

Axure教程 2017年03月22日

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

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

Axure教程 2016年04月11日

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

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

Axure教程 2016年04月11日