ui设计怎么做 改善难看的画面

　　有时候遇到一个大问题，我们必须要学会拆解，不然很难得到答案，一个画面还不够好，那一定是组成这个画面的某些要素还有待提高! 好，现在来把页面可以优化的要素逐一展示一番。

　　颜色与质感

　　这版的颜色我认为问题不大，但质感却给画面减分不少，过于油腻了，尤其是下面这种：

　　显得不是很，有点土土的感觉。所以我去掉了质感，把它们变成了平的图形：

　　这里的一个核心观点就是，既然质感没加好，那就直接不加了!在别的地方好好发力!

　　背景

　　因为前景有两三层云的图形，所以为了让整体更加和谐，我在背景加了一些纹理细节：

　　只要纹理加上，整体看起来就会精致很多。

　　元素

　　做画面，如果每个单体都是不够精致的，那整体是不可能太好的，所以我把画面中的元素进行了优化，还拿了一些之前可以复用的、符合主题的、足够精致的元素：

　　这里有一个元素的优化非常明显，就是这个日历的样式，我们看下前后对比效果：

　　之前的厚度不够饱满、前后两块的厚度对比也过于平均，还有颜色也没那么通透，优化之后效果就好多了。

　　这里还有一个点要注意，就是元素zui好穿插在层与层之间，这样会看起来比较自然，也会让画面更加的丰富。

　　标题

　　之前的标题是偏向3d效果的，效果其实并不是特别理想，所以我去掉了3d效果，把字体简单修饰了一下：

　　然后用扁平的投影做成假3d效果：

　　因为我想在浅色背景上突出文字，所以把投影加的有点太黑了，整体不够融合，后来优化了一下投影颜色：

　　这样整体就和谐很多了。

　　排版

　　其实zui开始的时候，中间标题部分还是有些单一的：

　　有点压不住重心，这里采用了两个手段：

　　其一是在丰富排版，整体没那么空：

　　其二是在字体上加一笔灵魂，一个微笑的表情，给人一种轻松做任务的感觉：

　　这样中间部分的排版就看起来饱满多了。

　　总结

　　这次主要想分享在思考一个大问题的时候，如何进行问题拆解，比如刚才的案例，说一个画面不够好，太大了，我们需要细分，把画面分成：颜色、质感、排版、背景、元素，等等，然后把有问题的地方挑出来进行逐一优化，当每个部分都做好时，那整体也就差不多了，这时候，大问题也就解决了!