app登陆界面设计培训

UI设计课程去哪好，APP注册登录页怎么设计？

注册登录是一个APP的门面，它的好坏与否直接影响着APP的用户数和用户体验。之前我有去过CGWANG教育了解过相关的手机APP UI界面设计的内容，其中也有细分到APP注册页面的问题讲解，让我多多少少对登录界面的设计要求深表赞同，便捷的登录方式就是王道，详情请往下看。

网站或朋友推荐某个APP挺不错，然后下载了，正准备好好体验一番，却被糟糕的注册登录页面弄的精疲力竭，后果断放弃了继续使用这款APP。相信不少人都有过这种经历。
一个合格的注册登录页面，应该是具有清晰的操作流程，良好的交互细节和不错的视觉设计，这些都是UI设计师们需要考虑的细节和因素。

APP的注册登录有四种情况。
? 一是不需要注册登录（不需要注册登录也提出来？是不是作死~）
系统自带的工具类APP，像经常使用的闹钟、日历、计算器等等；一些简单的第三方APP：开眼，乐流，榫卯等。
这些APP的特点都是功能相对单一，比较『轻』，不需要用户信息就能使用所有功能，所以就不需要注册登录这个环节。

? 二是第三方登录

用户不需要输入注册登录信息，直接选择一种第三方就能完成登录。国内常见的第三方有微博、微信、Q Q、豆瓣、人人等，国外常见的第三方有，Twitter，Google等。
现在国内除了超级APP之外的APP基本都支持第三方登录，这样能简化用户注册登录的流程，提高APP的留存率。

? 三是邮箱注册

开始的时候注册登录是基于PC的，也就是基于网页。所以邮箱注册自然而然成为主流，而且注册过程中需要验证邮箱也很方便，用户直接在PC就可以完成所有操作。
现在很多APP依然保持着邮箱注册的方式。

? 四是手机注册

随着移动互联网的到来，人们触网的主要设备已经从PC逐渐转移到手机。
加上手机号码的实名制、全球通业务的普及，使得手机号码也具有了标示性。
并且APP是基于手机的。
所以用手机号码注册APP，等通过短信的方式验证，也逐渐成为了主流。

APP的与否，由很多因素决定，而良好的交互细节是每一个APP的共同品质。只有从使用场景出发，并从用户的视角来思考产品，才能设计出打动人心的APP。

? 用显示/隐藏小icon代替输入两遍密码
为了确保密码输入正确，很多APP需要用户输入两遍密码来确定密码输入无误，但这无疑增加了用户的工作量。解决方式便是在密码输入框右边增加一个显示/隐藏小icon，让用户在输入完一遍密码后可以选择点开显示/隐藏小icon来确保密码输入无误，减少用户的工作量。

? 弹出相对应的输入键盘
点开邮箱输入框，弹出带有@的英文输入键盘。
点开手机号输入框，弹出九宫格数字输入键盘。
点开密码输入框，弹出英文输入键盘。

这是很小的细节，虽然用户可能不知道哪里不对，但是他能体会到好不好用。一个APP注意了这点，那用户就会觉得这个APP好用。而两一个APP没有做到这点，无论点击哪个输入框弹出的都是九宫格中文输入键盘，用户就会觉得这个APP不太好用。
作为界面设计师，特别是手机UI界面设计师，要知道用户觉得不好用的原因是什么，这样才能对症下药，改善用户体验。

? 对手机号码进行3 4 4的分布。
这个规则不仅适用于手机号码，包括银行、转账金额等等。
这是因为人的短期记忆是有限的，即一次只能记住有限的东西，如果强制记住很长的东西，短期记忆就很容易出错。
所以将数字以4或者3为单位分组，有利于用户阅读和编辑数字。

? 登录时增加一键清空icon。
在登录的时候偶尔会出现输入错误，如果没有这个的icon，我们只能按键盘中的清楚按钮，需要一直按住知道输入框为空。
一个只需要点一次就能清空，一个需要长按一段时间才能清空，孰优孰劣可想而知。

? 清晰的错误反馈。
当用户输入错误信息时，弹出临时框提示用户。而不是不做反应让用户自己去猜到底是怎么回事。
临时框也有两种形式，一种是左边，需要用户点击确认才能进行下一步操作。一种是右边，弹出一两秒后自动隐藏。个人更倾向于第二种形式，因为种形式相当于强制中断了用户的操作，用户需要点击确认才能回到原来的操作流程。

我相信还有很多好的交互细节，大家可以自己平时积累。让你的设计逼格越来越高，用户体验越来越牛逼。

? 紧密
通过元素的远近将相似元素分组。

? 对齐
通过对齐，规范元素的排版 。

? 简约
注册登录页面的背景尽量简约，从而让主体信息更加突出。

? 对比
将重要的内容放大，增加色块背景；将相对次要的内容缩小，降低明度等从而使 得信息层级清晰。

? 均衡
注册登录页面几乎都是沿着中心线左右对称的，信息是左右均衡摆放的。否
者会导致页面不平衡。

下面是一些平时收藏的我比较喜欢的注册登录页面。
拿走不谢~

(本文系作者个人观点，不代表CGWANG的观点和立场)
来源：站酷
