我滴妈,服了,画面还能这么改啊!

共 1408字,需浏览 3分钟

 ·

2022-05-13 13:30

加微信  “UIchongneng”进设计交流群  



文章来源:菜心设计铺


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


我们可以先来分析一下,问题在哪里。

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

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

背景

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


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

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

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


然后加个前景层次层次:


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


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


然后我们再加点纹理:


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

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


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

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


然后在后面放一个:


然后再中间再放一个:


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

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



排版

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


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



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

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


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

总结


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


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

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

加油!


---------------------- END ----------------------


   回复关键词获取资源   

小程序控件 | 包图小白体 | 面试技巧 | 图标规范

UI设计规范 | UI教程 | AE教程

字体设计 | 作品集 | 点这里获取更多资源



设计交流  |  加设计群  |  商务合作
添加微信:UIchongneng (需备注)
公众号      |      微信群
关注我 设计之路和 3w+ 位设计师携手前行!
❤️❤️❤️

点击“阅读原文”,加入免费星球一起聊设计~
 
浏览 9
点赞
评论
收藏
分享

手机扫一扫分享

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

手机扫一扫分享

分享
举报