建站常识
妖文化凝粹——QQ西游官网改版纪实
2010-06-29 15:19:00

引子:至尊宝只是一个山贼,命运却要他去做孙悟空
让我们从一部十五年前的电影开始,这部上映的时候票房惨淡,问世十年突然被国人接受并奉之为经典的影片,叫做《大话西游》。
单纯的无厘头搞笑是无法引发如此关注和推崇的,更深层次的是一种挑战传统的精神描绘。所谓正派的天王上仙,统统暴露出自私懦弱的嘴脸;本应是反派的妖精却个个有情有义,兄弟义夫妻情给了最大篇幅的渲染描绘;原著中人见人爱的唐僧这里变成一个罗嗦的人肉复读机;本该只是一个山贼的至尊宝却最终驾着五彩祥云去拯救世界……
看似荒诞的剧情曾引得多少人潸然泪下,仔细品来,却和《QQ西游》妖文化如出一辙。在《QQ西游》09年的市场调查中,核心用户为18~22岁的3D MMOG玩家,用户特征表现为对东方题材游戏感兴趣,追求世界观和品质感,这一群人,除了被叫做“非主流”之外,还有两个更加贴切的标签,就是“自我”和“叛逆”。自我不是自傲,不是盲目的目空一切,而是心中充满表达自己的渴望;叛逆,不是逆反道德不是反抗社会,而是反对千人一面的精神约束,想要做独一无二的自己。

了解游戏开发变革,抓住市场推广策略
《QQ西游》历经三次封测,每一次的版本都有巨大的改变和提升,美术风格是其中非常大的一部分,烽烟四起的天宫,精致灵动的女儿国,华丽大气的长安城,妖邪灵异的白骨山……玩家在惊叹新场景的华丽精致之外,也发现了其中的风格变化:Q版风格逐渐减少,取而代之的是震撼的写实、暗黑风格;

其实市场策略也开始了“从单纯游戏品质宣传转为文化包装”的转变。(从slogan的变化可窥:从“最华丽3DQ版网游旗舰”到“娶个妖精做老婆!”)其中核心的文化,就是我们看到的“妖文化”。玩家评价一款游戏,基础的都会从画面、手感、稳定性、乐趣出发,但是更上升一个层次的,是共鸣。玩家在游戏中找到自己精神的映射点,才会融入,并且信仰,所以游戏世界观和玩家精神世界的契合度决定了玩家在游戏中的所得。
《QQ西游》所塑造的世界观,其实就是提倡 “自我精神强大到无坚不摧”“任何人都有权利去追求自身世界的所谓平衡而不是归为平庸”;我们希望传达给用户的“妖文化”就是基于此基础上的、一个充满了形形色色有感情的“妖”的世界。而这一点,和文章开始提到的电影《大话西游》不谋而合。
新的美术风格、新的世界观、新的文化,自然需要新的宣传,而作为游戏面对市场玩家最重要的窗口官网,此时就承担着更重要的角色——如何将妖文化凝粹到视觉体验,将新的游戏世界展现给玩家,并引发玩家的兴趣、思考、共鸣甚至推崇。
视觉表现
在视觉表现的过程中,可以概括为三部曲:一是前期的设想与构思;二是素材的准备;三是具体的视觉执行
第一步:前期的设想与构思
未来的视觉完稿是否反应游戏本身,是否呼应游戏市场的推广核心,就取决于这一步骤是否能深入进行,设想与构思,这一期间要进行的主要工作是与产品、市场的反复沟通,然后通过浏览各种游戏网站,找到一个切合点。(这一步骤更适合于产品没有任何新场景与新人物原画的情况下,因为后面的素材准备需要设计师的参与,所以此时的思考需要做好比较充分的准备)
确认关键字,提炼诉求点
通过上面的分析,QQ西游游戏官网的视觉关键字可以从“妖文化”出发,结合游戏美术从Q版到写实,暗黑的转变以及西游本身所具备古典、中国、魔幻的特点,确认其视觉表现的关键字——妖、暗黑、魅惑、魔幻,冷艳、古典……
通过已确认的关键字,找寻各种相关的游戏网站,分析其页面视觉的优点与不妥。

