1. 首页

别把设计只当成是排版、配色···

以上说的这些观点都是对,但是你们有没有发现一个问题,就是这些观点的关注点都是在一些具体的细节上,比如排版、配色、字体设计、修图等方面,却没有从整体去评估这件作品是否有完成设计需求,可不可以让它的效果变得更好。版式相符不同的排版方式也是有调性差别的,比如下图是一则苹果电子手表的轮播图,图片部分给人的感觉比较高大上,所以文字的排版像下图一样简简单单就可以了。主要是排版位置与色彩的关联。

别把设计只当成是排版、配色···

有人也许会说,并没什么明显的弊端啊,产品和卖点都很突出、排版清晰整洁、各元素对比很鲜明、色彩与产品调性也是相符的,要不把字体再设计一下?把照片再修漂亮一点。以上说的这种看法都是对,但是他们有没有看到一个疑问,就是那些观点的关注点都是在一些具体的细节上,比如排版、配色、字体设计、修图等方面,却没有从整体去评估这件作品能否有完成设计需求,可不可以让它的效果更加更好。产品主图的首要目的是要吸引消费者的留意,而上图在这一方面做得明显不够,因为它既不是很可爱,视觉冲击力又不太强;既没有与同类产品的主图有显著差异,也没什么含义,这样的设计一般很难让用户买单,就算客人买单了实际效果也不会太好。而即使我们在设计方式做一点设置,比如像下图这样,不是直接的列举文字和照片,而是把设计方式与产品的属性结合上去,是不是就比上图更新颖、更有趣了一点。

别把设计只当成是排版、配色···

此处并没把功夫花在字体设计上,因为必要性不大。所以说,不论是做设计而是看设计,我们都必须要遵循从大到小、从整体到局部的过程,先确保有一个好的大方向,再去加强细节。具体怎么做呢?接下去我将从四方面来具体体现。

◇◆一、准确传达诉求◆◇这是平面设计最重要也是最基本的方法,却一直会被这些设计师忽略,所以我们可以看见这些作品花里胡哨,却连自己想要传达什么信息都没讲明白,或者会让人造成误解,这是很可怕的。那么想要精确传达诉求该如何做呢?1.信息要便于阅读

a.重点信息要突出。将标题、标题中的关键字、价格、优惠信息、活动时间、电话号码等,用大一点的字号、粗一点的字体突出,不仅能提高其传达率,还能使文字排版更有张弛。比如以下这则海报:

别把设计只当成是排版、配色···

从总体来看,版面下方的主题被重点突显,上面的信息相对缺失。

别把设计只当成是排版、配色···

从局部来看,在主题中,设计师又非常突显了“该你上场”这几个字,这么处理会以便读者迅速了解海报的核心内容。

别把设计只当成是排版、配色···

b.信息分类明确。在一张海报中,信息或许会有众多,如主题、副标题、小标题、内文、时间、地址、电话等信息,这时就要将他们进行合理的分类,以免信息太过繁杂、相互干扰,影响阅读。例如图示的信息就很显著地被分成了五大块,可以让读者很清晰地阅读、理解版面上的信息。

别把设计只当成是排版、配色···

在此处,设计师合理利用了间距的关系,以及统一各同类信息的排版方式、元素、色彩等,来超过版面中各信息的统一与区隔。

别把设计只当成是排版、配色···

比如以上这两点外,把文字对齐排列、保证字体的辨识性或者文案的恰当阅读顺序等等,都能提高信息的易阅读性。

2.创意简单、准确

创意可以使设计更加更有趣、更有内涵,但趣味也会在必定程度上增加理解的门槛,所以在商业设计中的趣味一定要简练且精确。比如下图是我早前做的一则冰箱广告,想表达该冰箱保鲜功能好的诉求,虽然时尚很有趣,但老实说理解出来会有一点难度。

别把设计只当成是排版、配色···

别把设计只当成是排版、配色···

下图的剧照同样也有要体现冰箱保鲜功能效果好,但该创意更直观,所以理解出来会简单太多,而且方式上也并不是太常规。

别把设计只当成是排版、配色···

3.配图与主题相符图片是设计的主要组成元素,它除了能使版面更好看、增强视觉冲击力,而且照片原本也无法释放信息,帮助受众理解。当然,前提是你配的照片在调性和寓意上要与主题相符,如果仅仅认为照片好看就放出来是不可取的。

别把设计只当成是排版、配色···

以上是给同一个主题配上不同场景的两个设计方案,很显著左图比右图在调性上和元素内容上要更符合主题的意愿。◇◆二、设计调性与主题相符◆◇1.字体相符特别是标题字体,由于字号一般非常大,占的空间也非常大,它的色调会影响到整个场景的调性,所以你要有素质评价什么样的主题、画面,适合使用哪个类别的图标,这一点你可以去看看同类产品、品牌设计的做法。

