-
【Axure 教程】验证码,除了 12306,我还没有服过谁(滑动拼图篇)
先看一下效果(传送门>>): 一、功能要点 缺块的位置是随机的 拼图需根据缺块的位置生成对应区域的预览图 拖动时,如果不符合验证成功的条件,需要将拼图放回起始位置 接下来我们就来动手做一做。 二、外观 首先最上面是提示条和刷新按钮,然后是验证码主体,还需要一个验证成功的提示: 验证码主体整体是一个动态面板,里面是这样的: 背景图是一张【图片】;缺块是一个【矩形】,填充了黑色,设置了50…...产品锦李
- 0
- 345
-
【Axure 教程】验证码,除了 12306,我还没有服过谁(文字点选篇)
先看一下效果(传送门>>): 一、功能介绍 可从预设的文字库中随机抽取3个待验证的字,上方显示抽取出来的文字及顺序,下方随机生成3个待点选的文字的位置和角度。用户需按指定顺序点选,只有点选顺序完整正确才能成功。接下来开始分享它的设计。 二、外观设计 如下图,需要的内容主要有: 6个矩形,用来放从字库中随机抽出来的字,3个在上方,用来提示用户需要点选的文字和顺序,3个在下方,用来给用户点…...产品锦李
- 1
- 193
-
【Axure 教程】验证码,除了 12306,我还没有服过谁(数学运算篇)
在软件设计中,为了防止暴力注册或爬虫爬取等机器请求,需要验证操作者本尊是人还是机器,因此催生了验证码这个设计。 目前验证码已经衍生出许多的形式,包括图形验证、数学运算、点选文字、滑动拼图等,本文作者主要介绍怎么使用 Axure 来设计一个动态的数学运算验证码。 先看一下效果(传送门>>): 本文有不少的知识点我在《【Axure 教程】验证码,除了 12306,我还没有服过谁(图形验证篇…...产品锦李
- 0
- 727
-
【Axure 游戏教程】面对现实的沉重打击,我在虚拟的世界里沉重打“鸡”
首先还是先看成品,下方是游戏页面,点击 传送门>> 可以试玩。 接下来我从几个要点来介绍这款游戏的实现思路。 一、会飞的拳击手套 首先要实现的就是点击拳击手套时,手套能够往上飞出去,飞出屏幕之后,再生成一个新的手套,这里用到一个【动态面板】作为拳击手套的控制器,通过动态面板的循环来控制手套的运动,如果大家想知道怎么用动态面板来做循环控制器,可以回顾一下我的另一篇教程《【Axure …...产品锦李
- 1
- 276
-
【Axure 教程】中继器,你过来,我们“聊聊”
中继器除了做表格的增删改查,还能做什么?今天作者给你提供一种新的思路,教你用中继器来模拟一个高保真的对话聊天界面。 你好,我是不务正业的产品经理,我又带来了一款最新的“无聊”作品,用中继器做的一个高保真的对话聊天界面。 中继器是 Axure 中一个神级元件,没有它做不了的设计,只怕做设计的人缺乏足够的想象力,今天,我给你带来这款“无聊”的聊天作品的设计教程,先来看看最终效果(体验传送门>&g…...产品锦李
- 0
- 465
-
【Axure中继器】利用中继器,实现动态增加页签的功能
本文适合对中继器有一定使用基础的同学。 一、先看效果 二、实现思路 1、菜单,通过前面讲过的中继器实现; 见文章:https://www.axure.com.cn/86880 2、点击菜单后,通过对页签的中继器增加行数据来实现; 3、如果页签数据以前添加过的,则定位到这个行数据后,进行选中状态即可; 4、删除某一个页签即是删除页签中继器中的某一个数据即可。 三、需要的元素 1、组件:中继器两个(一…...深南大道
- 0
- 522
-
【Axure 教程】中继器,你这个“渣男”(实战篇)
当你掌握了中继器的用法,在做一些重复性设计的页面的时候,可以获得事半功倍的效果,令你心情愉悦;但是你会发现中继器与“渣男”一样,难以掌握,它不仅“渣”,而且“杂”,复杂,要真正运用好中继器有一定的难度,本篇文章将告诉你中继器的各种特性,教你将中继器这个“渣男”拿捏。 本文是中继器教程的最后一篇,也是综合运用实战,如果你对中继器的使用还不是很熟悉,甚至之前都没有用过中继器,建议先看前面的“基础篇”和…...产品锦李
- 0
- 595
-
【Axure 教程】中继器,你这个“渣男”(进阶篇)
当你掌握了中继器的用法,在做一些重复性设计的页面的时候,可以获得事半功倍的效果,令你心情愉悦。 但是你会发现中继器与“渣男”一样,难以掌握,它不仅“渣”,而且“杂”,复杂,要真正运用好中继器有一定的难度,本篇文章将告诉你中继器的各种特性,教你将中继器这个“渣男”拿捏。 上一篇《【Axure 教程】中继器,你这个“渣男”(基础篇)》中我分享了如何使用中继器做基础的增删改查,最后我也提到,实际当中的修…...产品锦李
- 0
- 1.1k
-
【Axure 教程】中继器,你这个“渣男”(基础篇)
之所以说中继器是个“渣男”,是因为它跟渣男一样,相处时容易感到心情愉悦,中继器也是相同的道理,当你掌握了中继器的用法,在做一些重复性设计的页面的时候,可以获得事半功倍的效果,令你心情愉悦;但是你会发现中继器与“渣男”一样,难以掌握,它不仅“渣”,而且“杂”,复杂,要真正运用好中继器有一定的难度,本篇文章将告诉你中继器的各种特性,教你将中继器这个“渣男”拿捏。 我将分3个篇章来讲完中继器的功能,不一…...产品锦李
- 1
- 1.4k
-
【Axure动态面板】利用动态面板实现树形菜单的制作
利用动态面板,简单制作高保真的树形菜单。 一、先看效果 https://1poppu.axshare.com 二、实现思路 1、菜单无非就是收缩和展开,动态面板有个非常好的属性:fit to content,这个属性的含义是:面板的大小可以根据内容多少而变化; 2、菜单的收缩和展开,可以通过切换面板的状态来实现即可,即每个菜单设置两个状态:收缩和展开两个状态; 3、再利…...深南大道
- 0
- 1.3k
-
【Axure 教程】验证码,除了 12306,我还没有服过谁(图形验证篇)
在软件设计中,为了防止暴力注册或爬虫爬取等机器请求,需要验证操作者本尊是人还是机器,因此催生了验证码这个设计,目前验证码已经衍生出许多的形式,包括图形验证、数学运算、点选文字、滑动拼图等,本文作者主要介绍怎么使用 Axure 来设计一个动态的图形验证码。 一、验证码外观 验证码的外观设计大家可以各自发挥自己的创意,以下是我绘制的,仅供大家参考: 可以给大家提供几点思路: 使用识别和阅读有一定难度的…...产品锦李
- 0
- 410
-
【Axure 教程】随机乱序数字键盘,让数字飞一会儿
随着移动支付遍地开花,产品经理们在支付的各个环节可谓是下足了功夫,今天分享的是目前移动支付中比较流行的一种设计——随机乱序数字键盘。这种键盘一般用于输入验证码或密码,因为键盘每次出现数字都是随机且无序,所以可以最大程度避免别人通过你在输入密码时按键的位置而推测出你的密码。 我曾经做过这个键盘的设计,这是当时的效果图: 你可以看得出来我是多么地不务正业,竟然想到给一个键盘加 loading 效果,但…...产品锦李
- 0
- 579
-
Axure RP 9.0画布回到原点功能失效的解决办法
今天有用户反馈说Windows 10系统下,Axure RP 9.0的画布回到原点功能失效。鼠标点击回到原点图标,没有任何反应,而在Mac电脑上此功能却是正常的。这个功能是为了方便在原型设计时,能够快速回到坐标原点,而不是通过滚动鼠标来操作。这对于利用负空间制作移入移出效果,或者制作页面内容较多的项目时非常有用。 Axure回到原点功能的使用方法:在视图菜单中>>显示标尺打开,在画布左…...黄老师
- 0
- 441
-
【Axure中继器】利用中继器简单实现无限级别的树形菜单功能
本文适合有一定 Axure 基础的读者阅读! 一、先看效果: 二、解决思路: 1、素材:一个中继器就够 中继器里放如下组建:Label \ Box \ Icon(箭头) 如图: 2、通过展开或者收缩时,设置某些数据显示或者隐藏即可; 3、中继器的内容设置需要有一定的要求: a.每行的数据需要体现父子的关系; 如图: 字段说明: type:菜单的级别:1表示一级菜单;2表示二级菜单..…...深南大道
- 0
- 1.1k
-
【Axure 基础教程】没想到你是这样的进度条2.0
上次,我分享了《【Axure 基础教程】没想到你是这样的进度条》,介绍通过一个简单的进度条案例如何综合应用 Axure 的各种特性,如果你已经忘记了或者没有看过,记得去回顾一下,不然这篇文章有些内容你可能不知道在说什么。 这次,我带来2.0的分享,主要是针对上次做的1.0,修复1个 bug,优化1个特性,新增2个新特性(会有新的知识点)。 一、1个bug 这是上次我们做的进度条效果: 可以看到,进…...产品锦李
- 0
- 657
-
【Axure 教程】没想到你是这样的进度条1.0
本文是一篇写给刚学完 Axure 基础的新手读者,大佬请勿喷,主要为刚上手 Axure 的产品经理提供一种综合应用的思路,所以本文我不是讲解如何绘制出一个高保真的进度条,而是介绍通过什么组件的什么属性来完成什么样的功能的思路来介绍。 一、动态面板拖动事件 首先来绘制进度条的雏形,用【矩形】绘制出进度条的容器,用【圆形】绘制进度游标,然后右键将圆形【转化为动态面板】 首先我们来完成的就是按住游标的时…...产品锦李
- 0
- 475
-
Axure 实现“动次打次”歌词播放效果
在许多的音乐播放软件的歌词播放页面中,歌词可以随着歌曲动态播放,呈现出类似下方的效果。接下来就来分享用 Axure 如何实现这样的效果。一、用到的元件首先在画布中拖入一个【文本段落】的元件,命名为【静态歌词】,然后放上需要播放的歌词。接着复制这个文本段落,重新命名为【动态歌词】,然后给这个段落设置一个自己喜欢的颜色。接着将【动态歌词】对齐放在【静态歌词】上方,完全盖住【静态歌词】,呈现出如下效果。…...产品锦李
- 1
- 902
-
Mac电脑Axure RP 9.0打开时出现两个图标并报错的解决方法
最近使用Axure RP 9.0的过程中,每次打开RP文件时,在程序坞会出现两个图标。其中一个图标还一直蹦跶,过一会儿会出现程序报错,提示重新打开程序。但其实文件已经打开了(前面的图标),并不影响使用。但每次出现都挺烦人的。今天抽空研究了一下,发现是元件库的问题。以前也有元件库引起报错的案例,比如Axure Cloud云端元件库引起报错。这类问题解决办法就是把载入的所有第三方元件库都删除。一般问题…...黄老师
- 0
- 299
-
作为音乐白痴,我在 Axure 上“弹”起了钢琴
作为非著名的不务正业的产品经理,最近喜欢通过 Axure 设计一些调剂生活情趣的小玩意儿,这次我带来的是如何用 Axure 制作一个能弹奏,还能播放的钢琴音乐盒,虽然复古的设计让它看起来更像电子琴,但没关系,当你按下琴键,你听,它的确发出了钢琴的声音。体验传送门>> 本文主要分享设计这款产品时的一些难点以及实现方法,旨在提供一种思路,只要你掌握了这个思路,你完全可以在 Axure 上弹…...产品锦李
- 0
- 498
-
【Axure 动态面板】让你的动画变成“永动机”
本文适合有一定 Axure 基础的读者阅读! 一、动起来 在 Axure 中,如果想让下面这个 loading 图标动起来,你应该能够很快实现。 我相信大多数人的思路是,像下图这样给 loading 图标添加一个[载入时]的[旋转】效果: 让我们来看看这个效果在浏览器中呈现出来的样子,我们会发现这个图标转动了一圈之后就停了下来(gif 图片会循环播放,实际上图标只转了一圈): 如果我想让这个 lo…...产品锦李
- 1
- 1k
Axure交流微信群
热评文章
-
1
Axure RP 9最新版软件及汉化包下载 正式版
-
2
79个矢量彩色手势,随意放大不模糊!
-
3
Axure RP 9.0.0.3728 Beta 更新日志
-
4
【基础教程】Axure快速创建动态面板制作左侧下拉菜单导航栏
-
5
【Axure 教程】中继器中级教程-联级框
-
6
如何利用中继器和动态面板制作一个可以自动化菜单?
-
7
MAC安装Axure后打开提示:“Axure RP 9.app已损坏,无法打开。”的解决办法
-
8
【Axure 教程】中继器中级教程-左侧导航
-
9
Axure RP 10 Beta体验版下载 v10.0.0.3812
-
10
Axure RP 10 正式版简体中文语言包及汉化教程