5个突破点,设计更具吸引力的圣诞节Banner及专题页面

圣诞节即将来临,如何突破固化思维,开阔新的思维,让我们的圣诞节Banner及专题页面设计更有意思更具吸引力呢?不妨跟随作者的脚步,发散下思维,一起来寻找灵感?活动主题:惊艳圣诞Party
大标题:够红才够女王范儿
小标题:口红新品/限量发售
定位分析,先理解一下这个活动要表达的几个意思:
(1)这是圣诞节活动;
(2)这是卖口红的圣诞节活动;
(3)买这只口红的人是梦想自己在圣诞Party上成为最受瞩目的那位女王的人;
(4)这只口红是新品,谁先买了谁就能抢一步体验当女王的感觉,价格多少是其次;
(5)买这只口红的人应该是爱玩的年轻少女或少妇,内心是渴望放纵渴望变美渴望变时尚的。


圣诞节即将来临,如何突破固化思维,开阔新的思维,让我们的圣诞节Banner及专题页面设计更有意思更具吸引力呢?不妨跟随作者的脚步,发散下思维,一起来寻找灵感?

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

说到圣诞节相关的设计,估计大部分正常人想到的都是这样的场景:白茫茫的雪地里,一位和蔼可亲的圣诞老爷爷驾着驯鹿拉的雪橇,背上还有一个大袋子,袋子里面装满了各种各样的礼物,这些礼物会被挨家挨户地送到需要的人手里……

之所以我们会有这种固化的思维,是因为圣诞节本来就是国外的节日习俗,我们对它的了解其实还是比较少。那么,能不能多一些开阔思维,让我们的设计更有意思更具吸引力呢?今天我们就一起来聊一下这个话题好了。

在开始这个话题之前,我还是要带大家回顾一下拿到需求后,我们如何发散思维,做思维导图,寻找灵感?

1、拿到设计需求后,我们该如何做寻找设计方向呢?

再讲这个话题之前,我还是先拿以前的一个需求作举例。比如,马上圣诞节要来了嘛,有一款不是大品牌的口红需要做活动(你就假想是网红要推出的一款口红好了),文案如下:

活动主题:惊艳圣诞Party

大标题:够红才够女王范儿

小标题:口红新品/限量发售

定位分析,先理解一下这个活动要表达的几个意思:

(1)这是圣诞节活动;

(2)这是卖口红的圣诞节活动;

(3)买这只口红的人是梦想自己在圣诞Party上成为最受瞩目的那位女王的人;

(4)这只口红是新品,谁先买了谁就能抢一步体验当女王的感觉,价格多少是其次;

(5)买这只口红的人应该是爱玩的年轻少女或少妇,内心是渴望放纵渴望变美渴望变时尚的。

基于以上分析和定位,我做了一张思维发散图,大家可以看一下:

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

根据以上思维发散图,我们不难发现,其实同一个文案或活动主题的设计是有很多种实现方法的,相当于高等数学里的排列组合一样,而我们做设计的时候呢,无非就是要权衡氛围的热闹程度以及我们想突出表现什么信息,比如:

  • 你是想要画面热闹一点还是冷静一点?
  • 你是想要画面时尚一点还是保守一点?
  • 你是想要画面体现氛围多一点还是体现产品本身的功能或样式多一点?
  • 你是想以卖货为主还是想以展示效果为主?

……

总之,根据不同的方向所设计出来的结果是不一样的。

比如,对于我来说的话,我更想要以体现氛围为主,我想要画面里出现模特代言一样的效果,那么接下来我就可以提取一些符合我要的定位方向的关键词来确定设计方向:我们分别从风格/形式/标题/配色来说明,如下所示:

  • 风格:时尚镂空折纸;
  • 形式:模拟打开礼盒的形式,仿佛是礼盒一打开就出现了一位红唇齿白的美女,手里还拿着口红;
  • 标题:标题采用居左排版样式,加粗字体;
  • 配色:红/绿/白;

基于以上的思考分析,我花了30多分钟自己做了一版banner图,如下图所示:

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

下面是GIF步骤图(因为步骤比较多,导致图片尺寸略大,所以画质不太好):

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

以上,整个从联想元素到最终完成一个Banner设计的过程就完成啦,需要说明的是这只是一个比较常规的圣诞节Banner,谈不上非常有创意,但是思维发散的原理和思路差不多都是大同小异的。

2、从哪些方面着手,可以让我们的圣诞节页面更具吸引力呢?

说到吸引力,要么就是在同行业里做到最好了,要么就是能做到合适的同时还能与众不同,给人眼前一亮的感觉,总之就是要有突破,以下,我总结了几个思路和方向,我们一起来看下:

