以下文章来源：大众号体会进阶，作者 设计师ZoeYZ
登录页这个东西，由于感觉很简略，所以常常不被注重。
可是登录页作为一个产品的门面，直接影响用户第一印象，又是非常重要的存在。
最近研讨了一下我电脑上那一堆桌面端的登录页，还真发现了一些之前没想清楚的门道来。
目录：
0. 不登录
1. 填写项目
2. 二维码
3. 登录方法
4. 注册和忘掉暗码
5. 勾选项
6. 登录按钮
7. 设置项
8. Logo
0. 不登录
许多产品会提供部分功用给未登录账号使用。
比较慎重的，Zoom 会给一个直接加入会议的按钮：
极端一些的，会像 WPS 这样翻开后直接进入，不需求登录页：
给未登录用户太多功用会影响注册用户占比，强制登录又会把使用门槛拉得太高，这个主要看产品定位吧。
接下来，咱们主要针对有必要登录的情况来讲吧。
1. 填写项
这有什么好说的，登录填写项不就是用户名/邮箱/手机号+暗码吗？
没错，最典型的却是如此。例如百度网盘和钉钉：
可是我发现，有的产品会故意分两步让你填，这样就能够把注册和登录合并到一个过程了（输入后看看注册过没，没有就走注册流程，有就走登录流程）。例如飞书和 Google：
还有的，乃至不把填写项放出来，非要你点击进口才行。例如微云和 CCtalk：
我个人是比较喜爱一翻开就是填写项，一次填完的，不知道大家怎么看？
2. 二维码
我发现把二维码放到右上角的方法蛮常见的。
例如钉钉就做得很美观：
飞书用高亮色做有点生硬，但也还行：
微云这个感觉中心突然被切了一角，有点古怪：
3. 登录方法
假如登录方法只有 2 种，tab 是最常用的切换方法。例如微云：
假如比较多，用图标在底部列出来是最常用的方法。例如腾讯会议和 Zoom：
但也有一些产品，或许比较纠结，两种方法混合一下。比方飞书：
可是记住一定要在图标下加文字说明，不然就会像 CCtalk 一样看不懂第一个图标是什么（悬停提示也没有）：
4. 注册与忘掉暗码
这两个按钮几乎一切登录页都需求，但又不是特别重要的信息。
一般两种布局最常见，一是将这两个按钮都放在输入框下面。例如微云和钉钉：
二是把忘掉暗码放在暗码框里面，然后注册就放在右下角某个当地。例如 Zoom、腾讯会议：
也假如把输入邮箱/手机号和暗码分成两步，就能够省略一个这两个进口，不过登录就得多一步操作了。例如飞书：
5. 勾选项
登录页一般有两个勾选项，一个是主动登录、一个是赞同协议条款的，大多默认不勾选。
一般都放到登录按钮的下面，虽然不符合操作顺序（先勾选了才干确定），可是排版美观些。例如飞书：
其实像微云这样把勾选项放到登录按钮上其实愈加符合操作顺序，由于这是在登录之前要承认的内容：
Zoom 在底部写上登录即代表赞同政策和条款，就省略一个勾选项了：
但谁都比不上百度网盘，它们干脆一个勾选项都没有，至今还不是好好的？
6. 登录按钮
基本上登录页都少不了登录按钮，除非是像钉钉这样登录方法有限的：
有的产品会让登录按钮置灰，直至用户填写完成停止。例如飞书和 Zoom：
7. 设置项
许多产品会在用户登录之前就提供设置项目，主要是网络设置和言语设计。
例如飞书就两个都给了（左下角），做得挺到位的：
Zoom 就没有提供，跟着我的系统言语用中文，这个思路页也能了解：
腾讯会议比较实诚，把整个设置面板的进口都放到登录页了，包括言语选项在内：
8. Logo
大部分产品的登录页都会放上 logo，这个感觉是常识。例如腾讯会议、百度网盘：
但其实也有不少只写名字不放 logo 的。例如微云、飞书：
钉钉就比较奇特，既没有 logo 也没有名字，不去状态栏检查一下都不知道这是什么软件：
总结一下
登录页外表看上去简略，常常不受注重，但仔细这么比照下来，发现可变因素还真是挺多的。
不知道大家关于这个页面有什么困惑的当地，能够在谈论区讨论一下。
做设计，用摹客。
以上文章来源于大众号体会进阶，作者 设计师ZoeYZ
