BANNER设计中,哪些技巧需要我们掌握的?

其它优秀文章推荐:

教育类海报不会做?带你快速解决工作问题!

解锁“面”构成在版式设计中的运用

硬核读书笔记:造型与空间原理探索与分析

巧用英文字母,让海报更有设计感

数据表设计的超赞20条指南

硬核读书笔记:格式塔与视觉原理探索分析

硬核读书笔记:设计中平衡与张力原理的探索分析

 

之前有朋友私信叫我分享一些 banner设计的技巧。其实我平时的工作并不是专攻电商这块,但是我和平时专攻电商这块的同学问了问,也去看了一些大佬的作品,尝试从大佬作品中总结了一些可能对大家有用的知识来分享给大家,临阵磨了把枪,如果有不同意见欢迎讨论。

BANNER设计中,哪些技巧需要我们掌握的?

主次    节奏    氛围

从画面设计来谈,我认为优秀的 banner设计首先一定是主次分明,其次在网页这种媒介中呈现的画面必然是以吸睛为主,节奏感也会极大提高画面的活跃程度,同时氛围的营造也是提高 banner设计含量的实用技巧。

直接用一个实例来一步步给大家讲解如何去设计好一幅 banner吧,先来确定一下我们今天的主题产品以及标题卖点。

BANNER设计中,哪些技巧需要我们掌握的?

从C4D里渲染一个耳机出来充当我们今天的主角吧,再把文案定以下。

影院级音效+7.1立体声道+环绕立体音质

BANNER设计中,哪些技巧需要我们掌握的?

 

把网格搞出来,再把内容往里面一扔,分好主次关系,接下来就只需要把内容排的整齐画面就干净好看了。
这是第一步,但是这样的画面不够活跃,比较呆板。

 

BANNER设计中,哪些技巧需要我们掌握的?

 

再来下一步,为画面添加节奏感

节奏

为了让画面更活跃而不至于那么呆板,我们可以考虑为画面增加点节奏感,像我排的这个版面,我觉得可以尝试先给文案主体内容添加一点倾斜。

 

BANNER设计中,哪些技巧需要我们掌握的?

 

把网格去掉看看效果。

 

BANNER设计中,哪些技巧需要我们掌握的?

 

主要内容差不多了,接下来给它安排背景。

 

BANNER设计中,哪些技巧需要我们掌握的?

 

是不是感觉就出来了,接下来我们把场景里的层次分出来,可以为画面再增加一点空间感。

 

BANNER设计中,哪些技巧需要我们掌握的?

 

感觉上是差不多了,但是氛围还不够,接下来我们给它稍微增添些氛围。

氛围

氛围的营造似乎在电商平台尤其重要,无论是大促销,或者是新品的推广中,画面的氛围就决定了画面的气质,当然如果你需要的是更高冷的产品打造,那大可像 apple那种风格,考虑到一般产品不会像苹果那样品牌效应那么强,所以在运营的角度考虑会优先把产品海报或者 banner做的氛围更活跃一些能够更吸睛,同时突出产品卖点。

BANNER设计中,哪些技巧需要我们掌握的?

 

同时营造氛围的东西也要根据我们版面所表达的气质来决定,不宜太过复杂,太过于复杂的东西虽然氛围上来了,但是会喧宾夺主,使得用户会一时间找不到自己在这个画面上该关注哪个点,也显得画面凌乱。这点要切记。

 

BANNER设计中,哪些技巧需要我们掌握的?

 

所以我在这选择用一些音乐符号以及一个声波一样的图形作为营造氛围的元素。但是我还觉得画面缺少一个焦点,做法一般可以通过提亮某个部分,达到一种一眼就先看到它的效果。

 

BANNER设计中,哪些技巧需要我们掌握的?

 

我这里使用了炫光来提亮“影院级”三个字的位置,大家可以自由发挥。

BANNER设计中,哪些技巧需要我们掌握的?

 

上一小节我们提到了节奏感,现在来细致的讲讲这个节奏感它到底有什么用。

 

BANNER设计中,哪些技巧需要我们掌握的?

没有节奏感

 

BANNER设计中,哪些技巧需要我们掌握的?

有节奏感

同样的素材同样的配色同样的字体,加了节奏感之后的画面明显要活跃很多,没那么呆板了。不只是字体,我还把西瓜的素材复制了几份,有些放大了一些,有些缩小了一些,以此来产生对比,有了对比就有了节奏感,同时画面氛围也更热闹了。

说到了对比,那我们要岔开一个话题,画面里产生对比之后,会更具有视觉表现力,这种对比可以是远近关系的对比,也可以是大小关系的对比。

BANNER设计中,哪些技巧需要我们掌握的?

我们可以看到像上面这样有大有小的排版,似乎非常干净整洁,信息也通过大小关系区分的很清楚。

 

BANNER设计中,哪些技巧需要我们掌握的?

 

继续来说节奏感,我们现在已经知道了通过空间或大小或位置变化都可以用来增加节奏感,那么我们来看下面的这些版式。

 

BANNER设计中,哪些技巧需要我们掌握的?

 

这样的排版似乎也没太大问题,但是感觉上就是少了点味道,我们尝试修改一下。

 

BANNER设计中,哪些技巧需要我们掌握的?

 

我首先把 SUMMER拆开,和人物构成一个互为前后的空间感,以此来增加画面节奏感,此外,夏季促销作为中文卖点。应该被突出显示,但是我画面文案里最大的文字已经是 summer,我就从色轮里这个背景色的对立面选择了一个相对舒服的颜色,来突出“夏季促销”。修改过后画面不是那么平了,更丰富了也更活跃了。

BANNER设计中,哪些技巧需要我们掌握的?

接下来再聊聊氛围营造与 banner的关系。

 

BANNER设计中,哪些技巧需要我们掌握的?

 

虽然很一目了然对比鲜明,但是并没有我们想要的气氛出来,显得有些冷清,接下来我们给它安排上气氛。

 

BANNER设计中,哪些技巧需要我们掌握的?

 

气氛就出来了,但要注意把握好分寸适可而止,不然会把版面弄得很乱很脏。

作者:

关注公众号:chuxin-cole

每周更新干货



属性标签: , ,

1 条评论

欢迎留言

页面生成消耗的时间 0.415 秒,此页面一共查询了 116 次数据库!缓存时间:2020-09-30 15:43:54你的IP为:3.92.74.105