网上关于12306图片验证码的吐槽已经是铺天盖地，当然，现在的12306图片验证码已经不像以前那么变态了。不过鹏哥心里一直有个心结，纵使它如何变态，我都想用Axure把它画出来，没办法，鹏哥就好这口，终于经过几个日夜的绞尽脑汁，原型出炉（可生成随机图片和关键字，可选择图片进行验证），于是速速跟小伙伴们分享。

一、解析12306验证码

我们先来看一下12306网站上的图片验证码样式

由此我们可以提取出一些关键信息，以便于我们后面进行原型设计：

1. 随机关键词：如上图中的“蜡烛”，一个或两个随机关键词
2. 随机图片：一共有8张随机图片，当然图片中必须包含可以和关键词对应的图片
3. 验证：选择图片后，会验证所选图片是否与关键词一致，同时是否选择了所有的和关键词对应的图片
4. 刷新：验证失败后会自动刷新，刷新后会出现新的随机关键词和图片；也可进行手动刷新

二、原型效果图

三、原型设计思路

刚才我们提取到了12306验证码的一些必要元素，那么在原型设计的时候我们就要去实现那些功能。