今天正好有同学过来找我问到相关的问题，那我们就来探讨一下。
看起来简单的登录注册页面，却蕴含了大大的学问。
对于一开始做的UI、UE，可以跟随行业里最好的例子并加以实战实践练习。
熟悉普遍模式，摸清用户想法。
看起来就几个框，但是思考逻辑过程并不简单，每一个位置、文字、大小、颜色、跳转、动效，都涉及了一个具体的基础心理学内容。
在这个过程，我们可能需要先去分析产品本身的功能、定位。看它是否需要硬性登录，比如工具类的相机、地图、翻译器等等就不需要硬性登录。
一旦让用户登录了，我们就该想到，每一步的跳转流程，这个时候就需要用到流程图了。具体的在这里就不多说了。
最后，我们应该生成一个能让用户兴奋的界面，而不是一个令他们沮丧的。
一个优秀的登录界面，大概需要具备以下几项特质：
包含文本输入字段
如果你的app设定是，使用就必须登录。那首先我们需要显示输入框中的提示语，如：输入手机号码，输入验证码。
提示语需清楚可视，并且不需要用户到处寻找。
记住用户的数据，这样用户就不需要每次输入信息。
“注册”和“登陆”尽量不放在一起。
很多时候，我们看到注册和登陆按钮挨的很近，但是这可能会对用户产生反作用。
同样长度的两个非常相似的词，会混淆用户的选择。一旦点错反复几次，他们可能会感到沮丧并且离开。
好的界面设计一般不会让用户有“暂停”和“思考”的时间。
so，尽量分开这注册和登陆，并且使差别清晰可见。
通常情况下登录和注册部分有相同数量的输入框（用户名/邮箱/手机号，密码）。
为了防止新用户尝试直接登录，在这里，登录和注册可以用不同的输入字提示。
密码可见切换
因为用户经常在公共场合使用app，所以在输入密码时，安全起见会被打码/小星星，也就会导致一部分用户频繁输错密码。
正确做法：在密码输入框内/旁，放一个“显示/隐藏密码”的小图标。
全部删除
键盘小，手指大，用户经常会遇到输出字符需要退格的情况，退一次，输入法自带，如果需要全部删除重新输入，记得在输入框内再适当加上一个全部删除小icon，又需保证不和显示/隐藏密码冲突。
让用户知道自己错在哪
如果后台判断用户名密码组合错误，但是没有明确的报告给用户问题到底是什么，用户可能会在多次尝试后，无奈气愤退出应用。
比如“你的用户名密码不匹配”，“该用户名不存在”，“该账号存在异常，请联系客服010-88888888”。
尽量避免用户名登录
经常是用户随意起的，日后再登录，很难想起这个临时起意的用户名。无甚意义。
用户名必须是唯一的，就需要用户一次一次的去填写、去试，这个用户名可不可用。
可使用邮箱/手机号等常用账号。
另一个事情可以促进登录，是提供给用户几个登录选项，并且给他们机会来选择和尝试用户名而不会沮丧。在这过程中强迫的一部分是允许他们使用邮箱地址和密码来注册。
忘记密码
对于一大部分记忆力不好的人，忘记密码可以说是相当贴心的一个功能。
在输入框或者登陆按钮下添加”忘记密码”的跳转链接，并能通过邮箱或手机短信验证码来重新设置密码或直接登陆。
登录样式灵感
设计好，也就吸引人来填写信息，有了手机号等信息，其实也是一种资源、一种财富。
设计师和开发人员也渐渐意识到登录表单的重要性。
当设计师为一个APP应用或移动站设计这个元素时，会花很多时间精力，使它既好看又好用。
我们一起来看一些参考欣赏。
小结
对用户来说，登陆已经很困难了，所以我们应该让这个流程做到最大限度的简化。
避免不熟悉的形式，让输入字符简单可视。
不仅节省了用户的时间，还为其提供了一个非常好的使用感受。
閱讀更多 PSUI設計教程 的文章
