2022年必须考虑的顶级登录屏幕样本开发

在构建应用程序时，登录页面似乎是事后才想到的。 登录屏幕很少出现，注册屏幕仅在用户注册时出现。 单个屏幕需要多少焦距？ 确切地说，相当多。

移动应用程序的登录屏幕充当门户。 下载应用程序后，用户的第一印象将是其界面。 为避免用户对第一个障碍感到沮丧，请确保您的用户可以轻松导航和填写登录页面。 为了实现您的业务目标，请从 Flutter Agency ( www.flutteragency.com ) 等公司聘请 Flutter 开发人员，以确保您的应用程序登录屏幕遵循正确的结构。

我们列出了一些最佳登录屏幕列表，供您用作即将推出的移动 UI 项目的灵感。

贝宝

PayPal 因其简单性而获奖。 如果不是登录顶部的小 PayPal 徽标，您将不知道自己在哪里。

此登录页面有一个独特的功能：它分为两个部分。 您输入您的电子邮件地址，然后按以下按钮更改您的密码。 与 2020 年同期相比，PayPal 的用户群在2021 年第四季度同比增长超过 13% 。

领英

LinkedIn的登录页面上没有背景图片或动画。 但是，从长远来看，登录页面不一定要美观。 这是实现目标的直接途径，非常适合无干扰的设计页面。

LinkedIn 登录页面设计的简单性反映了这一点。 它会在所有必要的方框中打勾，并带有令人愉悦和鼓舞人心的副本、使用您的电话号码登录的能力以及显示密码的选项。

它做了它应该做的事情，并在人们需要时为他们提供一种肯定的感觉。 除了登录表单，我们还需要什么？

优步

优步的登录页面有几张有创意的品牌图纸。 注册页面不太可能在很长一段时间内被看到，但增加视觉吸引力和活力可能有助于保持用户的参与度。

国家地理

国家地理的登录过程并不令人意外。 因为它是一个不错的登录表单示例，所以没有太多要说的。 美国和加拿大的公司经常使用标题大小写，国家地理也纷纷效仿。

其他实例显示标题中的标题和句子案例的混合。 以目标受众熟悉的风格写作有助于读者想象这句话，就好像它是由一个真实的人说的。

中等的

对于用户友好的登录网站，Medium 可能是明显的赢家。 对于初学者，不会立即提示用户提供他们的电子邮件地址、用户名或任何其他密码。

您可能会根据您对其他主要社交媒体网络（如 Facebook 或 Twitter）的使用获得对平台的访问权限。 对于那些喜欢更传统的登录方法的人，他们可以选择使用电子邮件登录选项。

登录页面的基本风格通过使用白色作为原色来增强。 然而，为了与他们的身份保持一致，Medium 包含了一些动态图形，使屏幕具有运动感。

Spotify

Spotify 的登录页面是一件艺术品。 在用户可见的白色背景上没有图像或其他视觉元素。 除了允许用户通过 Facebook 登录外，Spotify 还提供保持登录状态的选项。

这个登录表单在用户名和密码部分都有内联验证，我们认为这是一个很好的接触，因为它有助于使状态更加用户友好。 登录尝试失败后，登录表单上方会出现另一种验证。

使用颜色和其他视觉信号失效没有任何问题。 2022 年前三个月，Spotify 在全球拥有 1.82 亿高级会员。

投递箱

Dropbox 的登录表单显示为垂直模式，当用户到达页面顶部时，该模式会延伸，就在他们的主页上。 当用户向下滚动主页时​​，它就会折叠起来。 它占据了页面的很大一部分，并且这两个部分中使用的颜色非常不同。

因此，登录表单与页面的其余部分形成鲜明对比。 我们喜欢电子邮件验证和社交媒体登录选项。

邮件黑猩猩

随着 Mailchimp 成长为一个成熟的营销平台，需要重新设计。 自上次更改登录页面以来，已对其登录页面进行了一些修改。

其中之一是增加了独特的性格特征。 他们的艺术品很奇怪，手绘，但非常适合。 除了能够正常登录之外，此登录页面还允许您学习如何更好地与您的受众建立联系，许多 Mailchimp 用户可能有兴趣学习如何完成。

即使此登录屏幕上的措辞很少，忘记的密码/用户名部分仍然直截了当且一致。

丝芙兰

Sephora 的登录页面使用模式窗口作为其主要用户界面元素。 他们精通英语。 “你还记得你的密码吗？” 只需区分登录和注册。

此外，我们感谢您在验证表单中输入的电子邮件地址方面付出的额外努力。 它不仅提醒用户注意其电子邮件中的错误，还为每封单独的电子邮件提供正确的格式。 虽然是个小特色，但还是被虚拟荒野中的一些人所赏识。

技能分享

消费者只需单击一下即可使用其社交媒体帐户登录服务。 无需输入您的密码或任何其他个人信息。 Skillshare 在登录表单的最顶部突出显示社交登录选项。

但是，如果您选择不这样做，您可以直接在下面输入您的电子邮件地址和密码。 这个登录表单完成了它的工作。

结论

登录表单测试您可以使用户登录的简单程度。通过包含社交登录、占位符文本和不同的标签来创建用户友好的登录表单。 Flutter Agency 是一家领先的 Flutter 应用程序开发公司，可帮助您获得最佳的 Flutter 资源并访问最新的工具。