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

相关推荐

  • 提高移动应用体验的7个UX设计要点

    ​APP为了提供服务与内容,信用已经成了一种主流方式。但是,在各种服务如雨后春笋般蓬勃发展的市场上,怎样让你的移动应用更有帮助更具关联性,让用户流连忘返就非常有必要了。这一次,我们介绍的是让你的用户获得非常棒的移动应用体验的7个UX设计要点,那么,一起来看看吧。

    2017-05-10
  • 干货时间|交互设计线上讲座内容回顾总结

    学艺术的大表姐带你走上艺术留学的不归路Hello~Everybody~上礼拜元宵节的结束宣告着新的一年的真的要开始了!这下我们也再没有借口偷懒了小伙伴们要用新的节奏开始奋斗啦~2018,告别懒惰,发愤图强吧!!最怕的就是:“比你优秀的人还比你努力!”当然为了给大家缓冲的时间大表姐特意送上年前的交互设计分享讲座的干货回顾总结对交互设计感兴趣的同学,可千万不能错过接下来的内容了~并且还能拓宽自己的艺术设计领域想了解更多关于英美交互院校、专业...

    2018-03-09
  • 如何编辑交互设计说明书

    当你搜索并查阅了很多网上资料后,仍可能不会编辑交互设计说明书。那么究竟该怎么编辑交互设计说明书呢?在编辑的过程中又有哪些要点和注意事项呢?

    2016-08-05
  • 传递数据背后的故事——图表设计

    7大洲中最高的山峰:
    南极洲,文森峰,16050呎 4892米
    南美洲,阿空加瓜山,22841呎 6962米
    非洲,乞力马扎罗山,19340呎 5892米
    亚洲,珠穆朗玛峰,29035呎 8848米
    欧洲,厄尔布鲁士山18510呎 5642米
    北美洲,麦金利山20320呎 6194米
    大洋洲,卡斯滕土山16024呎 4884米

    2017-06-04
  • 运营设计常用“套路”拾趣(附实战案例)

    阳春白日风花香,又是一年芳菲至,在这最美的时节,各种运营活动又开启了,就此从视觉角度结合实战案例的小心得,对运营设计的“套路”浅谈一二。罗伯特.庞德说过:“这是一个两分钟的世界,你只有一分钟展示给人们,另一分钟让他们喜欢你。”

    2017-04-30
  • 用户体验设计中的功能动画

    一位优秀的用户体验设计师能够轻松地解释设计概念中每个决策背后的逻辑。包括信息架构、页面内容结构、流程及假说。动画迟早会被融入线框图中,但在做设计决策或解释它们的时候,就会略显尴尬,因为理由基本上就是“这很酷啊!”或者“这很流行”“多有意思”,这些理由使得设计一开始就毫无说服力。在考虑设计时,我们应该更加深入地研究动画,就像解释其他设计元素那样,有依据地定义动画并解释其目的。→什么是功能动画?功能动画是一种微妙的动画,我们将它嵌入到用户界...

    2018-03-22
  • 用户体验对于SEO而言有多重要?

    用户体验对于SEO而言有多重要?SEO优化无论是针对资讯类的门户站,还是原创文章的撰写,都是非常重要的,SEO优化能够帮助网站更合理的定位,能够更好的展现在最重要、最关键用户体验对于SEO而言有多重要?SEO优化无论是针对资讯类的门户站,还是原创文章的撰写,都是非常重要的,SEO优化能够帮助网站更合理的定位,能够更好的展现在最重要、最关键的位置,也是现在最具潜力的网络营销方式之一。我们先来了解一下:在百度算法中,如何判定一个页面是否有价...

    2018-02-28
  • Axure网页Banner大集合、Banner模板、京东Banner...完整版rp源文件下载

    网页Banner大集合,banner模板、天猫banner、拉勾banner、严选banner...已发布在产品大牛http://www.pmdaniu.com/rp/detail/54529只需完成以下2个任务,即可免费拿到完整版RP源文件:1、打开上方链接地址:在该页面中点赞、下载、转存、好评;2、长按下方二维码,并关注“亮亮原型”微信公众号;最后:将完成的任务截图,发送至QQ邮箱:653390398@qq.com邮件标题请使用“网...

    2018-04-02
  • 交互设计的这十大套路,你懂多少?

    在产品设计领域,交互设计同产品经理一样,以“在充满社会复杂性的物质世界中嵌入信息技术”为中心,努力挖掘用户需求,创造和建立人与产品及服务之间的关系。 为了达到这一目的,在交互设计工作中,设计师所要…

    2017-08-01
  • 搞定APP着陆页优化的超实用原则

      你应该知道着陆页的分析方式,一个比较客观的方法是使用GoodUI(http://goodui.org)清单来提升和衡量着陆页。最优化着陆页几乎是不可能的。将着陆页最优化几乎是不可能的,但如果你正在为移动app设计一个着陆页,…

    2015-07-28