TGideas

进击！狩魂重燃------怪物猎人OL神秘站、预告站小结

In 视觉设计

on 2013-05-29 17:24:30

by 黑米

狩魂，在猎人心中从未破灭。

MH系列从初代到2DS、P2到3G每一作都堪称经典，作为一款动作游戏，能让大批玩家因为游戏本身入手主机这种情况并不多见。怪物猎人无疑是其中之一。它陪伴我们的不仅是狩猎的快乐，还是珍贵的回忆，激情的岁月。9年，12个版本，怪物猎人陪我们走过了人生中最重要的一段路。多年后翻出尘封的主机和记忆棒中的存档，心中默默流泪。游戏有时也许不算什么，但当这款游戏真的融入到你的生活，融入到你的岁月，甚至融入到你的血液，那么它会因此而不同。原来，它是曾经那么清晰的怪物猎人。（以上部分文字出自玩家）

1-项目背景

能接到怪物猎人这个项目我非常兴奋开心和激动，原因无他，我是猛汉。此次怪物猎人OL是capcom授权监制腾讯自主研发的一款全新网游。秉承MH系列一贯的精致、写实的美术风格，创新的使用Cryengine3引擎来创造比高清更上一层的次世代级别的视觉享受。传承经典，狩魂重燃-----此次项目的诉求点，也是品牌视觉包装的方向。

2-项目分析

进过前期项目、市场等的沟通，为此次神秘站和预告站确定了市场推广的关键词：传承经典，狩魂重燃。

神秘站

1前期分析

作为418腾讯游戏年度发布会，线上发布重头戏，跟兄弟几产品一共完成8个神秘站，而怪物猎人必然是重中之重，所以对于神秘站的要求，创意思路不能丝毫怠慢。既要做到形式上的新意，又能结合产品的特点，做一些结合游戏的视觉呈现。讲到神秘，这款产品也区别于其他产品，产品是全新的，但元素与符合等信息，却需要传承其单机经典，所以既要照顾到怪物猎人的老玩家也能感受到神秘，也不能让完全不了解怪物猎人的玩家看到神秘站，是一头雾水。

最后的神秘创意，我们想到分阶段表达：通过五张壁画来传递产品世界观的信息，每两天发布一张，内容信息猜测的难度由难变易，而网页互动操作是以用户第一人称视角的方式探索信息，寻找彩蛋，在过程中埋下伏笔支撑外部宣传。以山洞探索为主要的视觉场景再现突出神秘。让后续的发布有豁然开朗的感觉。

2-执行思考

壁画的表现形式一直是困扰我的最大问题，刻在石头上的立体浮雕效果一度是我准备着手开始设计的画面表现方式。在拿到原画之后我马上丢弃了这个想法------还原成写实的无色石刻浮雕会大大降低图像的信息传递，增加浏览成本。怪物猎人一贯的风格是古朴，写实，有大量的像素图形包装出现在历代版本中，这些为这次神秘站的设计表现提供了方向，我决定将壁画包装成部落岩画那种图腾形式----用图记事

3-设计执行

1--山洞还原

表现成山洞有两个点考虑的地方：

a、山洞是暗色的，看不见的，才会有洞的感觉，能为探索提供前情

b、山洞是需要有大面的空白区承载内容的填充的，所以不能有太深邃的景深

选择表现成用户站在洞内正面看到洞内的壁画的感觉，平铺的办法。

2-岩画的还原

将拿到的素材进行剥离原有质感，还原成岩画的感觉

3-探索感的加入

场景气氛的渲染需要有神秘感，对山洞的色彩明度做了处理，处理了近景石头和地面，让洞的感觉更明显，将鼠标转化成火把，通过火把探索，找出彩蛋，点亮整个壁画，完成整个体验过程

4-文案和UI的修饰

配合整体气氛，突出中心岩画，弱化了UI在页面中的所占比例，同时对字体和文案进行了修饰，略带MH风格。

5-最终效果

力图营造山洞探秘这一主题，利用火把探索点亮火盆从而照亮山洞展现信息，揭秘内容，展现MH的历史，用每两天更新一次壁画的方式提升用户的好奇从而维持用户浏览的热度。也为后续预告站进行铺垫。

预告站

1分析

预告站官网的主视觉确定为4名猎人冲向雌火龙的战斗场面。首先这个形式是比较有冲击感，其次，就画面来看品牌性较强，将它作为官网首页的首屏展示是比较合适。要表现出来的含义:团队合作、对峙。整个首页初期根据交互稿被分为3个部分：主视觉、导航、内容区（新闻、广告位）在画面色彩和UI、细节上面尽量保留原有传统风格，还是使用略暗带质感的处理。

2思考

a、首页画面

怪物猎人，顾名思义，怪物和猎人，怪物为主，而猎人为辅。那么原画中的龙需要突出，而猎人和龙的对峙要考虑到首屏的尺寸和画面的主次，提取其中一名人物突出对峙感应该是可行的。就原画本身来说，冲击感是有，但是还不够，将原素材进行了拆分重组之后仍然不满意，决定将真个视角处理成广角，让地面呈弧形，人物的位置也重新调整，增加冲击力，让对峙的感觉更强。

b、时间轴

时间轴原本交互没有，建议添加，作为一名怪物猎人的老玩家，主要考虑两点：1作为猛汉的一员，看着这些历代的版本，勾起了很多回忆，能够满足玩家情感的共鸣；2明确的指出MHO乃正版----MH系列中的一员，打消前期预热时玩家的疑惑。当然，在满足这些的同时，要保证它并不影响浏览体验。

c、背景音乐

这个环节对于品牌塑造非常有必要，特别是怪物猎人这款游戏，《英雄之证》这首曲子是只要玩过游戏的人都耳熟能详的，识别率非常高，能够加强我们的品牌识别性。

3  设计执行

作为MH的老玩家进入了网站被呼唤起内心的狩魂，这是很重要的一件事，我觉得官网的画面还不够燃，还不足以让人亢奋和激动。我建议加入前置动画，选取了历代怪物猎人版本里都会有的雌火龙的攻击动画。这个画面也能和后面官网首页的视觉形成很好的呼应和衔接，同时也是一个前后剧情的延续。在官网的UI设计方面主要还是延续怪物猎人一贯的风格，同时加入MHO特色的元素。不宜太轻，不宜太重。

4  最终效果

设计的最终目的还是围绕传承经典，狩魂重燃这个概念，让玩过怪物猎人的用户一眼就看出来。当然，网站的功能也是很重要的，所以单独为游戏资料做了专题：hunter note 一贯的怪物猎人风格。

3项目总结

感谢项目组所有同事的配合，每一个跟怪物猎人历代版本相关的问题都逐一的解释扫盲、动画组的同学和重构的同学对官网的高度还原，也感谢身边每一个同事提出的宝贵意见。

个人总结：

前期的沟通非常重要，占项目最终完成的50%；精确的品牌定位能帮助产品迅速站立；整个网站的设计和品牌的包装是对产品的深入认知的过程； 站在玩家的角度去设计是游戏产品视觉包装所必须具备的条件；传承只是一个过渡，创新才是根本。

感悟：做完怪物猎人神秘站预告站项目，我来到TGideas团队刚好2年。这两年个人的成长、收获很大，感谢一直以来在工作上、生活上给予我帮助、鼓励的人。不拒绝忙碌，因为其让我充实，别抱怨挫折，因为其让我变得更坚强。真猛汉，进击！

怪物猎人官方网址：http://mho.qq.com/

首发神秘站体验地址：http://mho.qq.com/xnz/