挖掘创作背后的故事！H5 《生命之下，想象之上》创意团队

文章：(来自：数字英语网digitaling.com)
“生活之下，想象之上”H5是《2015腾讯互动娱乐UP发布会》整个品牌推广链条中的一环，在发布会整体包装中处于线上品牌线预热阶段。本次会议的整体包装，团队参与度也比较高，从前期的战略策划，了解目标受众，分析行业、媒体、大众的文化心理特征，控制会议整体风格，预算管理，到创意策划执行的视觉、视频、展览体验。
我们的目的是做一个符合2015年发布的品牌形象的H5，提出本次发布会的品牌理念，——，让想象力绽放，总的来说就是让气质发挥作用。
如果你还没玩过，先体验一下吧！
地址：http://up.qq.com/2015/imagination
接下来，我们开始讲解案例吧！
寻找想象力(头脑风暴)
我们已知的信息，2015年的slogan——，让想象力开花，然后整个想法就会围绕“想象力”开始联想.
发散，首先来看看大家是怎么展现想象力的！
游戏类
1.图片、故事、互动.营造各方面想象的氛围，让想象具体化，更加直白，多重刺激会很快给人留下印象。例如：
《纪念碑谷》 ——游戏体验无论从故事、画面还是互动，都充满了想象、想象和爱；
《Gorogoa》 ——一款独特的益智游戏，世界是悬浮的，用手工精心绘制。整个游戏画面分为四块，场景切换相当意外和混乱；
《谜画之塔》 ——益智游戏，拯救少女Iris。游戏通过想象将富有想象力的绘画转化为场景，整个体验在城堡绘画和艾瑞斯的绘画之间穿梭，进入想象的华丽世界。
2.酷炫效果，让用户通过游戏互动打开脑洞。这种想象力的表达要求较高，用户对想象力的理解程度不同，难以驾驭。例如：
《shadowmatic》
《拯救基瓦努卡Kiwanuka》
影视类
影视中有很多种想象，独特的节奏感和情节感可以延伸到H5。例如：
《星际穿越》 ——对未知的好奇与遐想；
《少年派》 ——强有力的故事环环相扣，充满想象和情怀。
图书类
文字让人更有想象力，有更多的表达方式可以借鉴。正如我小时候学到的：
从百草园到三潭印月——，许多隐喻的拟人手法让枯燥变得有趣；
面对大海绽放——用文字营造出一种有力的画面和诗意的氛围。
故事的构思(梳理、联想)
有各种各样的表达方式来表达想象力。联想想象之后，我们会整理出一个适合这个发布会的表达。
根据初步设想，这个H5需要三点：
1.性格；角色；字母
寻找一个承载梦想的主角，自然选择孩子，孩子是最有想象力的角色。
2.核心要素
需要有一个元素，代表整个H5的重心，并导致整个故事。选用2015UPKV的三角形元素，三角形多变，KV元素也呼应了这一届的主题。
3.情节
支持所有基金会。完整的路线，这样H5就不会彼此脱节。
然后，拟定故事中的几个关键情节，使故事连贯，环环相扣。然后加上跌宕起伏，让体验不那么枯燥。
文案也是从这些关键点开始的，有了一个3354的雏形。
引言：我们的旅程是星辰大海。
扬帆起航：置身浩瀚宇宙，欢喜仰望。
坠落：坠入未知的山谷，向前狂奔。
探索：穿越茫茫大海，奇幻多彩。
绽放：踏上无垠的旷野，低头播种。
结：花长在花的上面，梦再现在梦的上面。
将之前的剧情、人物、元素、故事梳理成一个完整的素描。
关于视觉
整体——大气渲染
我想营造一种诗意和感伤的氛围。从场景出发，更大的场景，更大的视角，如海空，让人遐想，运用拟人夸张的手法。
详细描述——个字符和元素。
人物用简单的色块设定，没有很细致的鼻子和眼睛，还有些神秘感，让大家去想象人物。三角元素多变的配合出现在几个不同状态的关键情节中，引领整个故事。
完成设计草案输出
启航
掉落/掉落
探索
开花
来丰富内容，制造一些惊喜。
1.利用适当的杠杆找到共鸣。
找一些经典元素，好好利用。古典元素已经深入人心，如果能巧妙运用，可以为整个H5增添不少趣味。有点像经典致敬。在埃舍尔矛盾空间经典画作的帮助下，原本普通的室内场景变得奇幻有趣，让人有一种过目不忘的感觉。
2.与商业部门相结合
-我不想僵硬地把业务板块放进H5，那会影响整体氛围的营造。希望能找到一些大家能产生共鸣的元素，含蓄的反映这几大业务。
比如电影，《星际穿越》中的黑洞元素深入人心，电影的热度还没有过去。这个元素可以很好的应用。
比如：文学，利用已有的元素来营造氛围，用文字的笔画来营造一些空间感，增加很多氛围。
3.增加互动，丰富故事
当角色在洞穴中行走时，整个过程显得很平静。影子的巧妙应用，加上互动，增加了新的意义(小人物也有强大的内心)，不简单。
音乐
受限于版权问题，结合项目创作配乐，在ios平台GarageBand上编译。整体节奏配合画面氛围，为H5增添个性。音乐部分也分为四个板块，符合故事节点中的情绪，如坠落、空灵的音效、加入和声效果的探索等等。
动画节奏
H5的关键部分是动画。除了一些细节，整体节奏感相当，关系到用户体验的舒适度。动画搭档也真的是在全程的掌控中与时间赛跑，一滴不剩。(期待他们的详细分享)
技术
快速选择与该H5项目相对应的最佳方案。
H5动画用了很多图片，所以文件特别大。为了确保更好地体验H5，技术专业的学生们夜以继日地努力打磨它！(期待他们的详细分享)
摘要
1.从数据来看，反馈良好。
PC与移动终端的合作。PC端依然是一股不可忽视的力量，可以巧妙应用，做出一些新奇古怪的东西来帮助移动端导流，提高曝光数据。
2.不断尝试新事物。
人都有一种好奇心，新事物总是会被人喜欢，会让人更加关注。
3.小伙伴互相配合
把自己擅长的东西投入到项目中，充满兴趣和参与感。
朋友的力量是坚强的后盾。过去，技术常常是限制H5表现的痛处。相反，这一次这个项目前期没有太多考虑技术问题，后期处于未知状态，但是H5的还原度很好。
感谢观看！
数字英语网(digitaling.com):集数字媒体和职位招聘于一体的信息平台。内容涵盖营销、广告媒体、创意设计、电子商务、移动互联网等数字化相关领域。