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

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

9月21日 乱人心投稿
  圣诞节即将来临,如何突破固化思维,开阔新的思维,让我们的圣诞节Banner及专题页面设计更有意思更具吸引力呢?不妨跟随作者的脚步,发散下思维,一起来寻找灵感?
  说到圣诞节相关的设计,估计大部分正常人想到的都是这样的场景:白茫茫的雪地里,一位和蔼可亲的圣诞老爷爷驾着驯鹿拉的雪橇,背上还有一个大袋子,袋子里面装满了各种各样的礼物,这些礼物会被挨家挨户地送到需要的人手里
  之所以我们会有这种固化的思维,是因为圣诞节本来就是国外的节日习俗,我们对它的了解其实还是比较少。那么,能不能多一些开阔思维,让我们的设计更有意思更具吸引力呢?今天我们就一起来聊一下这个话题好了。
  在开始这个话题之前,我还是要带大家回顾一下拿到需求后,我们如何发散思维,做思维导图,寻找灵感?
  1、拿到设计需求后,我们该如何做寻找设计方向呢?
  再讲这个话题之前,我还是先拿以前的一个需求作举例。比如,马上圣诞节要来了嘛,有一款不是大品牌的口红需要做活动(你就假想是网红要推出的一款口红好了),文案如下:
  活动主题:惊艳圣诞Party
  大标题:够红才够女王范儿
  小标题:口红新品限量发售
  定位分析,先理解一下这个活动要表达的几个意思:
  (1)这是圣诞节活动;
  (2)这是卖口红的圣诞节活动;
  (3)买这只口红的人是梦想自己在圣诞Party上成为最受瞩目的那位女王的人;
  (4)这只口红是新品,谁先买了谁就能抢一步体验当女王的感觉,价格多少是其次;
  (5)买这只口红的人应该是爱玩的年轻少女或少妇,内心是渴望放纵渴望变美渴望变时尚的。
  基于以上分析和定位,我做了一张思维发散图,大家可以看一下:
  根据以上思维发散图,我们不难发现,其实同一个文案或活动主题的设计是有很多种实现方法的,相当于高等数学里的排列组合一样,而我们做设计的时候呢,无非就是要权衡氛围的热闹程度以及我们想突出表现什么信息,比如:
  你是想要画面热闹一点还是冷静一点?
  你是想要画面时尚一点还是保守一点?
  你是想要画面体现氛围多一点还是体现产品本身的功能或样式多一点?
  你是想以卖货为主还是想以展示效果为主?
  总之,根据不同的方向所设计出来的结果是不一样的。
  比如,对于我来说的话,我更想要以体现氛围为主,我想要画面里出现模特代言一样的效果,那么接下来我就可以提取一些符合我要的定位方向的关键词来确定设计方向:我们分别从风格形式标题配色来说明,如下所示:
  风格:时尚镂空折纸;
  形式:模拟打开礼盒的形式,仿佛是礼盒一打开就出现了一位红唇齿白的美女,手里还拿着口红;
  标题:标题采用居左排版样式,加粗字体;
  配色:红绿白;
  基于以上的思考分析,我花了30多分钟自己做了一版banner图,如下图所示:
  下面是GIF步骤图(因为步骤比较多,导致图片尺寸略大,所以画质不太好):
  以上,整个从联想元素到最终完成一个Banner设计的过程就完成啦,需要说明的是这只是一个比较常规的圣诞节Banner,谈不上非常有创意,但是思维发散的原理和思路差不多都是大同小异的。
  2、从哪些方面着手,可以让我们的圣诞节页面更具吸引力呢?
  说到吸引力,要么就是在同行业里做到最好了,要么就是能做到合适的同时还能与众不同,给人眼前一亮的感觉,总之就是要有突破,以下,我总结了几个思路和方向,我们一起来看下:
  (1)从表现形式上着手
  将元素放大处理
  一般来说,这几种元素的放大处理,都可以增加圣诞页面的视觉冲击力,比如大大的礼盒:
  这个页面都是2012年的了,应该很多人有印象吧,不过还是比现在很多圣诞节页面好看,哈哈。
  大大的圣诞树
  大大的圣诞老人
  大大的长筒袜
  大大的房子
  大大的裙子
  总之,这种页面设计的诀窍在于,画面里要有很大的一个人元素撑起整个画面,就好比压轴的,撑场面的。
  让元素破出
  比如我很久之前做的这个页面,需求方提供的产品图非常普通尺寸也很小,图片质量也很差,但是为了让画面稍微有意思一点,我就将质量特别差的产品图隐到背景里去,质量稍微好一点的图跳到前方来,同时让最大的那一款产品跨出那条分割banner和楼层的分界线,会显得更有层次感。
  说点题外话,这个页面因为头部banner高度被限制了,所以看起来有点小气,如果头部高度能够稍微加大一些会显得更开阔大方。
  再比如像下面这个可口可乐的圣诞节页面,也是一样的原理,让所有元素跨出雪地和红色背景的分界线。
  留白
  当别人都在热热闹闹红红火火的时候,你做这种小心机的留白处理,就感觉是圣诞节页面中的一股清流呢。
  (2)结合自身的产品或类目的特性想创意
  能够将节日与自身的产品相结合形成创意,比只是简单的场景搭建货产品堆砌要高级的多,大家可以看下面一组创意广告,都不需要什么文案说明,看一眼就懂了,留下会心一笑:
  膜法世家的圣诞节页面也可以看下,将面膜堆成圣诞树的样子,延续一贯的梦幻画风(如果标题及各种光影的处理细节能注意下就更棒了):
  (3)从表现手法上着手
  正负形
  有货的这个页面就用到了正负形表现手法,很简洁但也挺有意思的。
  手工(剪纸捏软陶小人)
  我觉得这个可以跟圣诞卡片的制作取一些经,这些卡片的制作其实也都涉及到了三大构成相关的知识(色彩构成平面构成立体构成),尤其是大家接触比较少一点的立体构成知识。
  而且要说明的是,我看到这些东西其实现在幼儿园里的小朋友们就已经开始接触培养了,做得特别有意思,而很多工作了几年的设计师基础太差了不说,可能连连见都没见过,你们说是不是输在了起跑线上呀?
  比如,周生生的这个页面就有点类似于折纸剪纸的效果:
  橱窗设计效果
  其实做电商专题页设计或者banner设计,也可以去橱窗或展柜设计这些领域找下灵感,大家会发现这些橱窗设计非常擅于用灯光营造浪漫和温暖的氛围,营造空间感。
  摄影玩构图
  合成
  3D建模
  手绘
  手绘有很多种,我以前专门写过一篇关于手绘的文章,感兴趣的可以去看下
  做成动态效果
  条件允许的情况下,页面做成动态肯定是更加吸引人有圣诞氛围的啦。
  (4)从配色上着手
  打破红配绿的魔咒,圣诞节其实不一定非要用红配绿的,因为除了颜色以外,还可以通过用相关元素点缀什么的来呼应圣诞节日啊。
  当然,如果老板或需求方那边接受度低或者觉得还是更喜欢红配绿,希望圣诞节喜庆氛围浓烈点,那就不要冒这个险啦。
  (5)从标题设计上着手
  标题作为头部Banner部分的重要组成部分,标题设计的好看也是会让页面更加吸引人的,无论是材质颜色还是形式上的。
  以上无论是从表现形式配色标题设计产品特性表现手法等等方面着手,都可以在保持页面调性一致的情况下任意组合,所以方法非常非常多,大家学到了吗?
