对banner图设计建议(这个banner设计技巧不知当讲不)(1)

我给大家分析一下原图存在的问题,以下是改稿前的原图:

对banner图设计建议(这个banner设计技巧不知当讲不)(2)

首先,这个Banner看文案便知是情人节主题的,而情人节主题的banner设计其实有很多种感觉氛围可以去表现,比如浪漫的、小清新的、华丽的、炫酷的等等,那么这里感觉设计师是想往粉嫩可爱的方向去发挥,剪纸风格方向,并且是卖一些女性相关的包包配饰香水之类的产品,整体是想临摹一种商品陈列的感觉。

基于以上分析,我总结出了以下问题:

(1)整体颜色偏灰,给人感觉不太干净,尤其是标题文案部分的颜色和阴影处理;

(2)标题字体采用了衬线字体,这种字体用于剪纸风格会显得比较复杂,因为各种小细碎的笔画太多了,所以要么更换一些比较简单的非衬线字体样式,或者是比较浪漫气质的连体手写体英文,自然流畅,主要看你想表达什么感觉;

(3)商品选择有点问题,比如最中间那款包包的风格明显跟其他产品风格不搭,其他都是比较简洁现代的样式,而这款包包却过于实物化以及复杂,像一件衣服还带有格纹,并且包包四角还带有圆润的圆角,所以为了保持整体风格基调一致应该替换掉。

(4)排版布局方面,除了标题文案部分的排版节奏不太优美以外(长-短-更长的比例节奏可以改为短-长-短或长-更长-长等等节奏样式),商品部分大比例太过于平均,分布有些散乱,所以看不到重点);

基于以上4条问题分析,于是我改出了下面这版banner:

对banner图设计建议(这个banner设计技巧不知当讲不)(3)

我改稿和指导人的原则是,只要原设计师在大的设计方向上没什么问题,那就尽量保留原设计师的想法,然后我会在细节、比例、节奏、色彩、字体、创意方向上对原稿进行修正和补充,从而让画面更加有感染力,所以对比改稿前和改稿后,你们应该可以感受到画面所传递出的情感和信息层级上微妙的变化,因为我让画面更加梦幻了,产品也更加突出了。

当然这里也需要说明一下,一个小小的banner设计里面其实蕴涵了大量的方向/维度/信息,你可以选择以突出氛围为主,你也可以选择突出文字为主,你也可以选择突出商品为主,甚至如果你觉得自己够厉害你可以把他们都突出但是又能做到整体协调,这些都是你自己的选择问题,设计并没有唯一答案,主要看你有什么需求方向。

改稿案例二

对banner图设计建议(这个banner设计技巧不知当讲不)(4)

接下来我给大家分析一下原图存在的问题,以下是改稿前的原图:

对banner图设计建议(这个banner设计技巧不知当讲不)(5)

这张图新手也是看不出问题的,因为感觉用色挺好看,文字信息也挺突出的,但是它确实存在很多问题,接下来我把问题一层一层剥给大家看。

首先看文案信息,我们可以得知这张banner其实是属于低价热闹促销类型的,画面氛围可以闹腾一点,你可以假想它是一个放在银行或商城自己官网内部的一个会员积分兑换活动Banner,所以这个Banner在设计方向和用色上问题都不大,但是整体视觉效果比较差。

基于以上分析,我总结出了以下问题:

(1)因为头部那2片图层的遮盖,导致视觉上感觉中间那个圆形主体在往下掉,整体画面非常不稳定,而且那2片图层的形不好看;

(2)中间圆形部分看起来像是由3个圆形组成,但是因为部分区块颜色接近,所以图层融在一起了,看起来太暧昧不清;

(3)所有的商品看起来都是乱摆的,毫无规律可言,并且商品全都是小小的跟蚂蚁一样大小,放在这些大圆里面感觉特别奇怪,就像在甜甜圈上胡乱洒了一些各式各样的不明物体一样,这一部分的问题最大;