(1)从表现形式上着手

将元素放大处理

一般来说,这几种元素的放大处理,都可以增加圣诞页面的视觉冲击力,比如大大的礼盒:5个突破点,设计更具吸引力的圣诞节Banner及专题页面

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

这个页面都是2012年的了,应该很多人有印象吧,不过还是比现在很多圣诞节页面好看,哈哈。

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

大大的圣诞树

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

大大的圣诞老人

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

大大的长筒袜

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

大大的房子

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

大大的裙子

总之,这种页面设计的诀窍在于,画面里要有很大的一个人元素撑起整个画面,就好比压轴的,撑场面的。

让元素破出

比如我很久之前做的这个页面,需求方提供的产品图非常普通尺寸也很小,图片质量也很差,但是为了让画面稍微有意思一点,我就将质量特别差的产品图隐到背景里去,质量稍微好一点的图跳到前方来,同时让最大的那一款产品跨出那条分割banner和楼层的分界线,会显得更有层次感。

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

说点题外话,这个页面因为头部banner高度被限制了,所以看起来有点小气,如果头部高度能够稍微加大一些会显得更开阔大方。

再比如像下面这个可口可乐的圣诞节页面,也是一样的原理,让所有元素跨出雪地和红色背景的分界线。

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

留白

当别人都在热热闹闹红红火火的时候,你做这种小心机的留白处理,就感觉是圣诞节页面中的一股清流呢。

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

(2)结合自身的产品或类目的特性想创意

能够将节日与自身的产品相结合形成创意,比只是简单的场景搭建货产品堆砌要高级的多,大家可以看下面一组创意广告,都不需要什么文案说明,看一眼就懂了,留下会心一笑:

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

膜法世家的圣诞节页面也可以看下,将面膜堆成圣诞树的样子,延续一贯的梦幻画风(如果标题及各种光影的处理细节能注意下就更棒了):

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

(3)从表现手法上着手

正负形

有货的这个页面就用到了正负形表现手法,很简洁但也挺有意思的。

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

手工(剪纸/捏软陶小人)

我觉得这个可以跟圣诞卡片的制作取一些经,这些卡片的制作其实也都涉及到了三大构成相关的知识(色彩构成/平面构成/立体构成),尤其是大家接触比较少一点的立体构成知识。

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

而且要说明的是,我看到这些东西其实现在幼儿园里的小朋友们就已经开始接触培养了,做得特别有意思,而很多工作了几年的设计师基础太差了不说,可能连连见都没见过,你们说是不是输在了起跑线上呀?

比如,周生生的这个页面就有点类似于折纸剪纸的效果:

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

橱窗设计效果

其实做电商专题页设计或者banner设计,也可以去橱窗或展柜设计这些领域找下灵感,大家会发现这些橱窗设计非常擅于用灯光营造浪漫和温暖的氛围,营造空间感。

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

摄影/玩构图

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

合成

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

3D建模

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

手绘

手绘有很多种,我以前专门写过一篇关于手绘的文章,感兴趣的可以去看下

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

做成动态效果

条件允许的情况下,页面做成动态肯定是更加吸引人有圣诞氛围的啦。

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

(4)从配色上着手

打破红配绿的魔咒,圣诞节其实不一定非要用红配绿的,因为除了颜色以外,还可以通过用相关元素点缀什么的来呼应圣诞节日啊。

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

当然,如果老板或需求方那边接受度低或者觉得还是更喜欢红配绿,希望圣诞节喜庆氛围浓烈点,那就不要冒这个险啦。

(5)从标题设计上着手

标题作为头部Banner部分的重要组成部分,标题设计的好看也是会让页面更加吸引人的,无论是材质/颜色/还是形式上的。

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

5个突破点,设计更具吸引力的圣诞节Banner及专题页面

以上无论是从表现形式/配色/标题设计/产品特性/表现手法等等方面着手,都可以在保持页面调性一致的情况下任意组合,所以方法非常非常多,大家学到了吗?

好啦,以上关于圣诞节页面的设计,我们就先总结到这里吧,其实还有很多可以说的点,以后再慢慢讲,我们下期再见!~

#专栏作家#

做设计的面条,公众号:做设计的面条,人人都是产品经理专栏作家。一位擅长将电商及banner设计讲得最透彻易懂的妹子,有趣有料会拍照,欢迎互相交流。

本文原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/25981/

(0)
CatherineCatherine
上一篇 2017-05-13 00:17
下一篇 2017-05-13 02:27

