15个令人印象深刻的设计灵感登录表单
已发表: 2020-09-02自从网站的概念出现以来，登录表单就一直存在。 它是任何网站的关键部分。 与登录页面的人机交互随着时间而改变。 最初，我们使用输入电子邮件地址或 ID 和密码来登录系统。 现在，我们有了手机上的 Touch ID、人脸扫描和其他登录系统的方式。 从设计的角度来看，登录表单的设计非常沉闷和扁平化。 但如今，设计师们提出了令人印象深刻且开箱即用的设计，充满了鲜艳的色彩。
本博客重点介绍令人印象深刻的登录表单，您可以作为设计师探索或从中汲取灵感来创建设计师登录表单。 让我们检查一下拥有一些充满活力和令人惊叹的登录表单的网站。
1.甜：
Sweet 是一个与影响者和艺术家打交道的网站。 如果您使用该网站，您可以是艺术家或影响者。 该网站的颜色主题看起来类似于冰淇淋糖果。 此外，该网站的标志还形成了一个冰淇淋糖果。 这个网站的登录表单令人惊叹，蓝色的颜色主题逐渐向不同深浅的紫色切换。 您可以使用用户名、电话号码或电子邮件地址登录网站。 如果焦点位于任何输入字段上，它还允许您通过 Facebook、Twitter 和 Google 登录，下划线的阴影变为蓝色。
2. Zendesk：
Zendesk 是一个处理客户服务的网站，以解决客户问题而著称。 该公司位于美国加利福尼亚州。 他们的登录页面在设计上非常简约。 您只能看到必须拥有子域名的输入字段。 没有什么可以让您的注意力从登录表单上移开。 登录表单下方还有其他链接。 但是，网站上没有页眉和页脚链接或图像。 这使您可以仅专注于系统中的日志记录。
3.广场空间：
Squarespace 是另一个处理数字营销的网站，并有一些可供使用的设计模板。 他们有一个精心设计的新主页。 但是，他们的登录页面具有简约的设计。 此登录页面也没有页眉和页脚来分散用户对登录过程的注意力。 输入字段要求您输入电子邮件地址和密码。 除此之外，您还可以使用 Google、Apple、Facebook 和 Twitter 帐户登录。 他们的登录 CTA 也简单而有效。
4. 进展：
Headway 是一个提供变更日志的网站，可让客户随时了解特定服务或产品。 他们的整个网站都以最简单的设计以白色主题绘制。 他们有一个更简单的登录页面，其中没有可以分散您注意力的页眉或页脚详细信息。 左边距只有一张图片，他们有一个登录页面，您可以在其中填写您的电子邮件地址和密码。 您还可以使用您的 Google 帐户详细信息登录。 登录页面很简单，白色背景，没有花哨的用户界面元素。
5. VSCO：
VSCO 是一个具有同名网站的照片编辑应用程序。 该站点具有视差滚动功能并具有新的用户界面。 但是，网站上的登录表单是一个设计简单的全白表单。 您可以通过您的电子邮件地址或个人资料名称和密码登录。 该页面还允许您转到 VSCO 主页、Feed、注册页面以及下载 VSCO 应用程序的页面。 它仅在登录表单页面的顶部有一个代表社区的徽标。
6. 滴水：
Drip 是一个设计漫画、电影、视频和音乐流派的网站。 与 VSCO 和 Squarespace 一样，本网站的登录表单也采用白色主题。 在顶部，您可以看到他们写道：“登录到 Kickstarter。” 但是，Drip 是 Kickstarter 团队的一员。 您可以使用 Kickstarter ID 及其密码登录网站。 他们还有一个忘记密码的链接以及登录详细信息。 您还可以使用 Facebook 登录详细信息登录。 当您在页面底部滚动时，您可以看到 Drip 是 Kickstarter 家族的一部分。 他们没有任何其他链接往返于网站的不同页面。 如果您想访问该站点，您只需单击登录表单顶部的 Drip 徽标。
7. 回顾：
Lookback 是一个让用户通过他们的应用程序完成各种任务的网站。 他们有一个功能性但外观简单的登录表单页面。 他们用大大的粗体字写着：“嘿，很高兴再次见到你！” 在此之下，他们用小写字母写了“Sign in to get going”。 您可以通过您的电子邮件地址或指定的用户名和密码登录他们的网站。 他们有一个绿色的登录按钮，定义了他们的 CTA 按钮，当您打开页面时很容易注意到这是第一件事。 页面的页脚有几个链接，但页眉仍然是空的。
8. 桨：
Paddle 是一个网站，它不允许您访问网站的其他部分，就像其他网站允许您访问的那样。 他们的登录页面具有网站的徽标以及登录输入。 您可以使用电子邮件地址和密码登录他们的网站。 蓝色登录按钮具有正确的蓝色阴影，足以吸引用户的注意力。 此外，这个蓝色阴影对于定义号召性用语按钮是正确的。 您还可以使用他们在登录表单下方提供的链接重置您的密码。
9.优步：
优步是一个受欢迎的出租车预订网站，其服务也以移动应用程序的形式提供。 这家出租车预订巨头在推出后立即吸引了观众。 他们设计了不同的登录表单：一种用于他们的司机，另一种用于他们的乘客。 让我们看一下网站为司机提供的登录表单。 在登录表单的顶部，您可以看到黑色的 Uber 徽标。 要在网站上签名，您必须提供您的注册电子邮件地址。 提交电子邮件地址后，您可以在下一页提供密码，然后按下一步按钮。 注册链接也放置在登录表单下方。 他们巧妙地将下一个按钮放置在深色中，当您打开页面时，它不会引起注意。 正如他们所说，CTA 应该始终使用不同的颜色。 此外，CTA 也应该最先出现在用户的视觉接近度中。
10.国家地理：
国家地理是管理美国电视网络的网站。 它是华特迪士尼公司和国家地理学会的合资企业。 他们的登录页面与他们的存在一样独特。 他们的登录页面要求您提供电子邮件地址和密码。 它采用极简设计，没有花哨的元素来吸引您的注意力。 但他们战略性地将他们的登录按钮设置为黄色，这也恰好是他们的 CTA。 您可以通过单击黑色按钮在同一页面上注册为新用户。 页面的标题似乎是空的，但页脚具有某些链接，可以将您带到网站的某些部分。
11. Medium.com：
Medium.com 是一个流行的网站，允许博主在平台上上传他们的博客。 他们的网站谈论来自不同领域和领域的文章和博客。 但是他们的登录页面似乎很有趣。 他们没有在登录页面上使用任何有吸引力的 CTA。 相反，该页面似乎具有简约的设计。 您可以使用 Google、Facebook、Apple、Twitter 和您的电子邮件地址登录他们的网站。 登录网站的多功能性是其登录页面的最佳部分。 您可以通过单击创建一个链接在他们的网站上注册。 他们的页眉和页脚中没有任何其他链接。 只有网站链接的服务条款和隐私政策可以在登录表单下方找到。
12.华盛顿邮报：
华盛顿邮报是一份美国报纸，每天在华盛顿特区出版，他们一直以同名华盛顿邮报运营该网站。 来到他们的登录页面，他们设计了一个简单的登录表单，带有深蓝色背景。 您可以使用您的电子邮件地址登录，也可以选择通过电子邮件地址上发送的链接登录。 此外，它还允许您使用 Amazon、Facebook、Google 和 Apple 登录。 在登录表单下方，您还可以找到注册链接。 在登录页面的底部，您可以找到隐私政策、帮助和联系页面的链接。
13.邮件黑猩猩：
MailChimp 是一家美国公司，自 2001 年以来一直处理电子邮件营销和营销自动化服务。如您所见，该网站是用白色背景制作的。 同样，他们将登录页面设计为白色背景，登录表单策略性地放置在网页的左侧。 在右侧，您可以找到有关他们最新播客 The Jump 的信息。 他们已将 CTA 放在登录按钮上。 您只能使用您的电子邮件地址和密码登录他们的网站。 它不允许通过任何其他社交媒体帐户登录。
14.丝芙兰：
丝芙兰是一家与世界级化妆品制造商打交道的法国跨国公司。 它拥有来自世界各地的约 3000 个化妆品和个人美容品牌。 他们的网站展示了他们所有的产品，网站的布局采用黑白用户交互元素设计。 他们网站中最令人兴奋的部分是他们的登录页面。 他们没有单独的登录页面。 相反，他们设计了一个弹出框，当您单击登录按钮时会弹出页面。 与 MailChimp 一样，您需要您的电子邮件地址才能登录他们的网站。 您无法使用 Facebook、Amazon 等社交媒体帐户登录他们的网站。 他们战略性地将两个 CTA 放置在对比色中。 登录按钮是全黑的，而创建帐户按钮是白色的。 这两个 CTA 都是第一个引起您注意的。
15. 双翅目：
Diprella 是一个社区网站，连接来自全球的所有设计师，让他们分享他们的项目并在平台上展示他们的设计。 由于它是一个设计师社区，它必须有一个令人惊叹的登录页面。 他们创建了一个非常有创意的登录页面。 当您打开网站的登录页面时，您可以看到两个屏幕。 在左侧，您可以看到登录屏幕，您可以通过电子邮件 ID 和密码或 Facebook 等社交媒体帐户登录。 但是如果你是新用户，你可以点击页面右侧的注册按钮。 当您点击注册按钮时，登录页面会隐藏，并且注册页面会向右滑动。 他们允许使用他们要求您提供的特定详细信息免费创建一个帐户。 除非您在输入字段中填写所有详细信息，否则注册按钮将被禁用。 您还可以使用社交网络帐户进行注册。
登录页面是不可或缺的一部分，设计师需要设计吸引当今精通技术的用户的页面。 最初，登录页面的布局很简单，因为它是用户与网站交互的关键点之一。 但是现在，惯例已经变得更好了，很容易发现到处都是令人兴奋的设计。 该博客捕获了具有令人印象深刻的设计的登录表单。 这些设计可以用作从头开始设计登录表单的灵感。 在设计登录表单时，应注意 CTA 的所有工作，并赋予其美观的外观。