(4)所有以上问题,使得这张Banner画面不平衡,既呆板也凌乱,没有美感;

基于以上4条问题分析,于是我改出了下面这版banner:

对banner图设计建议(这个banner设计技巧不知当讲不)(6)

同样的,这一张Banner我也是尽量保留了原设计师的想法,然后在细节、比例、节奏、色彩、字体、创意方向上对原稿进行修正和补充:调整了商品的摆放秩序,去掉了部分商品,底部添加相似的一些图层托住这个圆形主体,改变部分图层的前后关系等等,所以你对比改稿前和改稿后的效果,会发现一张图在保证信息传达准确的前提下,从无序变成了有序,同时也不再失衡和呆板了。

改稿案例三

对banner图设计建议(这个banner设计技巧不知当讲不)(7)

接下来我给大家分析一下原图存在的问题,以下是改稿前的原图:

对banner图设计建议(这个banner设计技巧不知当讲不)(8)

这张原图,估计即便是个新手也能看出来问题了,那就是感觉看了眼花,都眩晕了,另外还有其他一些问题,我统一给大家列举一下:

(1)背景的圆太规则,让人感觉眩晕,尤其是红白的颜色搭配非常抢眼,在这种情况下,你在这个画面里放入任何东西,都很难得到突出展示,因为背景的视觉干扰太强烈了;

(2)模特没选好,在背景很眩晕的情况下,模特的表情又是直勾勾冷冷地盯着你的,给人一种不寒而栗的感觉,观众看了也会感觉浑身不自在,不友好,而且模特抠图比较粗糙,头发部分很假,模特未做任何处理直接bia在了上面,让人感觉很突兀

(3)整体场景没有构想好,不知道自己为什么要做这张图,技术不到位,实现不了一些效果也是其中一方面的原因;

基于以上3条问题分析,于是我改出了下面这版banner:

对banner图设计建议(这个banner设计技巧不知当讲不)(9)

在这里虽然我依旧保留了圆形这个特色形状元素,但是将后面的圆形位置都打乱了,目的是制造一种不规则的感觉,并且替换了模特和商品,让她置身于这些圆形漩涡里,一层一层的感觉,这样既使得模特和商品突出聚焦了,整体画面也不会太呆板,整体颜色依旧是依据模特和商品来,无非就是同色系或对比色彩的运用,总之,最后你对比改稿前和改稿后的设计稿,就能发现哪个看起来视觉上更舒适产品谁更突出了。

哦对了,这张banner的关键点在于阴影和整体色调的处理,做设计虽说很多时候是需要感性思维的,但其实在执行环节上却需要强大的理性思维和耐性,越复杂的图越是如此,因为图层多了的话你就要有清晰的思维去理顺它们,耐性地做细节,这样出来的画面才会是有序的耐看的。

改稿案例四

对banner图设计建议(这个banner设计技巧不知当讲不)(10)

接下来我给大家分析一下原图存在的问题,以下是改稿前的原图:

对banner图设计建议(这个banner设计技巧不知当讲不)(11)

这张图也是新手并不觉得会有什么问题,无非就是比较常规的左右排版样式而已,但是我认为这张图其实很好发挥创意但是却做得很常规这是我无法接受的,再一个,如果一个人做常规图做久了思维肯定是非常固化的,所以要想进步的话一定要试着去突破自己。

接下来我给大家分析一下,这张Banner图其实可以看作是波点主体的卖场banner,说到波点,其实我们很容易想到日本的“波点女王”草间弥生,她就是一个将波点玩出了各种花样的一位设计师,脑洞非常大,扯远了,我们继续聊这个Banner存在的问题:

(1)这个Banner最大的问题在于缺少有趣的感觉,浪费了波点这个可发挥的空间,让人没有购买欲望,在这里突出一种氛围其实比突出商品更为重要;

