一秒让你的设计图更值钱！

标题这句话，是否有点儿熟悉？需求方是不是不止一次和你说过这么刺耳的话？

好的，那么这一期，就大家聊聊什么是设计中的品质感，或者高级感。

相信不少同学都遇到过客户会用“没有品质感”或者“廉价”这样的形容词来否定你的作品吧？

遇到这样的客户你大概是这样想的：

除了在心里画圈圈诅咒，我们也要反思一下到底什么是客户口中的“品质感”，什么样的设计才会显得不廉价，有高级感。

我们先来看两张图：

这两张图哪张更有品质感？

你肯定会说左边的图太满太花了，满满的廉价感。右边的图留白很有意境，当然更有品质感。

再看两张图：

这两张图哪张更有品质感？

是不是觉得左边太空了，而右边的手绘风很有视觉冲击力，看起来更有品质感。

不是说好了留白就有品质感的吗？

WHY？WHY?WHY? 三连问！

由此可知，品质感并不是由某个单一的维度决定的。

那具体是由哪些因素来决定的呢？

凡事总有套路的，下面我就给大家总结几条方法，掌握了这些方法之后，就能大大提高你设计的品质感。

在我看来，品质感首先体现在精准性上：

1、内容精准，不多也不少。

2、风格精准，准确表达主题。

侬懂阿拉的意思伐？

在精准性的基础上，再进行视觉加工。这样你就能得到一个看起来有品质感的作品。

精准的设计是这样的：

不精准的设计，可能是这样的：

不是歧视女性健美或者异装癖，只是说这些不是主流审美。

看到没有，如果方向错了，就会整个感觉都不对，更不要谈什么高级感。

那怎么达到设计的精准性呢？

设计无非是由文案和图片构成，那我们就把问题细化成如何选择正确的字体与图片。

字体

字体风格我之前也有专门的文章聊过，

下面是搬出2张当年那个教程的图。想看完整版的同学可以回复：字体选择，再去复习一下。

我们看看具体案例：

左图：白骨精的文案有一定的戏谑成分，但是字体选择了正式的黑体，风格过于严肃，没有充分表达好主题。

右图：漫画表情与轻松活泼的手写体风格很搭。

主标题字体过于硬朗，与女性的柔美气质不搭。

另外上图的中文与数字风格也有差异，中文是偏现代的黑体，而数字是偏复古的衬线体。

这个字体够粗了，但是一点都不运动。

下面这些是正面案例：

综上，可以看出来，字体并不一定需要复杂的变形，只要气质对了，简简单单效果也很不错。

接下来我们再看看图片的问题。

图片

图片虽然不像字体那样有明显的风格取向，但是也有很多细节处理，会极大的影响到图片的品质感。

首先是清晰度。

毫无疑问，高清图有着很强的品质感，而模糊的图会大大拉低设计的档次。

其次是图片裁剪的比例问题。

图片裁剪不是越大越好，而是要视画面表达的主题而定。过大了会造成信息丢失，过小了则会造成画面不够饱满。

从上面这两个图我们可以得出图片裁剪的两种思路：

1、保留画面信息完整的前提下，尽量让主体放大，这样使画面更加饱满。

2、如果只想突个局部细节的话，则可以突出画面中最精彩的部分，将缺点部分隐藏。

人物的裁剪需要更加仔细，一些关键的部分（比如说眼睛、关节等）如果被裁到就会看起来极不舒服。

下面通过实例演示一下图片的裁切注意事项。

要保证人物的主体躯干在一个合适的区域内，过于贴边了会显得很局促。

一些重要的部位，如关节，尽量不要切到。

人物的重心尽量放到九宫格的分割线上，这样会比较符合黄金分割的比例，视觉上更有美感。

我这里用到了参考的框和线，并不代表你在实际的工作中也需要建立这些参考线。经过长期的训练，这些参考线应该是存在你脑中的。有经验的设计师随便一拖，都能让人物处于黄金比例的位置。

