童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

那些上亿人都在看的Banner都是怎么设计出来的?

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

APP常见的几种刷新类型这两天无意看到一些内容刷新案例,发现原来光一个刷新操作,也是有不同的刷新类型区分的,所以在这里记录一下。内容刷新主要是为了消除因时间间隔造成的内容或状态不……那些上亿人都在看的Banner都是怎么设计出来的?每到一年一度的大促季,会场、页面、互动游戏,都在紧张设计之中,这些精美的页面和互动游戏,如何与用户产生联系?必然需要一条与用户连接的纽带它就是BANNER。有些人可能认为资源位……译文交互设计中对于“可控性”的理解前言交互设计师追求的是让用户获得极致的用户体验。但在很多使用场景中产品的体验是不可预测的,运用常规的设计方法是无法照顾到的。就像出门遇到堵车,旅游遇到坏天气一样。这种情况……从三个案例出发,聊聊交互设计师的核心价值交互设计师的核心价值是什么?这个问题很经典,知乎上有这样的提问,面试中也会被问到。为了避免过于空洞和理论,本篇结合三个小案例来聊聊我的理解。案例1:登录功能的优化在……UCD,以用户为中心的设计前言:一直有在梳理自己的知识结构,也靠这些所谓经验做了几年行业培训,今年是从业的第十一年,我觉得差不多是时候把这些最初来自同行、互联网和书籍的知识再还给行业,我会把所有所得分章……交互设计基础聊聊移动APP中反馈提示的设计方法与实例给用户及时、恰当的反馈,是交互设计非常重要的一项原则。由搜狐新闻客户端团队撰写的《设计之下》一书中,对操作反馈从形式、内容、位置几个方面做了非常详细的总结,满满干货。今天青溪J……APP常用导航总结虽然我承认导航这种东西在现在的app非常常见,但是实际上,这种东西也不是必须存在的。如果应用够轻,比如雅虎每日新闻NewsDigest就不存在导航这种东西。只有当app的架构扩……总监级的思考!视觉设计该如何赋予产品个性?最近经常被问到“设计如何赋予产品性格”,“如何通过分析确定哪种视觉风格更合适”等问题。遇到这些问题我很高兴,因为这说明越来越多的人开始重视更高层次的设计问题,而不是局限于设计技……交互新人眼中的交互设计从一开始选择做交互设计这个岗位,我就一直在思考:“交互设计究竟是什么东西”。近段时间以来参加了一些面试,每次面试都会让我去重新思考一下这个问题。加上最近又做了一些工作,看了一些……手机端官网设计:适配还是不适配,这是个问题文档说明Pc端使用平台:QQ浏览器9。0(2315)Chromium43。0。2357。124IE9。0。8112。16421手机端使用平台:……腾讯高手教你靠谱的布局设定方法有一种奇怪的现象会经常的看到:很多设计师没有办法清楚的跟其他人解释他们是如何设计的,越细致的地方可能越是如此。比如,这个菜单的宽度为什么是200px?250px或者190px是……数据可视化:如何为数据寻找适合的配色虽然如今好的配色方案已经唾手可得,但为数据可视化找到合适的配色方案,却仍是一项巨大挑战。在Graphiq,事情甚至更加棘手,因为我们要通过上千种各不相同的数据集合来传递信……
设计提升满意度从产品的角度看待爱情(亮点在于对爱情的产品分析)对QQ、msn等即时通讯软件(IM)的定性研究解密绝大多数人会在支付步骤离开:解决方法!手机客户端适配性电子商务网站是否应向非登陆用户开放购物通道关于“双向关系”与“单向关系”的一些解读商业周刊:揭秘Google改版流程尼尔森:关于iPad易用性的测试报告判断LOGO好坏的12条参考标准让它与众不同吧消除设计的界限让人又爱又恨的标签们
吃过亏的人,往往更容易体验到人性的阴暗,有你吗?榛子腐烂什么病害早发定山原文及赏析法国娇兰幻彩流星系列蜜粉球完美自然持久定妆没事别再刷朋友圈了多访问这些网站你才瘦肉怎么做给宝宝吃营养揭露南京大屠杀甲级战犯军官已全部伏法说说近日屡次发生的精日车贴事件依赖ARM架构的中国芯,隐患逐步显现出来了中年夫妇应该怎么确定同房次数?每个月多少次?写给我的奶奶如何开通微信视频号微信视频号开通方法

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界