(2)商品挑选的不好,毛衣皱巴巴的,尤其是搭配这样的排版看起来非常廉价,这样毫无品味的商品怎么配得上“经典私橱”几个字呢?怎么让人爱的起来呢?所以商品得换;

(3)背景的波点太多太杂碎了,让人感觉很混乱,很复杂,所以得精简;

基于以上3条问题分析,于是我改出了下面这版banner:

对banner图设计建议(这个banner设计技巧不知当讲不)(12)

这张Banner其实改动还是比较大的,因为整个排版和配色都换了,我仅仅只是保留了几个商品图而已,在这里我将标题结合波点这个概念做了一些小改动,将商品弱化到各种圆形里面去成为一种氛围元素,包括爱心图形的加入,所有的这些改动其实只有一个目的:那就是把画面的氛围调动起来,让它看起来有趣好玩一点,将波点这个概念尽可能多地展现出来,因为我就是要让画面可爱一点再可爱一点。

相信大家之前也通过各种途径看到了双十一的品牌渗透,之前也有过不少猜想,今年双十一品牌到底在玩什么,背后的思考是什么?今天阿里官方设计师首度向大家揭秘双十一品牌设计的心路历程。

当设计师接手这个任务的时候,就意识到这项挑战的艰巨。历届双十一所展现出来的设计水准之高,意味着今年双十一品牌设计的难度之大。今天展现出来的双十一品牌,绝不仅仅只是设计一个logo(当然,有经验的设计师都知道,要设计一个打通所有关节,上下贯彻的logo,本来就很不简单)而是既要体现业务策略,又能够有效、有趣的完成与消费者之间的沟通。在这之中,logo是所有品牌策略和创意的汇聚提炼,又是整个双十一品牌延展设计的原点,纲举才能目张。要了解双十一品牌的始末,我们的故事就得从logo说起。

这是今年双十一的logo

对banner图设计建议(这个banner设计技巧不知当讲不)(13)

多语言版本

对banner图设计建议(这个banner设计技巧不知当讲不)(14)

把它和历届双十一logo放在一起的时候,大家能看出什么区别?

对banner图设计建议(这个banner设计技巧不知当讲不)(15)

从近几年的logo变化中可以看出,没了购物两个字的天猫双十一,理念上不再局限于电商促销活动。特别是在2015年,天猫开始启用猫头符号,之后一直在延续猫头的演绎,并且在此基础上,每一年的logo都有细微的变化。每一个小细节的变化都透露着这一年天猫双十一的品牌理念。

2015 强调全球化,用“律动”和“地球”来突出“全球的狂欢”。

2016 强调平台的超级规模,用“汇聚、融合”来表现“尽情尽兴”。

那么,今年的双十一品牌理念是什么?要从哪个方向入手?业务上会有什么样的线索?这个是设计师首先要解决的问题。

一、两个维度锁定方向

1、从传承的维度

我们不难看出,不管每年的主题是什么,平台一直传承着“让更多的人来参与的”这条主线,其中“人”是不变的主线。

对banner图设计建议(这个banner设计技巧不知当讲不)(16)

2、业务方向的维度

(1)新零售

从去年开始,阿里巴巴开始启动五新战略(新零售、新制造、新金融、新技术、新能源),首当其冲的就是“新零售”。作为全球零售业最大的狂欢日,怎能不体现出“新零售”的特征。那么什么是新零售,网上流传各种版本和说法,我们尽量去掉表面的浮沫,还原本质,用一句话提炼:

新零售的本质:人、货、场,以人的个性化需求为核心,重新构建生产、销售、配送、运营以及服务体系。

(2)全球化

从2015年开始,阿里就在启动全球化战略,今年的不同在于之前的全球化主要是指全球商品,全球品牌的汇聚,而今年开始,我们更关注的是全球消费者的融入,这里面,核心还是在于人、在于更多不同种族不同文化背景的融合。

(3)节日狂欢

从双十一开创的第一天开始,“狂欢”就是始终贯彻的主旋律,而随着狂欢的深入,双十一已经变成了全球消费者的节日,而节日就意味着不仅仅只有整体氛围上的狂欢,还有属于每一个消费者自己的小确幸,主角同样是人。

这三大要素决定了以人为核心的方向!

同样是传承“人”这条主线,今年的不同就在于,过去我们总是站在大平台的视角向消费者强调我们的规模、我们商品的丰富、全球品牌全球商品的汇聚。而今天,我们更在意的是每一个人的消费体验,一个消费者他应该包含了行为、生活方式、态度情绪、情怀、价值观、爱和梦想。这才是一个鲜活有生命力的人,正是这些鲜活的人的融入所产生的共鸣,双十一才更精彩。

这不仅仅是一种人文关怀,更重要的是我们作为一家使命驱动的公司,认真的为每一个消费者创造极致的消费体验。这是一个更大的格局,海纳百川的气度。因此,我们的设计就要有足够的包容性,我们的logo,它更像是一个容器,能容纳不同内容演绎的符号。通过这个品牌符号去传递更加多元的内容,让天猫的形象变得有血有肉,用鲜活的生命力,去和每一个消费者对话,让他们感受到自己真实的存在。

二、品牌设计的三个要点:包容、鲜活、共鸣

对banner图设计建议(这个banner设计技巧不知当讲不)(17)

对banner图设计建议(这个banner设计技巧不知当讲不)(18)

以消费者为核心,是要让消费者置身其中,体验真实的存在感。所以,我们首先要走进每一个消费者的内心,去洞察他们差异化的内心需求。带入更多有想象力的新选择,启发他们打开新的生活方式。创造更具带入感的场景,让消费者融入其中,尽情释放自我。放大被满足的喜悦,带入更多消费者情感表达,营造出由外而内的内心共鸣。这就是“in”这个核心概念,以“in”来构建我们品牌的内核。

对banner图设计建议(这个banner设计技巧不知当讲不)(19)

接下来的问题就是“in”这个品牌内核,如何传递给消费者,用消费的语言来解读,让他们有体感?

对banner图设计建议(这个banner设计技巧不知当讲不)(20)

设计师开始了一轮一轮的打磨,方案始终差强人意。不满意的同时,又激发了设计师的加班热情,想要通过时间的累积和更多的方向探索来找到答案。

对banner图设计建议(这个banner设计技巧不知当讲不)(21)

设计并不是数学公式可以推导和预测,在技巧和方法的背后,设计需要一件重要的东西——灵感!而灵感总是孕育于日常生活之中。就在一次网购的体验中,设计师找到了灵感,打开包裹的瞬间,灵感被激发——那就是“open”带来的惊喜感!

没错,我们每一个人都是消费者,灵感就藏在这些真实的消费体验中。我们预设了很多玩法,准备了很多理念,营造了很多体验,但是对于消费者而言,这一切都聚集在每一个“打开”的瞬间,打开手机、打开电脑、打开红包、打开页面、打开包裹…

Open, Beyond Imagination! 开启,超越想象的精彩!这就是我们表现上的灵感,用“open”来构建情感上的共鸣。历史再一次证明,想不出来,是因为买的还不够!灵感袭来,设计师兴奋得一夜没合眼…

对banner图设计建议(这个banner设计技巧不知当讲不)(22)

灵感确定之后,logo到底该长什么样!我们要用什么样的视觉语言去沟通?顺着思绪的线索,还需要继续深入去洞察去挖掘。洞察什么?洞察当人完全打开自己,感到幸福满足的时刻会干么?

对banner图设计建议(这个banner设计技巧不知当讲不)(23)

设计师最后选择了张开双臂的形象——张开双臂去释放自己,拥抱当下,拥抱世界的美好。这是一个全球通用的视觉语言,它是不需要解释的共鸣。设计师将张开双臂这个视觉语言和天猫双十一结合,构建一个具有包容性的品牌符号。同时在这个图形容器里去演绎不一样的欢乐元素!

对banner图设计建议(这个banner设计技巧不知当讲不)(24)

对banner图设计建议(这个banner设计技巧不知当讲不)(25)

在静态版本中,将所有元素抽象凝练成最具有包容性的方形和圆形,用简洁的力量去诠释这种活力和多元化。

对banner图设计建议(这个banner设计技巧不知当讲不)(26)

一个好的品牌符号,需要有很好的应用性,这不仅体现在组合样式上,还需要能够既上得了台面,又能够向下延展的时候具有很强的感染力,在传播层面,甚至不需要一句文案去解释,直观的就能展示出,平台的活力、开放和包容性。它充满了欢乐的气息,又很有记忆度。品牌方也能在我们的符号下有更广阔的拓展空间。

对banner图设计建议(这个banner设计技巧不知当讲不)(27)

对banner图设计建议(这个banner设计技巧不知当讲不)(28)

对banner图设计建议(这个banner设计技巧不知当讲不)(29)

天合计划(天猫品牌合作计划的简称)

对banner图设计建议(这个banner设计技巧不知当讲不)(30)

对banner图设计建议(这个banner设计技巧不知当讲不)(31)

对banner图设计建议(这个banner设计技巧不知当讲不)(32)

对banner图设计建议(这个banner设计技巧不知当讲不)(33)

双十一品牌工作还有很重要的一部分是视觉风格,除了logo,整个双十一到底要长什么样?视觉风格到底是怎么样?

三、整体视觉风格

1、历届双十一风格

对banner图设计建议(这个banner设计技巧不知当讲不)(34)

对banner图设计建议(这个banner设计技巧不知当讲不)(35)

对banner图设计建议(这个banner设计技巧不知当讲不)(36)

对banner图设计建议(这个banner设计技巧不知当讲不)(37)

抛开设计元素和各种表现手法,我们可以看到,双十一的视觉风格,其实一直延续着波普艺术的路线,其实这也比较容易理解,双十一本来就是普罗大众的狂欢,所以在调性上要有普适性,而波普艺术所倡导的“艺术要普罗大众”的理念和双十一的品牌精神不谋而合。因此,在今年做双十一设定的时候,保留了波普这个大的基调,作为双十一品牌的视觉传承,这里面也有一定的挑战。首先,波普艺术这个大的基调,这些年被电商大量重复使用,鲜艳的颜色,矢量扁平的元素应用让用户心生疲倦,消费者还需要一些新的视觉刺激,在大基调不变的前提下,如何玩出些新意?从哪里去找到突破口?

设计师还是从“open”这个核心概念来入手,“open”给人的视觉联想应该是“五光十色”“绚烂多彩”的,那什么能表现这种感官,“我们想在波普里面加光!”听上去感觉很不错,但是光怎么表现呢…

“镭射 POP ART” !设计师一下子有了想法,创意很多时候都是通过老元素的新组合产生的。

对banner图设计建议(这个banner设计技巧不知当讲不)(38)

对banner图设计建议(这个banner设计技巧不知当讲不)(39)

确定了视觉风格的主思路之后,就是反复的尝试。因为设计师发现一个问题,镭射这个元素很炫酷,但是也很难驾驭,所以要保持克制,要high也要有原则。就有了不超过30%的画面占比这个视觉原则。而在应用上,我们可以感受到这种扑面而来的欢乐,这就是节日该有的样子。

对banner图设计建议(这个banner设计技巧不知当讲不)(40)

2、园区内部传播氛围

对banner图设计建议(这个banner设计技巧不知当讲不)(41)

对banner图设计建议(这个banner设计技巧不知当讲不)(42)

对banner图设计建议(这个banner设计技巧不知当讲不)(43)

对banner图设计建议(这个banner设计技巧不知当讲不)(44)

对banner图设计建议(这个banner设计技巧不知当讲不)(45)

对banner图设计建议(这个banner设计技巧不知当讲不)(46)

,