-
验证码，除了 12306，我还没有服过谁（图形点击、图形拖拽）
本文分享两款高保真验证码的设计，首先看一下两款验证码的效果： 图形点击验证码： 图形拖拽验证码： 如果你想体验一下或想直接在自己的项目中引用这些验证码，可点击 传送门>> 预览了解。 由于这两款验证码的核心知识点在之前的文章中已经有分享，所以本文着重分享设计思路。 图形点击验证码 首先是下方随机生成的6个待选的图形，这是通过中继器随机取出的，实现的逻辑是给中继器增加一列，命名为&ldq…- 2k
- 0
-
验证码，除了 12306，我还没有服过谁（图片验证篇）
本文由微信公众号：产品锦李（ID：IMPM996） 授权发布，未经许可，禁止转载，本教程源文件免费下载传送门>> 之所以一直说“验证码，我只服 12306”，主要的原因是 12306 在 2015 年推出的图片验证码，的确是“前无古人，后无来者”，“鬼见了都发愁”，本文带来这一系列的第7篇教程，分享如何用 Axure 设计出一款类似 12306 图片验证码的功能（其他验证码教程可点击 …- 1.1k
- 0
-
验证码，除了 12306，我还没有服过谁（图形旋转篇）
今天要分享的是图形旋转验证码设计教程。 先来看看效果： 接下来就来分享一下，这个验证码是怎么设计出来的。 一、用到的元件 下图是整个设计需要用到的元件以及它们对应的命名，注意：【验证通过】的提示组合元件在设计完成之后，需要放在【验证图形】的正上方，并设为【隐藏】。 二、用到的变量 以下是本设计需要用到的变量： 几个变量的作用分别为： Angle：验证码初始化时，会随机生成图形旋转的角度，此变量用来…- 2.2k
- 0
-
【Axure 教程】验证码，除了 12306，我还没有服过谁（滑块拖动篇）
本次分享滑块拖动验证码的设计教程。 先看一下最终效果： 接下来分享这个验证码的设计教程。 一、用到的元件 首先在画布中拖入两个动态面板，分别命名为【滑块】和【滑轨】，每个动态面板中均有两个状态：【默认】和【验证成功】。 以下是两个动态面板对应的两个状态内放置的内容 然后把滑块放在滑轨上方，跟滑轨左对齐，界面就画完了。 二、用到的变量 全局变量中添加 Drag_Ver_Result，用来记录验证的结…- 2.8k
- 0
-
【Axure 教程】验证码，除了 12306，我还没有服过谁（滑动拼图篇）
先看一下效果（传送门>>)： 一、功能要点 缺块的位置是随机的 拼图需根据缺块的位置生成对应区域的预览图 拖动时，如果不符合验证成功的条件，需要将拼图放回起始位置 接下来我们就来动手做一做。 二、外观 首先最上面是提示条和刷新按钮，然后是验证码主体，还需要一个验证成功的提示： 验证码主体整体是一个动态面板，里面是这样的： 背景图是一张【图片】；缺块是一个【矩形】，填充了黑色，设置了50…- 1.4k
- 0
-
【Axure 教程】验证码，除了 12306，我还没有服过谁（文字点选篇）
先看一下效果（传送门>>)： 一、功能介绍 可从预设的文字库中随机抽取3个待验证的字，上方显示抽取出来的文字及顺序，下方随机生成3个待点选的文字的位置和角度。用户需按指定顺序点选，只有点选顺序完整正确才能成功。接下来开始分享它的设计。 二、外观设计 如下图，需要的内容主要有： 6个矩形，用来放从字库中随机抽出来的字，3个在上方，用来提示用户需要点选的文字和顺序，3个在下方，用来给用户点…- 1.5k
- 1
-
【Axure 教程】验证码，除了 12306，我还没有服过谁（数学运算篇）
在软件设计中，为了防止暴力注册或爬虫爬取等机器请求，需要验证操作者本尊是人还是机器，因此催生了验证码这个设计。 目前验证码已经衍生出许多的形式，包括图形验证、数学运算、点选文字、滑动拼图等，本文作者主要介绍怎么使用 Axure 来设计一个动态的数学运算验证码。 先看一下效果（传送门>>)： 本文有不少的知识点我在《【Axure 教程】验证码，除了 12306，我还没有服过谁（图形验证篇…- 1.6k
- 0
-
【Axure 教程】验证码，除了 12306，我还没有服过谁（图形验证篇）
在软件设计中，为了防止暴力注册或爬虫爬取等机器请求，需要验证操作者本尊是人还是机器，因此催生了验证码这个设计，目前验证码已经衍生出许多的形式，包括图形验证、数学运算、点选文字、滑动拼图等，本文作者主要介绍怎么使用 Axure 来设计一个动态的图形验证码。 一、验证码外观 验证码的外观设计大家可以各自发挥自己的创意，以下是我绘制的，仅供大家参考： 可以给大家提供几点思路： 使用识别和阅读有一定难度的…- 1.9k
- 0
扫码打开当前页
关注本站公众号
扫码加微信客服
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×