如何设计登录页，看看这5种不同类型的登录页！
时间：2023-09-22 21:48:01 | 来源：网站运营
时间：2023-09-22 21:48:01 来源：网站运营
如何设计登录页，看看这5种不同类型的登录页！：2021年计划输出
原创40篇2021年的
第4篇2021年我们
互相努力所有APP都有登录页，但是不同类型的APP的风格都有不同的风格，那如何为APP设计合适的登录页呢？通过研究大量app之后，我大概分了一下类别，大致如下：
1、留白设计
2、轻装饰背景
3、纯色背景
4、图片背景
5、插画背景
留白设计
白色简洁风格是目前较为常见的样式，整个界面以简洁设计为主。背景纯白色，把其余元素放置在界面中央，进行留白处理，使整个界面充满空间感。在设计上主要以展示信息为主，让用户专注于品牌和登录路径。如下图所示：
轻装饰背景
轻装饰背景就是在简洁风格的基础上添加一些品牌/产品装饰元素，在不影响信息的录入的同时，使界面的细节展示更为丰富。如下图所示：
轻装饰背景设计，一是可以传递品牌感，二是可以渲染产品行业属性特征。
同时界面的视觉冲击力和氛围渲染力都非常强了。
纯色背景
纯色背景在使用时往往采用大量采用品牌色来支撑画面，搭配Logo进行设计。整个界面简洁直观，且容易被用户感知，而且能够传递品牌信息与产品信息。如下图所示：
需要注意的是，该方式多用在登录信息简单，或者以第三方登录为主的界面中。
网易云音乐、微视、腾讯课堂均采用品牌色进行设计，同时可以看出他们的登录信息都较少，在视觉设计上也较为简洁。
图片背景
图片背景与纯色背景相比，其优势是图片更容易吸引人的注意力，更容易传递情感引起用户共鸣，也比较让用户感知产品的用途，强化了品牌的行业属性。大多用于垂直类的APP中。如下图所示：
图片背景其图片是整个界面的核心，因此想要找到一个符合产品的图片是不易的事情，在进行图片查找时我们也需要有目的性的寻找。
比如携程选择的和旅行的图片；悦跑圈用了较为跑步的图片；keep采用全屏动图让整个登录界面更加生动。
插画背景
插画背景可以根据自身产品特征进行插画设计，在进行插画设计时加入品牌识别元素，或者和品牌相关元素，让界面具有可识别性、趣味性。如下图所示：
总结
以上就是我个人对于不同登录页的一些总结，如果你正在做登录页，希望可以给你一点思路启发。
原文链接：
https://mp.weixin.qq.com/s/nHaaNgdqCYgqU_mW-hPq4w
在线咨询
