花了一个周末的时间,我终于知道,原来应该这样优化这个页面!

菜心设计铺

共 925字,需浏览 2分钟

 ·

2021-03-03 00:15


菜心的第243篇原创

2021年的第22篇

距离2021年小目标100篇原创还剩78篇


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


今天来展示一个登录页面优化的过程。


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


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



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


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



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



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


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


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


3.辅助图形不够精致


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



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


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



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


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



小修饰横线:


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



是不是要好很多。


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


优化前:



优化后



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





 重要提示


菜心的第一场私密直播《作品集包装技巧》已经完成,有录播,对要找工作的好朋友们会有很大帮助,感兴趣的点击下方链接哟:





浏览 11
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报