12306手机端改版，全新卡片式设计用着更舒服了…

来源：优秀网页设计（ID：youshege）

作者： 岩盐

暑假开始了，小编无处不想浪的心已经躁动不已……

而现实是社会人大多没有暑假，此时此刻对老师这个职业产生了向往，于是小编准备默默关闭订票软件……

咦咦咦咦咦咦咦？改版了？？ 12306 手机端改版了？？？

其实小编有点久没有订高铁票，想不起改版前的UI是什么样子，还好有万能的互联网。

可以说是，终于用上了卡片式设计了……配色也朝着目前比较流行的搭配转变了。而且还增加了“正晚点”等功能的入口，丰富了首页内容和方便了用户，除此以外状态栏的入口也进行了更新。

emmmm……具体班次时刻表的变动比较小，基本还是保持了列表的形式。

登陆页面也改成了时下常见的输入样式，不知道是不是视觉升级带来的心理作用，突然觉得12306 App形象高大了起来，果然人靠衣装，连App也不例外呀。

卡片式设计可以说是当下UI设计中很常见的形式之一，我们在App里面看到图片和信息通常都会以矩形区块来呈现，像是容器一样承载着App的内容。

另外卡片式设计会让人感到亲切，因为在有智能手机以前，我们身边就充斥着各种各样的卡片：身份证、银行卡、名片等。

12306 这次的改版终于是向大众方向靠拢了，使用卡片式设计不仅更容易让用户消化内容，还将不同的内容“区块化”了，用户获取信息变得更加轻松了。

除此以外，卡片式设计兼容性很强，不管是App还是Web，都能够有效适应响应式设计。

卡片式设计在视觉上可塑性很高，能使用图片来强调，让卡片式变的更加吸引人。

反人类的设计例子

怀着冒险的精神，小编想要看看 12306 有没有顺便把网站也升级了，结果让我十分失望ε-(´∀｀; )

看到这个年代感满满的网站，小编想起了被图片验证码支配的恐惧……

曾经试过，十几次都没有验证成功，天知道负责这块的程序员哥哥的代码是怎么写的。

图像验证码并不是 12306 的专利，其实谷歌也有图像验证码，但是十几次都不成功的情况真的很小。

除了 12306 的反人类验证码，还有很多让人哭笑不得的反人类设计：

即使换成两脚在上三脚在下，空间不够的情况还是屡屡发生的，不过近年来很多这样配置的插座已经作出了改良，据说不会出现上述的情况……

想知道体重悬殊的人坐上去这饭还能不能好好吃了，这位设计师肯定是不想一个人吃饭……

教练！我不想要一个人吃饭，但是我又害怕对方的眼神怎么办！可能你需要这张桌子……

很多人觉得这种蚊香也很反人类，一盘两个不好翻开，搞不好一点就整盘没有了。但是小编要实名为它平反，这是我见过最聪明的设计之一了！

这种蚊香利用了“阴阳”的设计，两圈制成一圈，一方便开模，二不易折断，三节省空间。其实使用这种蚊香根本不用分开，因为其中一盘燃烧完，另外一盘自然而然就剩下了。

除了生活处处有惊喜以外，假如设计师放假了，程序员哥哥也是要撒欢儿的……

我不过是想调个音量，我招惹谁了我ε-(´∀｀; )

不知道大家对 12306 的改版是否满意，小编总觉得改版以后，操作流畅了好多，不知道是不是（视觉效果带来的）错觉……