关于APP登录页面优化技巧

app登录页,说简单可以很简单的做,一个图标加一个按钮直接搞定。但是说难也确实挺难,尤其是想做的稍微不一样一点。今天来展示一个登录页面优化的过程。

关于APP登录页面优化技巧

下面这个是之前的设计效果:

关于APP登录页面优化技巧

有一些问题,大概的优化点有以下4点。

1、启动图标风格可以优化

因为这是一个新的app,所以启动图标是可以相对来说优化一下的,比如现在的图标秒变有点太重了,风格比较陈旧,然后大面积的橙色也显得比较暗沉。所以直接优化了启动图标,把背景改成白色,突出人物,然后把主播版底色改成主色绿色,效果如下:

关于APP登录页面优化技巧

人物的描边、质感、配色都有所改善。

2、整体调性不够年轻,没有体现多彩的颜色

虽然直播的主色是绿色,但其实还有辅助色紫色和黄色,怎么加上这两个辅助色呢?还是有点头疼的,试了很多种方式,最后想到了一个创意,因为是直播嘛,所以是不是可以来点叠影描边,左上角加点黄色、右下角加点紫色:

关于APP登录页面优化技巧

你别说,还真有点正在直播的意思。

3、辅助图形不够精致

我们仔细观察,可以看到之前的辅助图形稍显不精致,最主要的原因就是:复杂程度不一致,有的简单,有的复杂,看起来就不太统一:

关于APP登录页面优化技巧

所以我把整体的辅助图形进行了调整优化,效果如下:

关于APP登录页面优化技巧

这样整体看起来就差不多了。

4、最后一步,景上添花的细节排版

如果还感觉比较单调,那就可以试试在排版上加点细节,比如副标题上,文字的粗细对比:

关于APP登录页面优化技巧

小修饰横线:

关于APP登录页面优化技巧

重点文字加点底色,正好可以可以体验年轻的品牌色:

关于APP登录页面优化技巧

是不是要好很多。

最后我们看下对比优化的的前后效果:

优化前:

关于APP登录页面优化技巧

优化后:

关于APP登录页面优化技巧

基本上全部的元素都有优化一轮,其实就是这样的,整体看着舒服需要里面的每一个单体都足够精致,如果单体都没做好的话,那组合起来的整体一定也是不够好的。所以一定要注重每个细节!

业界动态

PVOD模式靠什么与院线“互补”?

2021-3-3 13:12:22

业界动态

从投放需求出发聊聊DSP广告系统

2021-3-3 13:16:41

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索