没错登录界面还能这么做登录界面几乎是所有的 App 都有的界面，而登录界面包含的内容通常特别简单，就是用户名和密码，特别是现在的 App 大多都支持主流社交类账号绑定登录，注册表单在登录界面都不再常见了。

　　但用户体验上的进步并不意味着设计上也到达了尽头，今天就让我们来看一看那些有趣又充满设计感的登录界面吧。

　　除了对已选/未选标签的透明度进行区别，在不同的标签上，界面的颜色也有所区别，除了让界面的设计上更具多样性，同样也让不同的颜色对用户起到不同的心理暗示

　　下面看到的这个设计，把登录注册表单间的切换设计在了两张卡片上，前进和后退的操作不再是在一张小小的卡片上很小的区域内发生变化，而是像卡牌一样交替切换进行，这样的交互动画相较于我们常见的登录界面自然是更具有新鲜感和趣味性，不是吗？

　　看似常见的登录界面，就在点击按钮的一瞬间，表单发生了左右横滑切换，除了表单信息发生了变化，在切换的过程中，背景图片还在横滑中发生了变化并且全部展示了出来，一改登录界面死板单调的情况，给用户以惊喜感

　　在平面的网页表单上使用了 3D 反转的效果，让表单在点击标签进行切换的时候，沿中轴翻转，如果是空间局限性较大的设计当中，采用这样的方式进行转场，也不失为一种聪明的选择

　　虽然转场动画是常见的左右滑动，但是在表单项目由少变多的切换过程中，登录界面的背景图片被放大了，给用户一种拉近距离江南APP最新，展示更多具体内容的心理暗示，让表单项目数目变化不再突兀

　　在 2D 的界面里，通过巧妙地利用 Z 轴方向位置的变化，让用户有种 3D 翻转的感受，但是要注意保留加载动画在用户的视线内，否则对登录进程不了解会让用户产生紧张感

　　这样的设计在我们的日常设计当中已经非常常见了，特别是在 Material Design 中，设计师们对魔法纸片的运用已经达到极致，我们在平时设计的过程中也可以采用这样的方式，以某一按钮为单位，基于它实现交互和转场

　　虽然是叫排列交替，但实际上也是利用了 Z 轴方向上距离的差异在用户视觉上产生前后排列交替的效果，事实上，这种交互效果在很多 App 上也被大量使用，可以说在寸土寸金的屏幕上最大化的利用了空间

　　今天简单的总结了一些登录界面有趣的设计，看了这些案例，我们也可以举一反三，把这些设计思路推广运用到我们产品设计任何需要的地方，也欢迎大家在下面留言与我们互动，分享更多有趣的设计点子。返回搜狐，查看更多