本文仅用户个人学习记录使用，意在提高自己的交互设计感觉，仅此而已，欢迎指正.

设计截图

优点

当 Zoom 识别到未登陆的时展示的未登陆页面, app 设计主题色为蓝白两色；值得一提的是，因为 Zoom 主要是一款视频会议应用程序，因此与常规的 app 不同的是还新增了一个【加入会议】button，表现出了 Zoom 功能的专业性（因为在未登陆的情况下也是可以加入会议的】
点击【加入会议】之后，会出现一个 Dialog，显示弹窗的 title，以及加入会议时需要的相关信息表单项，在必填内容没有填上的时候，加入这个涉及 mutation 的按钮是禁用置灰的
点击【注册】之后，因为注册的信息需要分布完成，在 Dialog 里操作会降低体验感，因此打开新的 page, 同理当注册必填信息为空的时候，「继续」 button 也是禁用置灰的，鼠标 hover 上去为 not-allowed；这里还展示了注册相关的 SSO 渠道，这样简化用户的登录/注册流程，提高用户的体验
点击【登录】之后，因为登录的页面内容也比较多，因此新开页面来实现登录，在未填写必要的信息时，仍然禁用置灰掉登录按钮，支持 SSO 登录渠道依然是简化用户登录流程，提高用户的体验

当表单内容不多的时候，通常使用 dialog 来完成，如果是表单的内容过多，推荐新开页面或者 Drawer + 表单来实现。