4招！做出征服甲方的视觉冲击力!

是的，你没看错，这个头条和昨晚的一模一样，为什么会这样？

最近万分奇怪，曾经阅读量最高的教程板块，数据直线下滑，连续2-3期都比常规文章阅读更低，不是低一些，是莫名其妙的低很多。

毕竟从去年设计教程平均几乎6万阅读量，到今天2万多的阅读量，是完全的不科学的，如果说是整体衰退，那平时的文章也有5-6万，甚至10万加的阅读量，作为设计垂直第一大号的庞门正道的粉丝们，一夜之间就偏偏不爱看设计教程了？这是上坟烧报纸，糊弄鬼呢？

所以我已经不能从内容层面去分析原因了，而是很大可能是踩中了内容审核中的黑洞，触发了内容屏蔽。

所以今晚我把有可能的那个关键词给删除了，看看阅读量是否可以恢复正常，从而排除有问题的部分，以后可以避免黑洞。

毕竟这个是非常正经的设计教学内容，没有存在任何敏感信息，不应该出现这种屏蔽。所以只能自我审查是不是中了无辜的黑洞。

若然今晚这篇依然是两三万阅读量，说明大家不需要教程了，以后我就懒得花那么多时间写了。

下面是设计教程的正经内容了。

-------------------------------

哈罗~新一期的教程（表情包）,

它来了~

经常做广告专题的同学，一定对“视觉冲击力”这个词有特别的感受。具有视觉冲击力的画面意味着更强的视觉张力，能够快速的抓住人们的眼球，有助于设计信息快速传播。所以对于运营类的设计来说，它当然很重要。

不过，在实现视觉冲击力的设计方式上，不同的人理解就很不一样了。不少运营经理，甚至部分设计师，都会将视觉冲击力等同于“标题要粗”“LOGO要大”“红配黄”这些简单粗暴的要求。

事实上，提升视觉冲击力的要点在于增强视觉力度，具体在设计手法可以有很多，不同的方式达到的效果也不一样。今天的文章就来跟大家介绍一下提升视觉冲击力的设计手法。

OK，废话不多说，干货走起。

简单来说，对比就是让画面形成视觉落差，突出重要元素，削弱次要元素，使得信息层次更清晰，重点更突出，从而形成更强的视觉冲击力。

强烈的对比可以让画面主次更清晰，从而迅速抓住用户眼球。在实际的应用中，几乎所有的设计元素都可以拿来对比，比如大小、形状、色彩、方向等等。

大小对比：

对决的大拳头和小人对比，瞬间让人感受到紧张的气氛。

色彩对比：

一群黑色的人物中，出现的红色主角，让人过目不忘。

新手设计师经常会犯对比不够的问题。

在日常工作中，我们经常听到不少的运营和产品反馈说，字要大，颜色要炸，这样才有视觉冲击力，最后设计师接对方的要求做出来，页面丑到不忍直视，但效果依然不尽如人意。

事实上，问题可能并不在字的大小，而在于画面的对比度不够。

例如下面第一张图，大红配大黄再加立体字，可以说促销的设计手法都用上了，但并没有让人感觉视觉冲击力强。第二张图虽然简单，但是有序，色彩对比强烈，所以视觉力度就强多了。

再看一组案例：

同样的表现方式，右边的图用了冷暖对比，明显就好多了！

复杂的排版会弱化对比，使得重点不突出。

记住，越简单清晰，越有力量！

好了，下面我们通过一个实操案例来看看怎么强化页面的对比。

原图：

原图其实是一个中规中矩的广告，产品图和排版都算清晰。不过总觉得画面少了一点力度，不能给人留下很深的印象，所以可以考虑用强化对比的方式来优化一下。

首先我们调整构图，将主题文案作为画面核心元素放在画面正中间，接着调整字号大小以及色彩，提升画面的对比，让主题的呈现更有力度。

优化的结果：

优化过后的画面主次分明，主题更清晰有力，这就是提升对比度的作用。

总之，记住一句话：无对比，不设计。

所谓动势，是指通过排版的变化，让元素之间形成律动，从而带来的视觉上的运动感或速度感，从而形成视觉冲击力。

要营造出动势，最重要的就是打破原有的稳定状态，构建新的视觉走向。

营造动势的设计手法有很多，给大家介绍几种最常用的。

斜倾构图：

倾斜的既可以是背景元素，也可以是前景，甚至画面中的所有元素。

破版效果：

破版能给人一种打破禁锢，冲出画面的，在视觉上也能给人强烈的冲击力。

漂浮效果：

漂浮起来的物体在视觉上看起来极其不稳定，具有强烈的动态感。

模糊、错开的线条：

模糊和线条都是高速运动后留下的视觉残影，所以它们都具有强烈的速度感。

好了，

接下来看一个实操案例。

下图是一张很常见到的生鲜海报，设计上做得很用力，色彩对比强烈、标题很大很重、细节很多，然而效果并不出色，基本上街边的水果店派送的广告单都长这样，属于看完就忘的类型。

