大总管默默

今天再来给大家优化一个同学的作业,正好也来分享一下,我在作图时候的小思路,小技巧。作业的原图是这样的:

图片

我们可以先来分析一下,问题在哪里。
我们可以看的出来,主体其实画的还不错,没有太大问题,主要是背景问题比较大,还有就是整体画面比较空,元素也比较随意,排版也有很大问题。

我们一个一个来优化,先来看第一点:

 

背景

我们把原版的主体去掉,单看背景:

图片

简直不能看,太乱了。我们需要做到一点,就是一个画面不论什么部位,单独拿出来都是能看的,这样整体加起来才会好看!

一个点不精致,就会有更多的点不精致,这些点一多,整体就完蛋了,然后也不知道怎么优化了,因为差的有点太多了。

我们做背景,可以简单,但不能乱加,比如我们就简单的先画个纯色:

图片

然后加个前景层次层次:

图片

然后再背景层加一点渐变:

图片

其实这样就已经好很多了,我们对比下原版背景:

图片

然后我们再加点纹理:

图片

这就稳多了!就这么简单。

接下来我们把主体放在画面里:

图片

这样就好多了,我们继续优化,看第二个点:

 

元素

其实元素就是有点空,画的也不太精致,这里我们就先用原形替代元素,看看怎么把画面变得稍微饱满一点。我们可以在前景放一个:

图片

然后在后面放一个:

图片

然后再中间再放一个:

图片

这样就会饱满很多了,大家平时做画面的时候,可以尽量放一些有意义的元素,那样会更有创意,这里只是简单示范饱满度,就不放实际元素了。

最后我们再看下最后一个问题:

 

排版

其实排版真的很重要,同学交了两次作业,排版都做的不太ok:

图片

我还是那个思维,我们可以用最简单的排版方式,但要保证不出问题,这个很重要。最简单的排版方式,就是两排文字,用大小和粗细一对比,就完了:

图片

这样不会出现问题,如果想做的更好,可以修一修字体,或者加点字效,但如果最终效果不佳,那还不如就用普通的字体就完了。

我做的很多引导页,都是用的普通字体,主要是把主体做好,就行了:

一个画面,不用所有东西都那么亮眼,但至少要有一个东西亮眼,最后得效果才是ok的!

 

总结

我们再看下,优化后的前后对比:

图片

因为主体画的还行,就没有改动太多,主要从背景、元素饱满度、排版三个方面进行的优化,希望过程可以给大家一点启发!

没思路的时候,多看我的文章,或者多找找参考,不要自己闷头想,脑子里没有那么多东西,想到爆炸也还是没有,只能去外界获取更多知识,才能开阔思路!

加油!

 

原文地址:菜心设计铺(公众号)

作者:菜心

图片

转载请注明:学UI网 » 我滴妈,服了,画面还能这么改啊!

登录收藏
 
你可能喜欢的:
实现设计提效22%——网易天枢研发纪实实现设计提效22%——网易天枢研发纪实
哦,原来这样可以更高级!哦,原来这样可以更高级!
这么好的设计排版技巧,不看亏了啊!这么好的设计排版技巧,不看亏了啊!
B端设计经验总结-帮助新人快速上手B端设计经验总结-帮助新人快速上手
时间还能这么玩?这些设计也太6了时间还能这么玩?这些设计也太6了
数字化浪潮下,设计师如何驱动技术类SaaS产品的升级与创新?数字化浪潮下,设计师如何驱动技术类SaaS产品的升级与创新?
P了两个圆,价值800万?P了两个圆,价值800万?
工作经验|组件的使用规范,如何更好记和更好用?工作经验|组件的使用规范,如何更好记和更好用?
在UI布局排版中,让界面快速出彩的7个技巧在UI布局排版中,让界面快速出彩的7个技巧
不就是一个头像吗?你个交互还能怎么去优化它...不就是一个头像吗?你个交互还能怎么去优化它…