大总管默默

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

图片

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

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

 

背景

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

图片

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

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

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

图片

然后加个前景层次层次:

图片

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

图片

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

图片

然后我们再加点纹理:

图片

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

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

图片

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

 

元素

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

图片

然后在后面放一个:

图片

然后再中间再放一个:

图片

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

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

 

排版

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

图片

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

图片

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

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

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

 

总结

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

图片

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

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

加油!

 

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

作者:菜心

图片

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

登录收藏
 
你可能喜欢的:
选项篇 | 单选/复选/拨动开关的使用小技巧!选项篇 | 单选/复选/拨动开关的使用小技巧!
设计驱动!体验UP!高手设计师必备工具包设计驱动!体验UP!高手设计师必备工具包
案例锦囊|交互设计中「防呆手法」的巧妙应用!案例锦囊|交互设计中「防呆手法」的巧妙应用!
生产力体验—多端多角色的精益协作生产力体验—多端多角色的精益协作
B端组件红黑榜B端组件红黑榜
APP中的折叠菜单应该如何设计?先看这份设计解析APP中的折叠菜单应该如何设计?先看这份设计解析
设计进阶:一个案例,掌握设计价值密码设计进阶:一个案例,掌握设计价值密码
设计师做方案还要解方程?是不是有大毛病设计师做方案还要解方程?是不是有大毛病
工作经验|设计组件的更新和优化,需要哪些流程?工作经验|设计组件的更新和优化,需要哪些流程?
我是万万没想到,这么复杂的效果,竟然是用这么简单的工具做出来!我是万万没想到,这么复杂的效果,竟然是用这么简单的工具做出来!