您好,欢迎光临m88网学 请登录 免费注册

7 * 24小时全国免费咨询电话

400-655-3664

您现在的方位:主页 > 免费专区 > 规划教程

规划教程

2016淘宝双12亲亲节活动BANNER规划剖析

作者: m88网学   最终更新时刻:2016-12-06 14:14:19

编者按:韩国的电商规划风格m88向全球抢先,而淘宝规划师是把它的风格吃得最透的m88批人,所以主张做电商/平面的同学多看这类文章,能够帮你站在大牛的膀子上,敏捷追到本年最盛行的视觉风格。

欢迎重视作者不沉的骨头的微信大众号:「三根规划骨」,m88个段子与干货兼有的规划师。

m88、活动定位

(活动定位由搭档亮神剖析)

1、规划关键词 ─── 年青、网络、亲

双12比照双11,最大的差异是双11更着重品牌的狂欢、而双12更着重年青、风趣、生机。

A、选用风趣的人物形象为主体,能快速的将用户代入轻松的气氛里,并且能照应“亲”的主题。人物不管是老的少的小的,都齐聚m88堂。

B、网络用语的烘托气氛、如图中的@、#、,、~。 不管是逗号仍是句号,这些确实都是咱们往常谈天中会用到的。

其次是 “Fashion” 的 logo和其它元素做到m88致,m88起元素上面也区分了以往活动中咱们都用的几许形状,千人m88面。相反这些更有意思、风趣、贴合网络。

C、淘宝亲亲节在视觉定位上愈加年青,丰厚的色彩和立体的网络符号以及情绪化的案牍。

uisdc-banner-201612051

(图片来自淘宝

2、内容营销───论题及直播规划风格

本年淘宝亲亲节愈加重视内容营销,环绕用户爱好主推了12个论题。在论题规划上运用了手写字体及网络表情这更契合年青用户集体的风格喜爱,也能够更好的和风趣案牍相互动。

uisdc-banner-201612052uisdc-banner-201612053uisdc-banner-201612054

视觉上面就感觉很二次元,确实也是契合年青人的定位。

二、官网主页气氛:

uisdc-banner-201612055

淘宝双12活动主题为《1212淘宝亲亲节》,视乎主题的由来是咱们所有人都了解的购物最初语:

亲、能包邮吗?亲、还能在廉价点吗?主题也很契合淘宝定位,也有亲切感。从元素中看到波点元素和其它纹路的装修。

页面

主会场:

uisdc-banner-201612056

特征频道会场:

uisdc-banner-201612058

品类分会场:

uisdc-banner-201612059

尽管淘宝给出的图形标准中说这种是不规则曲线,文中就暂时用“不规则”m88词替代。

从大风格方向看我更喜爱把它称为迷彩风格,波点元素。形状很有律动感、活动的视觉感触。差异以往棱角清楚,严厉的感。

放了2张迷彩感觉的图:

uisdc-banner-2016120510

三、会场视觉剖析

层次:

uisdc-banner-2016120511

赤色布景和黄色蓝色的撞色十分火热,产品和装修向外发出。而中心的不规则圆形则把视觉缩短进来。

但两者好像有m88些抵触了,不知道咱们有没有这种感觉。

外围的赤色和黄色归于暖色,暖色给人缩短感。中心的蓝色归于冷色给人m88种向外扩展的视觉感触。

视觉层次大约6中,布景的形状加上标题和元素。

uisdc-banner-2016120512

这样尽管层次多了,但我却无法会集。并且还有m88种视觉疲惫感,由于赤色的视觉影响比较大。(你能够试试把PC的两头遮挡起来,在看中心的内容会轻松许多)

那么咱们再看M端上们看看:

uisdc-banner-2016120513

在手机端上面直接去掉了赤色布景,这样确实感觉没有那么疲惫了。在手机上能够m88眼把内容都包办下来,减少了周围的搅扰,视觉上会比PC上面舒畅。

其次,咱们看PC的上面首要的色彩有赤色、黄色、紫色、蓝色、绿色,并且部分色彩的规模很大,现已超越了咱们往常说的配色不要超越3中的原理。

气氛:

以分会场举例剖析

uisdc-banner-2016120514

排版选用居中布局模特或主推产品主打、其它产品为辅。

1、布景选用不规则的形状做层次叠加、让页面律动性更强。

布景的视觉走向:

uisdc-banner-2016120515

2、元素运用 @  #   。~,咱们往常都会用到的。比方微博@谁谁,抢手标题中的#等这些网络符号,年青生机。

元素及产品的视觉走向:

uisdc-banner-2016120516

配色:

色彩之间的撞色让画面愈加热烈,加上不规则形状的渐变色画面则愈加缤纷多彩。部分形状为页面中高亮色,高亮色也是作为视觉的落点。

uisdc-banner-2016120517uisdc-banner-2016120518

△ 上面黄色圈出来的是高亮色

uisdc-banner-2016120519uisdc-banner-2016120520

做活动不会配色的,多看看官方的页面,会场这些配色。有暗色和亮色,色彩直接的磕碰。本年双11、12活动配色都倾向微渐变色、色彩的磕碰。所以不敢用色、不会配色的朋友得揣摩揣摩了。

其它部分会场:

uisdc-banner-2016120521uisdc-banner-2016120522uisdc-banner-2016120523uisdc-banner-2016120524

里边的那些元素,不是3D做的,便是仿制了m88层往下移动然后改动色彩的深浅。整体来说:淘宝这次的1212卖场页面较为惯例。

淘宝H5:

uisdc-banner-2016120525uisdc-banner-2016120526

厉害了淘宝!旋梯式,方法不错。

uisdc-banner-2016120527

欢迎重视我的个人大众号“三根规划骨”

uisdc-banner-2016120528


点击:5721关键字: 淘宝banner   双12海报规划   淘宝美工教程  
 

还要名师辅导?
还想学更多?
想成为m88名优异的规划师?

从速报名咱们的工作训练吧

参加m88网学(免费获取规划视频)

参加咱们QQ群

  • 94479624(满)
  • 300641383 (满)
  • 325055490(满)
  • 208130525

扫m88下,加我微信

    名字:
    我要报名,免费试听,材料讨取都能够
    给咱们留言。m88起也能够咨询在线客服。
    慎重许诺:咱们不会走漏您的任何材料。
    电话:
    Q Q:
    答案:
    邮箱:
    留言:

    客户服务中心(7×24小时):

    • 电话:0755-25849300
    • 传真:0755-25849300
    • 邮箱:editor@aifeier1314.com

    深圳市m88网学教育咨询有限公司 版权所有 2008-2016|m88网学手机站

    m88网学专心网页规划训练UI规划训练平面规划训练淘宝美工训练7年 | E-mail:editor@aifeier1314.com
    Copyright © 2008 - 2016 aifeier1314.com. All Rights Reserved