通过沟通,结合“妖文化”的方向,提炼出视觉主体画面的主色调——蓝与紫,以及画面的中心表达——妖媚,魅惑。这样一来,对于第二步的素材准备也有了明确的方向。
#p#
第二步:素材的准备
这一步以往大部分都是由产品与原画师沟通后完成,游戏包装设计师参与较少,也就导致其实很多游戏官网是基于已经提供的游戏素材的基础上,然后通过比较具体的设想与构思,完成官网的设计。
西游这次对于官网素材的需求,设计师也积极参与到与画师的沟通当中,把产品的视觉诉求能够通过比较专业的表达,形成有效沟通,这样既能有效的提高画师的效率,更有利于确保前期画面设想的顺利完成。
这次素材的需求主要是一场景与一人物形象,分别是白骨精与白骨洞。

人物白骨精的修改过程
第三步:视觉执行
当第一步与第二步都顺利进行后,第三步就可以说水到渠成。而这一步的重点是在已有设想与预期素材准备情况下,如何在后续的具体表现中得到充分的描绘,使其最终视觉呈现达到最佳,甚至超越之前设想。
西游官网改版其整体把控与技法表现:
1、logo的重新演绎,之前的手写体水墨风格转向应用性更强的轻质感表现;
2、由之前整体华丽、厚重的质感表现往适度质感与轻薄干净相结合的方向转变;
3、画面的虚实结合,突出人物的性感、抚媚、冷艳,渲染一种魅惑的白骨洞氛围;
4、背景整体色彩由蓝与紫的过度表现,进一步强化视觉诉求;
5、直射光的大胆应用,增强其画面的空间感;


近期更新
- [2025-02-11 14:34:54] 青岛品牌网站定制化设计
- [2023-06-25 23:22:29] 优秀网站设计的五大特点
- [2023-04-27 14:05:55] Html 5 响应式网站设计制作
- [2023-04-10 11:07:30] 网站建设制作流程知多少
- [2022-10-14 10:11:30] 做网站设计应该更看重框架搭建还是视觉观感?
- [2022-08-09 15:57:48] 以“产品”思维搭建网站!
- [2022-08-08 09:12:57] 一家公司的网站应该有哪些板块内容?
- [2022-08-05 09:28:06] 企业网站建设为什么要设置新闻板块?
- [2022-07-04 15:58:06] 网站首页设计的好看,这个网站就成功了一大半!
- [2022-05-20 09:34:19] 网站后台管理系统是什么?有什么作用?
- [2022-05-17 11:29:32] 作为消费者,应该如何选择一家水平高的网站建设公司
- [2022-05-17 11:27:01] 品牌网站定制与模板化网站应该怎么选择?
延伸阅读
- [2010-05-11 10:55:00] 设计提升满意度
- [2009-06-12 08:33:00] 交互设计师是一个没有前途的工作?(译)
- [2010-10-26 08:01:00] 交互设计之大兵小将
- [2006-04-04 16:21:00] 网站制作流程及界面交互设计研究探讨
- [2010-02-26 21:52:00] 交互设计(10)—别让我思考
- [2009-05-04 08:19:00] 确认页的设计(confirmation alert)(一)
- [2009-05-08 08:08:00] 关于“反馈提示”的交互设计
- [2009-12-03 08:31:00] 交互设计实用指南系列 – 我们眼中的交互设计
- [2009-12-19 09:46:00] 交互设计(2):“有效性”之“可及”
- [2009-07-04 18:27:00] 交互设计师修炼之“变色龙”
- [2009-05-13 21:46:00] 谁为用户买单(1)—电子商务网站的交互设计
- [2010-06-08 22:20:00] 设计从整理开始
