Axure RP8原型设计教程:随机密码键盘
原型案例 / 2017年11月1日

随机密码键盘是手机移动端针对安全性设计的一种数字输入软键盘,它的一个特点就是0~9这10个数字每次都是随机顺序出现,让非手动输入这种作弊行为无空可钻,从而提高了手机移动端的安全性。这种键盘大多出现在输入密码的时候,比如兴业银行和工商银行的APP。这里就教大家使用中继器来制作这种随机密码键盘。 原型效果:http://weidublog.com/wp-content/case/prototyping…

百度经验步骤停靠标签功能Axure8原型制作
原型案例 / 2017年9月9日

百度经验相信大家都不陌生,它里面包含着大量的各种各样的经验知识,这种知识共享也为每一个人提供一个很好的学习平台。不过维度君注意到了它一个特别的地方,那就是步骤的停靠标签,即随着用户往下拖动网页时,它的停靠标签也有互动地凸显出当前用户关注的步骤,那这里就教大家如何使用Axure RP8来制作这种停靠标签原型。 第一步,主要准备好N个椭圆形、N个经验文本内容和N个经验图片内容。N=?根据你的具体内容而…

Axure RP8.0制作属性标签添加删除功能原型
原型案例 / 2017年8月19日

一般在购物网站、文章编辑、筛选搜索等等地方都会有属性标签的功能,这是为了明确地向用户展示当前的属性集合,它可以支持用户方便地进行添加和删除两种操作。这和前面所讲的《axure8.0快速入门新手教程:添加删除》是非常类似的,这里就教大家如何使用中继器来制作这种属性标签原型。 第一步,准备一个中继器和一个组合,中继器中放一个矩形和一个×,组合中放一个矩形和一个文本框。 第二步,为X添加鼠标单击时用例,…

金山爱词霸单词翻译器Axure RP8原型制作教程
原型案例 / 2017年8月10日

使用Axure RP8来制作一个单词翻译翻译器,一听还挺复杂的,毕竟单单一个单词库的数据就得要你录得要死要活的了。但实际上却是简单得很,毕竟复杂的步骤肯定是不用Axure原型工具来实现的。那么该怎么完成翻译这一个步骤呢?没错,用接口api。Axure原型工具只负责提供单词的输入接收和翻译结果的输出显示即可。

如何使用Axure RP 8制作搜索引擎的搜索历史智能记录功能
原型案例 / 2017年8月5日

为了方便用户的搜索,提高用户的体验,现在的搜索引擎都有搜索历史功能。也就是将用户搜索过的关键字保存起来,当用户在下一次点击搜索引擎的搜索框之时,自动弹出这些关键字列表,以供用户选择,从而节省了用户输入文字的麻烦。 1、制作的原理是这样的,一个文本输入框,一个搜索按钮和一个中继器。 2、当用户点击搜索按钮时,需要进行一个判断,如果文本输入框为空,只需隐藏中继器就可以了,如果不为空,需要将当前的关键字…

《Axure8.0案例实战进阶(案例篇)》高清视频教程
原型案例 , 重点推荐 / 2017年7月31日

作者为维度博客的创始人,从事产品经理多年,设计过多款成功上线的产品,其中包括游戏、教育、医疗、政务等多行业的产品,并担任公司的新人培训讲师,精通axure原型制作技术。作者结合自己的工作经验以及学习心得,对课程知识结构进行合理搭配,尽可能让知识点由浅入深,并融合各个知识点于各个案例之中,同时保证案例的通俗可用性。以最短的时间、将最完整的知识内容、用最有效方式展现给学习者。 》》》》》》》》》》》》…

axure8.0制作登录注册表单密码输入框字符显示与隐藏切换功能
原型案例 / 2017年7月25日

现在的密码输入框,有的是直接隐藏密码字符,只显示黑点,有的是可以切换显示和隐藏密码字符,方便用户的输入。无论哪种设计方式,无非就是想在安全和用户体验上做一个权衡。 一直也没有深入研究过文本框的使用方法,今天玩一玩发现它还真有密码类型的设置功能,有这个功能,想实现密码输入框的字符显示与隐藏切换功能就不成问题了。 1、主要的实现方法其实也很简单,首先需要一个有两个面板状态的动态面板,分别放置字符显示和…

使用Axure RP 8.0制作真实可用的二维码生成器
原型案例 / 2017年7月19日

想制作一个真实可用的二维码生成器,首先需要解决两个问题。 问题一:要有一个可用的二维码生成接口,这个接口接受一个字符串(一个网址、一段文本等等),然后返回一张二维码图片; 解决一:我知道的二维码生成接口就有一个,详情可查看http://topscan.com/pingtai。当然,大家如果有别的可用接口也是可以的。 问题二:要有一个可以请求接口的元件,换句话说就是需要一个可以打开外部链接的元件。 …

axure8.0原型设计实例:简易计算器
原型案例 / 2017年5月10日

很高兴,今天终于写到《axure原型40例》这套教程的最后一个案例了,40个原型40篇文章持续写了快两个月,有不少读者一直在追看我写的文章,这让我很欣慰,说明我这个理科生还是可以写文章的,哈哈哈……废话不多说,这一章就以一个简易的计算器来做个结束吧!也不要小看,计算器是简易,原型可不简易。那么该怎么样使用axure8.0来制作呢?请往下看。

axure8.0原型设计实例:标尺参考线定位
原型案例 / 2017年5月9日

曾经我在外包公司给气象局做项目的时候,经常用到这个交互设计,因为气象局的项目大多有地图上经纬度的标尺参考线,随着鼠标在地图上移动,参考线也跟着移动,并给出鼠标所指地点的经纬度,一遍工作人员更容易判断台风的转移方向,降雨量的高低分布,温度的高低分布等等。其实不仅仅是这些,比如Photoshop也有,这里就叫教大家如何使用axure8.0来设计这种交互元素。