别把设计只当成是排版、配色···

在logo设计中字体调性也要与品类和图形相符,下图是一个互联网品牌的Logo,它的图形是由几何线条组合成的一只鸟,那它的标准字用哪个类别的图标更适合呢?通过对比我们可以看出左图的图标比右图的字体更适合一些,因为后者的色调与照片的调性更统一。

别把设计只当成是排版、配色···

2.颜色相符色彩原本是带有一定寓意的,所以在配色颜色时,要选用与主题寓意相近的色调。例如右图是一则海外银行卡的banner,主题和配图都跟旅行相关,而背景却用了玫红色,虽然绿色、蓝色、白色配色在一起很可爱,但在调性上与旅游不相符,因而不是一个好的选择。

别把设计只当成是排版、配色···

然而我再次搭配了一个寓意自然、纯净的红色背景。

别把设计只当成是排版、配色···

3.风格相符设计的样式有众多,但并不是使用哪个样的样式都行,例如目标消费群是年轻女性的面膜包装设计合适使用二次元风格。

别把设计只当成是排版、配色···

而以中老年人为目标消费群体的保健品包装就不大合适这种样式,它非常合适的是美国风和复古风。

别把设计只当成是排版、配色···

孩子奶粉的广告通常会用抽象或绘画风格,以体现产品健康、天然的特点。

别把设计只当成是排版、配色···

别把设计只当成是排版、配色···

而艺术感非常强、色彩相当浓厚的波普风就不合适该类品牌的设计。

别把设计只当成是排版、配色···

4.形式相符形式对设计的个性和吸引力有巨大的妨碍,例如以文字成为主题打造场景的设计方式,比较合适主题类海报,或者产品是服务的海报设计,但不太合适做以实物产品为主的海报设计,因为该方式无法突出产品。

别把设计只当成是排版、配色···

也有下图这样发散构图的方式,适合体现比较酷、比较热闹的主题,但不太合适表现温暖、安静等主题。

别把设计只当成是排版、配色···

5.版式相符不同的排版方式也有有调性差别的,比如下图是一则苹果电子手表的轮播图,图片部分给人的觉得非常高大上,所以文字的排版像下图一样简简单单就可以了。

别把设计只当成是排版、配色···

而即使像右图一样用蓝色块将文字突出,并且极力的与logo错位排版,反而给人很low的觉得,与品牌或者照片调性都不匹配。

别把设计只当成是排版、配色···

6.元素相符

虽然是体现统一内容的元素,其调性也是会有巨大差异的,比如因为长相、发型、着装、表情的不同,会造成模特的个性也是巨大差异,有的会倾向朴实、有的非常商务、有的相当潮、有的非常霸道、有的相当温暖等等,我们再给场景搭配模特时也要选用气质匹配的。例如下图的气息非常舒适,所以需要搭配一个外形看上去非常潮的模特。

别把设计只当成是排版、配色···

而下图的超模穿着非常职业,所以不太合适用在此处。

别把设计只当成是排版、配色···

◇◆三、形式要有吸引力◆◇做好了前两点还只是是把设计做对了而已,想要做好,表现方式很关键。文章开头列举的事例之所以中规中矩,就是由于体现方式太普通,葱爷通过总结发现,优秀的体现方式需要满足有趣、新颖、视觉冲击力强,这两者中的起码一个条件。

别把设计只当成是排版、配色···

1.有趣设计方式有趣的作品相比无趣的作品更有魅力,更能赢得受众的好感,所以有趣也是衡量设计优劣的一个重要指标。我们可以借助图形创意、拟人、增加互动、使用儿童或动物元素等方法,来提高设计的创意性。

别把设计只当成是排版、配色···

▲上图运用拟人的技巧来突显趣味性。

别把设计只当成是排版、配色···

▲上图把帅气的emoji表情与人物结合,表现技巧独特而有趣。

别把设计只当成是排版、配色···

▲上图把文字变成实物来与照片元素出现互动,也挺有意思。

2.新颖如果你总是用很常规、很老的体现方式做设计,不仅会很乏味,而且很难起到好的效果,因为用户和消费者都尚未视觉疲劳了。所以经常做设计的之后,不要总想着按按最常用、自己最熟悉的方法来做,而是要想想怎么带给受众新的触觉感受,我们可以跨市场去找参考,很多在其它行业非常常用的方式,在本市场中或许还是香饽饽,也可以多利用现今非常流行的一些体现方式。

别把设计只当成是排版、配色···

