莫b

今天和大家分享几个提升设计质感的小技巧,大纲如下:1.明暗是影响质感的最关键因素、2.边缘光的重要性、3.前中后景的三个层次。

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

我们来看一组对比,左侧是原作,右侧是星友的练习作品:

图片

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

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

图片

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

图片

所以,质感看起来就杠杠滴!

再比如下面这组对比,上面的是原做,下面的是临摹:

图片

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

兄弟们,这个明暗非常重要,要牢记啊!

 

2.边缘光的重要性

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

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

图片

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

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

图片

后来加了一点边缘光,调整一下灯光色调:

图片

效果立马就好多了。

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

图片

是不是,兄弟们!

 

3.前中后景的三个层次

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

图片

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

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

我也经常做这种类似的画面,比如这种:

图片

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

图片

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

再比如这个画面:

图片

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

 

总结

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

 

原文地址:菜心设计铺(公众号)
作者:菜心设计铺
图片

转载请注明:学UI网 » 辛辛苦苦做的设计,被人说没质感,结果两招就搞定了!

登录收藏
 
你可能喜欢的:
HMI设计需要遵循什么设计原则?HMI设计需要遵循什么设计原则?
业务想大多全,用户要精准简,首页设计该如何破局?业务想大多全,用户要精准简,首页设计该如何破局?
设计的「七宗罪」设计的「七宗罪」
最近访谈了海外用户,总结几点意外收获最近访谈了海外用户,总结几点意外收获
15条APP体验设计的思路分析15条APP体验设计的思路分析
设计师如何提升总结力设计师如何提升总结力
淘宝订单页改版分析:如何提高支付转化率淘宝订单页改版分析:如何提高支付转化率
工作经验| B 端产品组件设计细节及经验分享(三)工作经验| B 端产品组件设计细节及经验分享(三)
作品集别用这几个设计目标了,太老套作品集别用这几个设计目标了,太老套
项目总结|红包设计测试,驱动裂变数翻三倍项目总结|红包设计测试,驱动裂变数翻三倍