辛辛苦苦做的设计，被人说没质感，结果两招就搞定了！

今天和大家分享几个提升设计质感的小技巧，大纲如下：

1.明暗是影响质感的最关键因素

2.边缘光的重要性

3.前中后景的三个层次

1.明暗是影响质感的最关键因素

我们来看一组对比，左侧是原作，右侧是同学们的练习作品：

很明显，练习作品的质感没有原作好，其中最重要的一个原因就是，原作的明暗交接线非常清晰，明暗对比很强烈，而练习作品就会有点平。

很久之前做的这个作品，当时看起来还可以：

但现在一看，也是缺少明暗对比，导致整体质感差了很多，人家下面这种在明暗方面就对比很强烈：

所以，质感看起来就杠杠滴！

再比如下面这组对比，上面的是原做，下面的是临摹：

我觉得临摹的要比原作好，我们看底部对比，下面那个底部暗部足够暗，形成强烈明暗对比，整体质感看起来就很舒服。

这个明暗非常重要，要牢记啊！

2.边缘光的重要性

再来说一个影响质感的因素——边缘光。

我们看下面这个对比，左侧为网上原作，右侧为练习作品：

能看出来什么问题吗？右侧是不是和背景糊在一起了？如果，主体都和背景糊在一起了，那层次肯定就不够，整体效果也就差了很多。而这一切的问题都是因为没有加边缘光导致。

其实以前做项目的时候，我也遇到过这类问题，比如这个页面，最开始也是主体和背景糊在一起：

后来加了一点边缘光，调整一下灯光色调：

效果立马就好多了。

其实很多作品，都是带有边缘光的，这光一加上，立马就感觉高级很多：

是不是，兄弟们！

3.前中后景的三个层次

下面这组设计是十豆三同学做的：

最开始做的更新是比较常规的火箭，后来用品牌形象加飞船元素改了一版，更加有创意和特点了。

但是这里我们来说下后面这张图的不足，我会觉得主体和背景衔接的还不够自然，如果我们把画面分成前中后三个层级，这个画面就缺少了一点中层的内容。

我也经常做这种类似的画面，比如这种：

如果说黑色是背景，白色形象是前景，那么背景上面的这些元素就是中景：

这个中景是提高画面整体质感的关键因素之一，非常重要，不可忽视！

再比如这个画面：

也是在中景加了一些图形和鸡蛋，让整体画面更加丰富，层次更加清晰。

总结

好了，以上就是我经常使用到的提升设计质感的小方法，希望可以帮助到大家，么么扔！

主页君个人微信

添加主页君个人微信领取：大厂设计规范及组件库、免商中文字体、样机、作品集等

推荐阅读

（点击标题可跳转阅读）

一个App首页设计的改版思路
总监问我为什么要用卡片设计？好在哪，怎么做？看完这篇文章全明白了！
微信淘宝这些设计细节，现在知道也不晚

回复 灵感 获取UI设计灵感合辑

点个 “ 在看” 好文不断