再从视觉上深入分析下原图存在的问题：

1、色彩有点深沉，不够清新自然。

2、标题和主图之间的比例划分过于平均，没有主次感。

3、构图四平八稳，甚至有点呆板。

4、背景、点缀元素等细节不够精致。

...

许多的小问题汇集在一起，最终就导致了这个看起来没什么品质感的设计。

OK，弄清楚这些问题之后，我们来看看怎么优化。

第1步：

搭建一个简单的光影背景。

第2步：

抠一些精细的水果生鲜素材进来，尽量是不同类型，不同角度的，这样可以让画面看起来更丰富。

第3步：

通过不断的尝试和调整，确定产品图之间的组合方式。然后根据画面的整体色调优化产品图的颜色和明暗关系。

第4步：

给画面添加飘浮的叶子，彩带等元素，强化画面的动感。

第5步：

添加文案，做一点简单的排版，完工！

最后再跟原图对比一下：

农家乐的水果分分钟变身进口超市产品，有木有！

进口水果确实更好吃~

这一点可能有点反常识。一般我们都认为视觉冲击力肯定来源于强烈的色彩、酷炫的效果、甚至很大的字号，为什么简化的效果也能带来视觉冲击力？

简化处理的要点就在于它能剔除画面中多余的元素，经过加工整理，提取出最主要、最精彩的部分。从而快速、准确、直接的将产品的特点最大化呈现出来。

这么说还是有点抽象，看个例子就明白了。

左图中出现了很多产品，还有许多装饰细节，但是你感受不到它的表达主题是什么。右图虽然简单，但是一眼就能强烈的感受到产品质感。

可口可乐的所有海报都特别简单，它的画面主体永远都是大红色和LOGO，就连奥运这样的体育主题海报也不例外。

画面虽然简单，但是视觉力度可一点都不弱，可以说是将这一招玩到了极致。

苹果的极简设计就不用说了，从产品设计到官网视觉包装，完美呈现了简洁的力量，每次都让人惊叹不已。

从上面的例子可以看出来，越复杂的画面表达的内容越多，主题就会被削弱，给人的视觉印象反而越弱。

而简洁的设计“力出一孔”，用力最小，效果反而最大！

效果相当大!

夸张和幽默，是所有艺术领域中屡见不鲜的表现手法，设计当然也不例外。

夸张是指故意言过其实，以突出事物的某一个特征，表现在视觉上就是超常规。说白话就是故意吹牛逼，让你知道它明明达不到画面中的效果，但你还是会心一笑，并且对它的性能印象深刻。

比如下面JBL这套降噪耳机的广告，以吵架的画面和主角沉浸在自己的世界形成鲜明的对比，夸张中带点幽默，将降噪这个功能点表达得深入人心，有趣又生动，让人过目不忘。

大妈吵架？听不到！

川普和三胖要发动世界大战？听不到！

这样的广告，即使你不是它的目的用户，也没办法不被它打动。

在日常需求中，可能没有时间去构想多么巧妙的创意，不过可以退而求其次，用图形比例关系上的夸张表达，来让画面充满趣味性。

电商设计中，为了表达产品的某种性能，经常看到夸张性的视觉表达。

好了，

接下来进入实操案例。

下图是一张关于草莓的海报，草莓和人的夸张比例对比，以及拟人化的设计，都让画面有不错的趣味性。

不过问题也不少：

1、矢量化的背景与写实风格的草莓结合得不太好。

2、小人、皇冠等元素与草莓的结合不太自然。

3、标题的色彩与背景没有拉开。

...

接下来我们在保留画面夸张比例关系的提前下，将画面风格切换一下，改成户外场景，与主题中的春天、大自然关联起来。

第1步：

找一张风景素材照和色彩渐变，合成一个户外的场景。

第2步：

抠两个张草莓素材，最好在外形和色彩上略有差异。

第3步：

将草莓与山体进行结合，通过大小和虚实的改变，形成远近的比例层次关系。

第4步：

在草莓的周围加上云雾效果，看起来更有山峰的感觉，同时拉开画面的前后空间感。

第5步：

用枝叶、花瓣等细节点缀、丰富画面。最后排版好文案，大功告成！

通过夸张的比例关系让草莓化身为山峰，美好的春日时光画面，是不是让人很有出门踏青的冲动呢？

跟原图对比一下：

OK，

最后我们再回顾一下制造视觉冲击力的几种设计手法：

1、强化对比

2、营造动势

3、简化处理

4、夸张幽默

好了，今天的教程内容就到这。

下班回家~

-----------------------

好了，

学到干货的同学请大方地点击一下喜欢作者！！：）

这样下一期干货来得更快！

(在公众号回复：色彩教程，排版教程，有惊喜)

-------------------------

往期精华文章导读：

为什么你设计的海报没人看？

每天加班到11点，要辞职吗？

回老家单干怎样？

-END-

越努力，越幸运。

这里是庞门正道。