“亲情的朝圣,成长的礼赞”―手机QQ闪屏设计理念
【引】:
过年咋样?玩得开心吧?
你是不是也换了n套衣服参加各种聚会;你是不是赶了n趟赶饭局;各种暴吃,闲话扯谈,油腻和二手烟,还有二姑奶奶三婶四舅的各种八卦爆料…整个假期,似乎都充斥着麻将的噼啪声和香烟酒精瓜子的腻味。
真的开心吗?
和春节一样,我们传统节日的氛围好像越来越淡了,就连过年都似乎成了一种借口,借机多喝一盅,多玩两趟。有些“节目”似乎也成了必不可少的桥段和必走的流程。
手机QQ2010春节系列闪屏就出自这样的背景下:关于年味渐淡的思考,关于回忆中的年。
当接到设计需求的时候,说实话并不知道从哪里开始下手。输入关键字“过年“搜出来的图片到处是各种热闹的场面:
顿时满脑子都是大红大红的颜色,就像各大超市的节日折扣卖场,热闹非凡。只是,这热闹无非都是些烘托节日氛围的造作罢了。除了生活中这些实物照片,还有很多个人网站,门户等网站也都换上新装,以此提醒新年的到来:
如果手机QQ的闪屏也和这些网站一样加上烟花爆竹、拉上对联、整个红包、兔子、然后涂上一屏大红色,这种以制造过年氛围为目的,形式化的表现怎么能够体现“关怀“的初衷?手机QQ闪屏是因“用户关怀”才开始,我们的“关怀”如何让用户感知?
【想法来源】:
正当挠头抓耳时,看到了好友更新的一则说说:过年回家,一次对亲情的朝圣。
这句沉甸甸的话背后,促使我开始重新考虑过年回家的意义,对手机QQ春节的闪屏有了另外的一些想法。组内小范围的讨论,大家也都对于小时候过年的印象更为深刻。
想想你的孩童时代,那种翘首期盼倒数计时的心情;那些放假疯狂游戏的玩伴;那种拿到红包最后却要充公的失落;穿上新衣服见表哥表姐的期待;和那段一个糖果一个炮竹就可以满足的年纪;连同那些大片大片空闲的时光都随着年龄的渐长,一哄而散。
在网上搜索,也有网友也曾针对“年味渐淡”的话题发起过很多类似的讨论。我们有很多共通的回忆:玩炮仗的各种新鲜玩法、新年新衣、拜年红包、用压岁钱买的游戏机…等等。
长大前后的春节对比,美好似乎都停留在了那时候。至于为什么会有这样的改变,我们不做过多的讨论。这种被遗失的美好,或许可以尝试在闪屏中表现。
于是,手机QQ闪屏的大致方向也定为:回忆中的年。
让早已对过年感觉油腻的“我们”,再回味一下我们儿时的年,同时,这些促使我们对于“亲情的朝圣”和“成长的礼赞”的思考:如果你将过年回家看成是一次对亲情的朝圣,那也是一次对成长的礼赞。应该庆幸这样的成长,因为终于可以保护曾经保护你的人,为他们撑一次伞,挑一次担…这也是我们这次春节系列闪屏希望传达给用户画面外的意义。
那么,在小小的手机的屏幕上以怎样的手法呈现,能让用户在3~5秒时间里感受到。于是,简单将这些被提到的事物和主要事件进行罗列。选取其中最有代表,共性最大的元素。依据印象中最深刻的画面,以时间为线索,划分为三个片段:
片段一:临近春节办年货
片段二:万千期待领红包
片段三:初五开市始闹腾
为什么是这三个片段呢?
主题定位:回忆中的年。
由此我们将贯穿系列闪屏的主体定为孩子的视角,以孩子为中心。办年货――对于零食的期待,领红包――可以有自己数额较大的零花钱,初五开市――店铺开张,支配零花钱。
加上与之相关的故事情节和故事的角色,依据这三个片段再设置场景,人物。有了共通的感情基础,用户的共鸣也有了一定的保障。
闪屏的制作:
根据三个故事场景,拟出故事人物,地点,事件。同时,考虑到春节闪屏为一个系列,所以在画面的延续性上也有考虑。以孩子作为贯穿故事画面的不变元素,添加事件主体人物,其它则为点缀。
由此,画出草图:
除了故事的选择,在色彩的处理上,也有考虑:选取什么色调表现。
当我们google“过年”得出的图片结果是这样的:
一大片扎眼的红色,热是热闹了,可是感觉很“生”,视觉上其实并不好受。另外,对主题而言,RGB: R=230, G=0, B=0?MYK: C=0, M=100,Y=100,K=10 )的中国红对“回忆中的年”的主题表现并不适合。于是考虑重新选取红色色值。
查找了很多图片发现,以稍微带点怀旧的红色,比较适合主题的表达,同时,由于手机屏幕的各种偏色问题的存在,中国红有风险,带旧一点的红色在手机屏幕上显示,不至于太过扎眼。
我们从传统画中去寻找这种红:
选取认为比较适合闪屏主题的几种基调色,整套设计以此作为画面的主色,适当加入部分协调色,这个依据不同画面而定。
故事场景,人物,和色调有了大的支架之后,开始制作:
Step1:
以孩子为画面视觉引导,每个画面都选择一个视觉中心点。加上部分烘托画面氛围的视觉元素,不宜繁琐。
Step2:
利用之前提取到的颜色铺出整体大调子,适当调节主色在画面上所占比例,结合不同的片段让画面间形成一定的差异。
Step3:
大的基调确定好了之后,远近的虚实与画面的取舍把握。细节的处理上可以下一番功夫,除了在表现上的调整,还可以考虑一下画面趣味性的提升。比如,在画面中都加入很生活化的事物。院子的狗、围墙上的猫、蒸笼里的包子…这些元素的加入,会让整个画面看起来更有味道。
【包装与传播】:
【用户反馈】:
此次闪屏也被用户所喜爱,关注并传播。
其实,不光是这次春节的系列闪屏开始倾向“人文”与用户情感互动,在之前的几期闪屏中,我们就已经开始偏向“人文”精神。如中秋节,感恩节等。
【对于“人文”的思考】:
越来越多的广告在寻求与用户的情感共通,不论是电视媒体还是平面媒体,都在最大程度地与用户互动,这似乎已经成了趋势使然。很典型的两个例子:
一个是台湾大众银行的系列电视广告(http://v.youku.com/v_show/id_XMjQxMTUwNTI0.html),
另外一个是春节期间公司投放的12周年电视广告,播出之后都被人们接受和喜爱。
越是经历相同,越容易有同类感,相互的距离也就更近。去年凡客就是很典型的例子,它站在的是一群人的视角,说的是一群人想说的话,而凡客因此也成了一类人的代名词。想要更贴近用户,那么创造“我们的故事”是很有必要的。
可见,情感共鸣很重要,人们也更愿意为情感买单。
【我们的方向】:
手机QQ闪屏之后的设计也将逐步向“故事性”与“人文”靠拢,让每一张闪屏都带着我们与用户共通的情感,以此,回归我们提倡的“用户关怀“。
欢迎大家随时反馈对手机QQ闪屏的建议和意见,让我们一起把用户关怀做到尽善尽美:)
建议继续学习:
扫一扫订阅我的微信号:IT技术博客大学习
- 作者:smilexu 来源: 腾讯WSD
- 标签: 闪屏
- 发布时间:2011-03-07 22:56:59
- [66] Go Reflect 性能
- [66] Oracle MTS模式下 进程地址与会话信
- [65] 如何拿下简短的域名
- [59] android 开发入门
- [59] IOS安全–浅谈关于IOS加固的几种方法
- [59] 图书馆的世界纪录
- [58] 【社会化设计】自我(self)部分――欢迎区
- [53] 视觉调整-设计师 vs. 逻辑
- [47] 界面设计速成
- [47] 读书笔记-壹百度:百度十年千倍的29条法则