好了，关于字体和图片的就讲完了，做完这一步，还只是打好了基础。下面我们来看看风格和细节上有哪些方法可以提升设计感。

一般来说，高品质的设计可能各有各有好，但是廉价的设计却有着类似的毛病，其中最常见的问题就是效果多、颜色杂、画面满。

比如说下面两个图，同样是促销，可以做得天花乱坠，也可以清新脱俗。哪个更有品质感呢？一目了然。

在缺乏控制力的时候，往往是做多错多。

因此，做减法是提升设计品质感的最直接的方法了。

下面我们看看可以从哪些方面给设计做减法。

1、去掉多余的颜色

多余的颜色，就如柯基一样。

色彩是用户对设计的第一感官印象，简单纯粹的色调能第一时间击中用户，让人印象深刻。

下面这组图虽然也有主色调，但明显主色调被其它多余的颜色冲淡了，看起来明显不如上一组图品质高。

2、谨慎使用特效

低品质的特效什么的，不要多用！

新手们刚做设计的时候往往很迷恋特效，整天研究PS滤镜，页面一出来自我感觉狂拽酷炫屌炸天。

殊不知，高手看一眼之后，心里只会轻蔑一笑：不怕没品味的人，就怕没品味的人用心。

立体字和走马灯这些浮夸的特效拯救不了你的设计，只会让页面失控。

记住，简单和平凡才是永恒的，不要过于迷恋外面的花花世界。

3、留白才是提升逼格的大杀器

说起留白，一些新手可能会不明觉厉，听说过，但是不知道怎么使用。

首先大家要走出一个误区，留白并不是指页面上一片白色。

如下图所示，白色是留白，黑色也是留白，当然，留白也可能是其它颜色。

其次，留白不是指页面上什么都没有。

留白的真正含义是留出空间。

最后，留白并不是越多越好。

留白本质上是用来构图的一种方式，留白的存在是为了烘托、聚焦视觉主体，把握好主体与留白之间的比例关系非常重要。

因此，留白如果恰到好处，那就是化龙点睛，如果比例过大，那可能就会是呆板和空洞。

好了，理解了留白的基本概念之后，我们再来看看留白具体可以有什么用。

简单一句话概括：

留白最大的作用就是聚焦主体。

给主体留的空间越多，它就越容易受到关注。在视觉上也会更容易形成强势感。

下面通过案例来看看具体怎么留白。

这是一张正常的构图。

那我们可以怎样使用留白来改变画面呢？

我给大家介绍两种最简单的方法。

方法一：留出想象空间。

通过大量的留白，让这只猫像是走入了一个未知的空间去，给人留下无穷的想象。

使用同样手法的案例：

方法二：放大细节。

剪除多余信息的干扰，将画面聚焦到某一个细节上，用细节去打动用户。

类似的案例：

商业设计中，页面的空间是寸土寸金，大量的留白其实是很奢侈的。这种奢侈浪费无形中会给人一种自信感：只有足够优秀，才敢这么大方的展示出来。

好了，前面讲了很多提升设计品质感的方法，可能你看了之后会说，道理我都懂，但是做起来就不是那么回事了。。。

有没有一学就会的简单的方法？

对于这样的同学，我只想说

。

。

。

你问对人了，还真就有！！

所谓必杀技，那一定是无形胜有形，一击必中的大招。

这招要学也不难，你只要记住心法口诀就可以了：

黑白噪点压大字

高端大气上档次

不信？且看案例：

普普通通农村大爷是不是？

。

。

。

duang。。。

改革开放历史进程中的代表人物

实拍农村小学生写作业

。

。

。

duang。。。农村孩子登上纽约时报

乡村爱情写真

。

。

。

duang。。。

岁月静好、现世安稳的纯朴之美。

好了，招数都讲完了，不知道你都GET到没有？