花了一个周末的时间,我终于知道,原来应该这样优化这个页面!
共 925字,需浏览 2分钟
·
2021-03-03 00:15
菜心的第243篇原创
2021年的第22篇
距离2021年小目标100篇原创还剩78篇
app登录页,说简单可以很简单的做,一个图标加一个按钮直接搞定。但是说难也确实挺难,尤其是想做的稍微不一样一点。
今天来展示一个登录页面优化的过程。
下面这个是之前的设计效果:
有一些问题,大概的优化点有以下4点。
1.启动图标风格可以优化
因为这是一个新的app,所以启动图标是可以相对来说优化一下的,比如现在的图标秒变有点太重了,风格比较陈旧,然后大面积的橙色也显得比较暗沉。所以直接优化了启动图标,把背景改成白色,突出人物,然后把主播版底色改成主色绿色,效果如下:
人物的描边、质感、配色都有所改善。
2.整体调性不够年轻,没有体现多彩的颜色
虽然直播的主色是绿色,但其实还有辅助色紫色和黄色,怎么加上这两个辅助色呢?还是有点头疼的,试了很多种方式,最后想到了一个创意,因为是直播嘛,所以是不是可以来点叠影描边,左上角加点黄色、右下角加点紫色:
你别说,还真有点正在直播的意思。
3.辅助图形不够精致
我们仔细观察,可以看到之前的辅助图形稍显不精致,最主要的原因就是:复杂程度不一致,有的简单,有的复杂,看起来就不太统一:
所以我把整体的辅助图形进行了调整优化,效果如下:
这样整体看起来就差不多了。
4.最后一步,景上添花的细节排版
如果还感觉比较单调,那就可以试试在排版上加点细节,比如副标题上,文字的粗细对比:
小修饰横线:
重点文字加点底色,正好可以可以体验年轻的品牌色:
是不是要好很多。
最后我们看下对比优化的的前后效果:
优化前:
优化后:
基本上全部的元素都有优化一轮,其实就是这样的,整体看着舒服需要里面的每一个单体都足够精致,如果单体都没做好的话,那组合起来的整体一定也是不够好的。所以一定要注重每个细节!
重要提示
菜心的第一场私密直播《作品集包装技巧》已经完成,有录播,对要找工作的好朋友们会有很大帮助,感兴趣的点击下方链接哟: