点击量上万的宝banner是如何设计的？【淘宝美工培训】.docxVIP

点击量上万的淘宝banner是如何设计的？【淘宝美工培训】作者: 一网学???最后更新时间：2015-12-18 10:27:07小编：淘宝一年一度狂欢购物节双11才刚过，当天交易额更是高达912亿，其中精美的页面和互动游戏功不可没，那么如何与用户产生联系？一个关键的因素就是banner，一起来看看设计师们是如何设计banner的。曦村：在设计前期，做大致规划，是很有必要的，在大促中虽然会有很多变化，但，做规划会帮助我们在大方向上不出错，这次，从了解业务背景及节奏 – 前期风格创意设定 – 突出品牌增强识别度 – 制定规范提升效率等几个方面去做，有了这个框架，这一次的设计过程还是相当丝滑滴！那具体是怎么做的呢？一、了解业务背景及节奏今年双11以“全球化”为主题，从主题来看，说明整体方向走国际路线，设计必然要高端大气上档次。不但如此，今年还要突出品牌化！品牌核心元素必须贯穿始终，让用户有明显的感知，设计与设计之间保持统一，传递相同的心智。三个关键词说明了我们这次品牌的大致方向：品牌核心元素给了我们比较明确的图形参考。了解整体设计节奏：二、制定风格及创意为何要制定风格及创意？因为Banner是为会场引流的，须配合会场給用户传递相同的心智，前期的风格及创意的思考，为后期的设计助力不少。根据每个时期主题的变化，我们需要准备多个创意，这样才能紧跟主题的变化，有多种方案可选。会场设计：会场根据整体节奏分为三个时间段，造势期间－主要运用了贯穿品牌的线条及猫头元素，各国国旗烘托了全球化的主题 ／ 预热期间－主要突出了货品与猫头 ／ 正式期间－以金色渲染出狂欢的气氛。根据以上主题变化做了风格方向及创意探讨，以下是脑爆方案：在前期探讨时，脑爆了多种方案，然后根据每个时段的主题变化，选择合适的创意及风格。接下来举几个例子，造势期间以全球化为主题，我们思考了全球化，有汇聚各国好货的概念，创意如下：商品拼接组成图形的创意，正好符合各国好货汇聚的概念，货品与品牌核心元素的完美结合，用国旗彩条作为辅助元素，突出了天猫与全球化概念的融合，并且让商品组成或者溶于猫头，也体现了这一点！创意参考：随着时间临近双11，需营造紧张，紧迫，激动期盼的氛围，以狂欢为主题，创意如下：商品与毛笔字结合，营造出最后关头的疯狂以及紧张，增强了狂欢的氛围。以手势为创意点，一是今年大部分用户都用手机购物，手的元素具有亲和力，二为手势作为倒计时数字的表现形式较为新颖，手势也有其他含义，比如竖起大拇指为点赞等。色彩上也与会场相呼应，看起来较为统一。创意参考：当然还有很多创意及风格运用，这里就不一一讲解了，从这个思路，大概也可以看出一二，这次我们是做了充分的准备，一个创意库，让我们整个设计过程井然有序，且能在紧急突发的状况时，及时更换创意，保证较好的活动效果。三、识别度及差异性为何要增强识别度，差异性？原因其实很简单，双11期间，各大电商平台几乎都做活动，用户又怎么能在茫茫图海中认出我们？抄袭，模仿更让用户视觉疲劳，怎么能脱颖而出呢？案例：在大促这个时间紧迫又设计资源缺乏的时期，很容易让人感到疲软，设计大同小异，没有太多的特色与区别，所以，打破这种局面，是接下来的重点。在茫茫图海里，能够让人眼前一亮是我们追求的效果，与其他平台设计形成差异，也是我们的使命。其实在设计之前，我们就希望这次的设计能够区别于以往，有特色，有记忆点。那怎样才能让用户认准我们的双11？你猜得没错，那就是我们品牌的核心元素－猫头！！为了让用户能够强烈感受到品牌，我们就要重复重复再重复的强调！就像脑白金的广告，一日三次，定能给人留下深刻印象，重复的感觉着实也是魔性的！对，是魔性的步伐!解析魔性关键词：从这些关键词中，也可以寻找出一些设计元素及方向了！再结合品牌核心元素猫头，一张与众不同的banner就此诞生了。案例：这次双11大促的设计，有几个点，是与以往不同的，空间感，刻画猫型元素，轻质感。字体上我们运用了投影，营造空间感，使其看起来有层次，猫型的元素也显而易见，在商品的处理上，没有运用厚重的投影，而是运用了商品本身的质感，未加太多的特效，质感轻薄，看起来清新脱俗！重复的连续纹样，让人产生晕眩的效果，抓人眼球，同时也使品牌元素更加突出，并且在色彩上也使用了较为鲜亮的颜色，增强了视觉效果。新的尝试当之无愧成为了点击之王，模版中的战斗机。从数据上看，此套BANNER成为当日焦1中点击最高的，确实提升了活动效果！从空间感，图形元素，及背景这几方面，做了形式上的创新，并且识别性极高，让人难以模仿，又能很快抓住用户眼球，是一次很不错的尝试！四、规范在大促期间，资源位数量多如牛毛，如此大工作量，光凭几个人的力量是完不成，借助外部力量是必然的，那如何让沟通更高效，成本更低，这是我们需要思考的。还有类目运营需要推广活动会场，日日都有焦