我滴妈,服了,画面还能这么改啊!
加微信 “UIchongneng”进设计交流群
我们可以看的出来,主体其实画的还不错,没有太大问题,主要是背景问题比较大,还有就是整体画面比较空,元素也比较随意,排版也有很大问题。
我们一个一个来优化,先来看第一点:
背景
我们把原版的主体去掉,单看背景:
简直不能看,太乱了。我们需要做到一点,就是一个画面不论什么部位,单独拿出来都是能看的,这样整体加起来才会好看!
一个点不精致,就会有更多的点不精致,这些点一多,整体就完蛋了,然后也不知道怎么优化了,因为差的有点太多了。
我们做背景,可以简单,但不能乱加,比如我们就简单的先画个纯色:
然后加个前景层次层次:
然后再背景层加一点渐变:
其实这样就已经好很多了,我们对比下原版背景:
然后我们再加点纹理:
这就稳多了!就这么简单。
接下来我们把主体放在画面里:
这样就好多了,我们继续优化,看第二个点:
其实元素就是有点空,画的也不太精致,这里我们就先用原形替代元素,看看怎么把画面变得稍微饱满一点。我们可以在前景放一个:
然后在后面放一个:
这样就会饱满很多了,大家平时做画面的时候,可以尽量放一些有意义的元素,那样会更有创意,这里只是简单示范饱满度,就不放实际元素了。
最后我们再看下最后一个问题:
其实排版真的很重要,同学交了两次作业,排版都做的不太ok:
我还是那个思维,我们可以用最简单的排版方式,但要保证不出问题,这个很重要。最简单的排版方式,就是两排文字,用大小和粗细一对比,就完了:
我做的很多引导页,都是用的普通字体,主要是把主体做好,就行了:
一个画面,不用所有东西都那么亮眼,但至少要有一个东西亮眼,最后得效果才是ok的!
总结
我们再看下,优化后的前后对比:
没思路的时候,多看我的文章,或者多找找参考,不要自己闷头想,脑子里没有那么多东西,想到爆炸也还是没有,只能去外界获取更多知识,才能开阔思路!
加油!
— 回复关键词获取资源 —
小程序控件 | 包图小白体 | 面试技巧 | 图标规范
UI设计规范 | UI教程 | AE教程
字体设计 | 作品集 | 点这里获取更多资源
评论