▲用真实人物与彩色动画结合上去是非常独特的一种设计方式。

别把设计只当成是排版、配色···

▲爆炸贴其实是虚拟的一个东西元素,把它当作实物表现起来只是很独特的做法。

3.视觉冲击力强因为消费者经常接触到的设计、广告特别多,所以唯有你的设计视觉冲击力很强时,才有也许吸引到消费者的留意力。想要有极力的视觉冲击,一个重要的方式就是在设计中成就强烈的对比,比如大小对比、色彩对比、空间对比、风格对比等等。

别把设计只当成是排版、配色···

▲上图主要为底色对比与质感对比

别把设计只当成是排版、配色···

▲上图为空间对比,前面的老虎因为离镜头相当近,所以有很强的亲近感。

别把设计只当成是排版、配色···

也有一种方式的视觉冲击也很强,就是成就一种全新的视觉,比如下图把立体字变成披风一样与中间的人物结合上去,就是当时没有过的做法,所以视觉冲击力也很强。

别把设计只当成是排版、配色···

◇◆四、细节到位◆◇

一件作品即使无法做好中间三条,就必须是一件不错的佳作了,过稿的成功率也会非常高,但想要更上一层楼就得靠细节的执行了,这一点很考设计师的底子,所以这些新手在细节方面都处理不好,奇怪的是它们都很喜欢把精力用在细节的处理上。好吧,既然这么,葱爷也来说几个在设计中要切记的细节。

1.文字行距

行距是很小的东西,但在排版中很关键,以图示的名片设计为例,左右两个方案不仅行距有点差异,其他地方都是一样的,但是显著可以感到到,右图的排版比左图要舒服很多?这就是行距的作用。

别把设计只当成是排版、配色···

从下图中我们可以看出,其实左右图方案在文字行距的控制上相当讲究。

别把设计只当成是排版、配色···

一般来说,正文的行间距大约要高于字宽度三倍以上,而且不同信息之间的间距要高于同类信息之间的行距。

2.装饰元素

装饰元素可以丰富版面、增添氛围,而且还可以降低设计的别致感,下图是一则banner,整体感到还是非常大气的的,但总感到少了点什么东西,对,就是装饰元素,所以前面白色块部分变得很单调。

别把设计只当成是排版、配色···

而下图的解决方案是在人物里面以及其它空白的地方下降了一点装饰的图形和文字,感觉是不是很多了。

别把设计只当成是排版、配色···

注意,装饰元素的调性要与场景相符,且不能干扰主要元素。

3.保证元素与版面的关联性

别把设计只当成是排版、配色···

版面中的任何一个元素都不需要是独立存在的,它必定在某方面与版面中的其它元素存在关联,比如位置、颜色、字体、轮廓、逻辑等方面。

别把设计只当成是排版、配色···

比如上图大大小小的元素有众多,但是各元素之间的关系我们借助下图就可以看起来。主要是排版位置与颜色的关联。

别把设计只当成是排版、配色···

4.背景的处理

以海报设计为例,背景通常必须起到下面三个作用:1.突出主体;2.增添整体的气息;3.使设计更舒适、更有品质感。

别把设计只当成是排版、配色···

上图的背景只使用了两个颜色相同的色调,感觉十分单调,主体也没有受到显著的突显,并且视觉上左轻右重不平衡。

别把设计只当成是排版、配色···

在上图的方案中,背景中的大笔触改成了渐变蓝色,人物与中间的线条得到了有效凸显;但是把人物素材二次使用叠印在背景中,增添了背景的丰富性或者与主体的关联。

5.各元素之间的统一协调性

一件完整的设计作品往往是由多个不同的元素构成的,而这种元素组合在一起能否统一和谐,则决定这件作品给人的时尚度。比如下图就结合了众多的元素,虽然很节制地控制了色彩的数量,但整体给人的觉得还是不太和谐。

别把设计只当成是排版、配色···

认真观察我们就可以看到上图的元素组合有下面几个问题(如右图图示):

别把设计只当成是排版、配色···

然而我在此基础上做了一些调整:

别把设计只当成是排版、配色···

别把设计只当成是排版、配色···

结语

终于写完啦!因为本文讨论的是一个大而全的话题,信息量巨大,几乎囊括了所有设计中非常关键的弊端,所以也无法把每个问题都说得很细,但核心看法就是一句话:大感到比细节更重要,先把大感到做对了、做好了,再去成为细节。

原创文章,作者:设计网,如若转载,请注明出处:http://www.shejiwz.com/?p=1003

发表评论

邮箱地址不会被公开。 必填项已用*标注

联系我们

181-3885-0759

在线咨询:点击这里给我发消息

邮件:295310592@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息