火星网校
揭秘：超火的故宫HTML 5背后的设计故事！
发布时间：2018-11-17 19:57:24
猴哥：未来什么样的内容才可以脱颖而出？如何结合更多方式打破用户的固定思维，超出用户预期？今天腾讯游戏的设计师现身说法，以最近超火的故宫H5作为实战案例，和同学们分享背后的设计思考。
起初集团市场部联系到LAVA，经过初步沟通我们了解NEXT IDEA和故宫将展开长期合作，故宫博物院将开放一系列经典IP，与“NEXT IDEA腾讯创新大赛”的两项赛事“表情设计”和“游戏创意”展开合作。除此之外，我们还将联手故宫把“腾讯NEXT IDEA×故宫”项目的案例成果开发成对全社会开放的系列分享课程，形成再一次更大范围的文化辐射，推动青年人与传统文化的深度交流。
目前的需求是即将有一场发布会，希望能通过一个创意素材作为切入点引起当下年轻朋友的关注，吸引更多有创意想法的人才加入到这次活动中来，从故宫的角度也希望能更开放的让年轻人了解故宫的文化、故事。两个强大IP的碰撞，激情四射，有很多可以挖掘、发挥的点。
创意构想
故宫是一个世界级的超级IP，这几年的变化很大，周边创意产品借助移动互联网，故宫已经迅速地吸引了新一代的年轻粉丝。这次与NEXTIDAE的合作还能碰出怎样的火花呢？
回到项目中来看，“故宫”给我们的第一映像大多是一座大宫殿，一个文化宝藏，庄严绚丽，气质高雅，这似乎与平常的我们有些些距离感。这一印象与我们NEXTIDAE一直以来倡导创意、无边界……的理念，有些不同！所以整个项目我们需要解决的问题就是这个“距离感”，甚至是让故宫变得好像你身边的某个朋友一样，有些搞笑、欠扁，又难以割舍！爱不释手！这个差距似乎也是创意的一个突破口，是Nextidea与故宫碰撞出火花的一个点。
没错，概念就是这么滴严肃，但是我们的表现手法可以千奇百遍！于是乎打开脑门子放脑子，当下的故宫应该是怎么样的呢！
方案思路
“嘿！那个故宫小伙子，注意看镜头”（想创意的时候没有时间想那么好的标题，随便YY）
从某种情况来说，故宫不是静止的，他是有生命的，他在不同的时代下扮演着不同角色，在不同人心中扮演着不同角色。像是整个历史的主角笼罩着主角光环，屹立不倒，又像是配角，在我们的故事中充当着最伟岸的背景……其实故宫这个人的生活琐事一直都在我们周围，当下他又扮演一个怎么样的角色呢？
说要把故宫拟人化，应该不会是想要这样吧？
当然不是，故宫这么强大的IP，有茫茫多的元素可以应用，应该不需要局限在故宫这个“宫”上，可以聚焦在故宫这个宫里那些人与事身上，是他们让“故宫”有了个性。
A、初期想法：
1.用历史里和当下不同的信息载体，来承载这个故事，例如：以前的壁、书、画、和现在手机电脑里的各个平台，以及VR……一切你可以想到的。
2.借助一些大家熟悉的宫廷故事，是方案变得有趣，例如：步步惊心，还珠格格……
B、方案优化：
NEXTIDEA与故宫的碰撞，有哪些点可以碰撞呢？如何碰撞？先寻找一些代表性元素。
传统的：大家关注故宫点可能都不一样，有的人觉得故宫的历史书，有的人喜欢故宫里的人物故事，有的人喜欢故宫的古董字画……都是一些可以采用的元素。
现代的：找一些最近大家关注的点像高科技VR，与传统有强烈的反差感。还有当下大家的一些行为习惯,想朋友圈自拍点赞，人人都是低头族。并且结合融入我们业务，和我们这次活动的内容。
然后我们如何将传统与现代结合起来，让他们碰撞出强烈的火花。想要获得大家的亲睐，还是要从大家的喜好入手。有很多网民，将传统艺术作品进行二次创作。
这种戏剧感，似乎是用户care的某个点。这样新与旧的碰撞，撞出的火花，产生的效果，正是我们这次NEXTIDEA与故宫合作想要表达的那个点。
对于初步的创意提案，我们与集团市场部的同学达成共识，在多个方案中这一方案比较成熟，与这次NEXT IDEA x故宫要表达的一些概念比较准确，方案比较成熟，可优化深入。
方案成型后，内部多媒体团队正处于需求爆发期，我们联络到合作伙伴青木团队，来一起完成最后的落地，虽只用了4周时间，但过程的不断尝试，大家都非常投入期间。
大致制作过程
第一周：落地创意草图，完善故事细节，并结合此次合作的公司内业务。
将古代场景和现代可以结合，古代人物在干我们都在干的事，用不不同信息载体来联通画面，这个方案比最初的想法比较复合，新旧元素相互融入，相互碰撞的比较到位。
第二周：设计落地。整体的风格是在已有的素材上，进行二次设计。具体到画面细节的调整，一些脸部魔性表情，并且统一这些古代作品的色调。
第三周：动画节奏的把控。除了整体的控制，还有很多细节上处理。其中最重要的一块儿是皇帝，皇帝的动作、面部表情，需要配合节奏，进行了多次调整，让皇帝更生动。
第四周：优化音乐，配合画面。音乐进行多次优化，最终效果理想。并且调整画面节奏配上音乐，把整体氛围烘托出来。不得不说音乐的创作为H5加了很多分。
总结
未来什么样的内容才可以脱颖而出？结合更多方式打破用户的固定思维，超出用户预期才会带来主动传播，当然这一切不能偏离产品本身的传播核心及目标。
（来源：腾讯游戏TGideas，作者：詹姆斯▪猴）
（免责声明：本文整理自网络，版权归原作者所有，如涉及作品内容、版权或其他问题，请及时与我们联系，我们将在第一时间予以删除！感谢您的理解和包容）
分享
上一篇 2011年网页设计趋势全面分析
学员作品赏析
-
2101期学员李思庭作品
-
2104期学员林雪茹作品
-
2107期学员赵凌作品
-
2107期学员赵燃作品
-
2106期学员徐正浩作品
-
2106期学员弓莉作品
-
2105期学员白羽新作品
-
2107期学员王佳蕊作品
热门课程
专业讲师指导 快速摆脱技能困惑
相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题，火星帮你解答-
023年以来，在版号审批、出海政策等影响下，新品游戏大量涌现，这也为游戏市场带来了一些新变量、新现象。
-
学习游戏开发班可以帮助游戏爱好者从零基础成为游戏开发专家，掌握全面的游戏开发技能。
-
火星时代教育为您提供专业的界面设计实战班，在实践中掌握界面设计的核心技巧和最新趋势，成为优秀的UI设计师。
-
了解UI交互设计培训的最佳选择，比较不同培训机构的优势和特点。
-
火星时代教育为您推荐专业的学影视后期培训机构，提供高质量的培训内容及资深导师指导，助您成为优秀的影视后期剪辑师或合成师。
-
火星时代教育是一家专注于交互设计培训的机构，为学员提供专业的交互设计培训课程，并帮助他们成为优秀的交互设计师。