相关推荐

  • 交互设计、视觉设计 | 专业、课程大起底,

    dadsadsadasdsadsMulticultural epicenters for arts, culture, design, and business.是什么原因让你对设计感兴趣?是爱吗?是责任吗?都不是!是因为当年某个app的UI设计让你眼前一亮然后就欲罢不能!于是确认过眼神,我遇见了最爱的专业。想为之奋斗一生。于是就这么愉快的决定了 在设计这条不归路上愈行愈远。纠结了许久,等到开始准备作品集时却分不清什么是视觉设计或是交互...

    2018-03-29
  • 用户体验设计中的用户故事和场景

    翻译校对:晓黑 原文:http://usabilitygeek.com/tag/user-experience/ 有一段时间,最好的网站设计是一个装了一些很酷的新功能,一个怪异的导航和其他任何设计师认为不错。我们信任设计师的品味和意见往往甚至比我…

    2015-12-29
  • 搞定老板第一步!如何准确描述自己的设计?

    @姑娘贩子 (手机淘宝设计师):如何准确描述自己的设计,这个问题困扰了我很久。这篇文章希望通过回溯淘小铺2.1项目的整个设计过程,从另一个角度,尝试解答这个问题。 这篇文章原本的标题是“小铺2.1用户分层引导…

    2015-11-24
  • 双十一电商大战文案大比拼 看看谁家最吸睛

    双“十一”从一个略带悲情色彩的“光棍节”,已经被各大电商玩成了不折不扣的购物狂欢节。活动、文案,一道看看谁家最吸睛。。。 天猫 阿里的公关,可真不是吹的,一纸“禁令”让各大电商网站乱了阵脚。然后慢悠悠地玩起…

    2014-11-07
  • 几何动图采集,设计师数学能力大爆发!

    原文作者:Adam Plouff 分享自微博:@Victoria_ia   哎呀妈呀,我要去补习一下几何学了。  

    2015-07-08
  • Axure RP 8.0 软件激活 安装教程 激活码 序列号

    点击上方蓝字关注免费领取百度网盘超级会员等部分软件没有贴详细教程和网盘链接,可以给公众号留言发信息,也可加微信:qihai-77当你需要的软件我们没有发布时,可以给我们留言或者加微信:qihai-77反馈哦链接:https://pan.baidu.com/s/1VjyU1Ok307Go4VaV54LhcA密码:3nf7有任何需要安装的软件或问题可咨询微信客服:qihai-77链接失效可在公众号留言某某链接失效 或联系微信客服:qihai...

    2018-03-29
  • 拆解【用户体验要素】

    作为产品经理不但要有能力作出产品设计和规划,更要尊重用户,作出用户体验更佳的产品【用户体验要素】告诉我们如何更好的设计出让用户体验更佳的产品方法论,那么这本书如何更好的应用到实战中,我们如何更好的将理论与实践结合呢?我们今天简单来阐述一下【用户体验要素】概论知识初识【用户体验要素】【表现层】我们所能看到的一系列的网页的元素:图片、文字、按钮等,有些图片就是图片,单纯的进行展示;有些图片或者文字有可能就是一个按钮链接,通过点击可以执行某种...

    2018-05-05
  • 用户体验与产品价值

    关注一下,更多精彩等着你户体验不等于用户可用性当你局限地将用户体验等同于用户接触UI时的可用性的时候,或者是局限地理解用户体验只是发生在用户使用产品过程中的时候,你就会说:有比它更重要的事情,比如用户价值、产品价值。是的,没错。如果产品没有用,即对用户没有价值,UI的可用性绝对不是最重要且,但是我们仍然得时刻提醒自己,可用性不等同于用户体验,可用性只是用户体验(使用中)的一部分而已。用户体验设计超越产品设计。用户体验设计包括组织开展用户...

    2018-03-03
  • 一年多的时间中经历2次爆发,Faceu在运营方面的过人之处在哪?

    作者:思达维琦   1. 产品介绍 1.1 产品形态与定位 faceu激萌是一款主要面向年轻用户(15-35岁女性为主)的自拍P图工具、视频社交工具,在app store中的官方描述为“Faceu激萌—动态贴纸、美颜自拍、视频聊天、卖萌神…

    交互专题 2017-08-07
  • 译|构建用户体验地图的时机和方法

    用户体验地图结合了两个强大的工具—讲故事和可视化 ,以帮助团队了解和解决用户需求。 虽然体验地图会根据不同的场景和商业目标采取各种各样的形式,但通常都包含一些元素,并且有很多可以遵循的潜在基本规则,使得用户体验地图为设计提供帮助。定义:用户为了实现目标而经历的过程的可视化,它用于了解和解决用户的需求和痛点。

    2017-04-29