如何设计登录页-登录界面模板设置教程

口口导航网 文章阅读 245 0

2021年规划输出原创40篇

2021年的第4篇

2021年我们互相奋斗

任何app都有登录页,但是不一样类别的APP的风味都有不一样的风味,那怎么样为APP设计适合的登录页呢?通过集中超级多的app之后,我大约那么分了一下类别,大致如下:

1、留白设计

2、轻装饰背景

3、纯色背景

4、图片背景

5、插画背景

留白设计白色简洁风味是目前较为常见的样式,整个窗口以简洁设计为主。背景纯白色,把其余元素放置在窗口中央,进行留白处理,使整个窗口充满空间感。在设计上主要以展示消息为主,让玩家专门把注意力集中于品牌和登录路径。如下图所示:

如何设计登录页-登录界面模板设置教程-第1张图片

轻装饰背景轻装饰背景就是在简洁风味的基本上添加有的品牌/业务装饰元素,在不波及消息的录入的同一时间,使窗口的细节展示更为多姿多彩。如下图所示:

如何设计登录页-登录界面模板设置教程-第2张图片

轻装饰背景设计,一是可以传递品牌感,二是可以渲染业务行业属性特性。同一时间窗口的视觉冲击力和气氛渲染力都非常强了。

纯色背景纯色背景在使用时基本选用超级多的选用品牌色来支撑界面,互搭logo进行设计。整个窗口简洁直观,且容易被玩家感知,而且能够传递品牌消息与业务消息。如下图所示:

如何设计登录页-登录界面模板设置教程-第3张图片

需要小心的是,该方法多用在登录消息简单,或者以第三方登录为主的窗口中。

网易猪场云音乐、微视、腾讯课堂均选用品牌色进行设计,同一时间可以就这样看出他们的登录消息都较少,在视觉设计上也较为简洁。

图片背景图片背景与纯色背景相比,其优势是图片更容易吸引人的小心力,更容易传递情感引起玩家共鸣,也比较让玩家感知业务的用途,强化了品牌的行业属性。大多用来垂直类的APP中。如下图所示:

如何设计登录页-登录界面模板设置教程-第4张图片

图片背景其图片是整个窗口的核心,因此想要寻找一个符合业务的图片是不易的事件,在进行图片查找时我们也需要有目的性地找到。

例如携程选择的和旅行的图片;悦跑圈用了较为跑步的图片;keep选用全屏动图让整个登录窗口更加生动。

插画背景插画背景可以根据本身业务特性进行插画设计,在进行插画设计时加入品牌查看元素,或者和品牌有关元素,让窗口有着可查看性、乐趣性。如下图所示:

如何设计登录页-登录界面模板设置教程-第5张图片

总结以上就是我个体对于不一样登录页的有的总结,如果你正在做登录页,渴望可以给你一点思路启发。

抱歉,评论功能暂时关闭!