投诉 评论 转载

百度三端搜索首页之美:精确、精准、精细持之以恒的学习是设计的来源,责任感是设计的原则,而灵感是设计的升华。在正式开始之前,我们首先来思考几个问题:在众多的产品中,我们设计的产品在体验层面是怎么样脱引而出……蘑菇街App改版设计总结新版app在短短的一个多月内,完成了从方向调整到开发上线的全过程,而设计在其中仅仅只占一周多,这也是互联网公司面临的共性难题。为了配合产品小步快跑的策略,我们采用敏捷设计的方法……箭头符号:一个最常见却不容忽视的图标箭头符号可能是人类图形史上最伟大的创造。是的,这只是一个箭头,一个最常见不过的图标,但如何把它放在合适的位置,如何不过度的滥用这个符号,却是我们每一位设计师不得不每天面对的问题……交互设计自查表的建立:思路与项目实例解析我习惯从层级的角度由高至低地排查各个交互层面可能存在的问题首先是信息架构与流程这一最高层级,然后是界面的具体呈现,以及基于界面呈现的交互过程,最后才是以上自查中均未涵括的其他特……5个突破点,设计更具吸引力的圣诞节Banner及专题页面圣诞节即将来临,如何突破固化思维,开阔新的思维,让我们的圣诞节Banner及专题页面设计更有意思更具吸引力呢?不妨跟随作者的脚步,发散下思维,一起来寻找灵感?说到圣诞节相……扇贝单词App软件的交互思路,神还原!本篇勾文思路,重点是明白设计软件为了什么?而不要盲目设计,时刻记住目标。注:我不是它的设计者,但我可以大概还原此APP整个设计思维,为了方便讲述,会采用第一人称“我”。……视觉设计:重在视觉表现上,提高产品的用户体验对于一个优秀的产品来说,视觉设计是重要的组成部分。视觉在整个设计流程中是一个两极分化的一环,它常被认为是对设计进行多余的雕琢,只不过是为了取悦老板们的糖衣炮弹。又或者,通……APP交互设计,需要注意五点事项交互设计这个词最早提出来是在19271970年,那个时候只是个初创期。后续随着时间推移,互联网和机器的发展,这几年开始被人重视这个交互设计。很多公司专门成立个部门叫UED,听起……从逻辑层、感官层与知觉层,讲述体验设计的表和里什么是合格靠谱的体验设计?在逻辑层讲一个通顺的故事。什么是触动人心的体验设计?在感官层唤起人的体感记忆。什么是经典不衰的体验设计?在知觉层建立起认同和反思。什么是合格靠谱……优化App的设计:防止用户错误,并建立良好的错误信息“错误”时有发生。在App与生活中都会发生。有时是因为我们犯了错误,有时是系统错误。无论错误原因是什么,它们还有解决方式对用户体验影响深远。但它往往不被重视,草草处理错误、组织……在交互稿中,应重视键盘类型的标注在交互稿的标注中,我们经常会忽略键盘的说明,这是不对的。键盘在用户的交互过程中起到了非常重要的作用,尤其在多个输入框的场景下。为什么需要标注键盘类型?大家都知道,一……重塑车载用户体验:仪表盘的重设计(一)这次带来的是Adhithya的一系列的关于思考车内人机交互的文章。这是一个系列哈,今天带来第一篇关于仪表盘的重构。这个项目始于对我最讨厌的车内控制器的解决方案。随着时间的……
如何设计WMS多批次收货需求(下):方法论实操确定执行按钮应该设计在左边还是右边?电商后台:采购管理模块关于底部导航栏设计,你忽略了哪些?复盘:如何从0到1设计触达系统方法总结:通过历史需求了解一款你将要负责的产品合理搭建巨量引擎账户结构,帮助广告投放复盘实战分享:CRM社群管理的产品思路及设计如何设计WMS多批次收货需求(上):我的产品方法论UML建模方法论(下):系统建模如何设计删除按钮,防止数据丢失国庆出行:小众类旅游app假想
刘少林前女友宣布参加下届冬奥会!身材已走样,需要卖房凑费用双外援仅14分背锅!浙江1分惜败广东,吴前错失关键罚球沮丧离《比较大小》一年级数学教案草房子读后感向往荷兰互联网时代有什么技能才算人才?好文:为什么精子发黄精液发黄怎么办热文聚热点网 记本电脑什么牌子好记本电脑品牌推荐详解第四章:产品设计(2。1)PRD写作罗列信息(信息结构图)AC米兰表现不佳,但仍然在客场以3:1逆转击败卡利亚里【酷猫 怎样辨别真假斯伯丁篮球不成熟男人的种表现

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