当前位置:首页 >教程首页 > U I 设计 > AI+UX设计大师班 >游戏《战争雷霆》悬念站设计

游戏《战争雷霆》悬念站设计

发布时间:2018-11-17 19:57:24
在没有任何预兆的情况下,战争雷霆忽然降临到我们身边,在如今竞争激烈的游戏市场中每款游戏都希望自己能够跳脱出来得到玩家的追捧,这也恰恰成为摆在我们面前的难题,找到差异,提炼属于它的视觉元素把控调性风格让它成为真正的与众不同。
 
产品背景介绍
 
《战争雷霆》是俄罗斯开发商Gaijin Entertainment于2011年初开发的一款以二战历史为背景的模拟类网游。游戏内加入了上百种载具,玩家可以代表不同国家加入战斗并对自己的载具进行改造升级,也会在作战经验积累中逐步获得更高的军阶与相应的能力。
 

 
悬念站前期沟通
 
针对《战争雷霆》的首发神秘站我们希望能够有足够神秘的游戏氛围,表现出游戏部分信息的同时又不点破游戏,让玩家有一种雾里看花的感受,调动玩家与媒体的积极性,对腾讯这款年度战争网游充满期待。
 
创意的推动
 
在了解游戏世界观与玩法后我们进行了关键词的梳理,并且针对可包装的点进行提炼。
 
我们选取了二战、载具、战役为关键点进行视觉联想,最终决定以二战战役作为主线,将整个神秘站串联起来,让玩家通过每场战役的年代变迁感受战争的激烈。
 

 
悬念站设计执行与制作
 
整体悬念站以二站历史为脉络,引导玩家从上向下滚动浏览网页,采用错层的形式展现每场战役的相关载具,配以相关国家领导人的战争名言增强玩家的代入感。主要展现二战、载具这两个游戏关键词,通过年代线索一步步引导玩家来到2014年,在有效传达游戏世界观的同时完全隐蔽了游戏内容,达到了悬念站的前期目的,并且引导玩家参与体验。
 

 

 

 
官网首页
 
对于《战争雷霆》的测试时间节点,此次只是首测阶段相对其他游戏来说不会有过多的运营活动和大批量放号,针对这一点我们与项目组决定采用以内容展现为主的官网模式来承载游戏信息。
 
整体风格偏向扁平化,利用图片本身的吸引力来引导玩家阅读点击;同时支持各终端上的访问浏览,力求能够在不同终端上有理想的体验。
 

 

 
小小的新尝试
 
考虑到不同分辨率玩家的用户体验,我们将导航固定在屏幕左侧。右侧入口会随鼠标的移动而左右横方向平移,既能满足小屏幕分辨率用户的浏览又能够最大化的展示信息内容。
 
品牌站
 
随着神秘站、官网的陆续上线项目组需要通过一次强有力的品牌刷新让玩家真正了解《战争雷霆》,了解游戏的精良程度;在与项目组的沟通中我们决定用视频展现的方式来说明“战争艺术”这个关键词。其中包含游戏的前期研发、实景录音、艺术团配乐等等,让玩家对游戏有更深入的了解,提升玩家的游戏期待度并能够造成二次传播。
 

 
品牌战首页飞机稿,利用强视觉吸引玩家,再通过入口引导;因为整体品牌战都是通过视频展现来传达内容,为了配合整个站点的轻薄化最后采取了第二稿。
 

 

 
主要通过背景的大视频提取几帧作为循环播放,轻薄化的同时又更好的突出了引导入口。
 
首页通过3个明显的入口引导玩家进入观看,每个入口中都有3段不同的视频可以观看和转发,在保证逻辑关系清晰的情况下让玩家更好的浏览整个网站。
 
总结
 
此次从战争雷霆的首发到品牌战的发布的一路跟进,从前期策划创意到最后执行推动让我得到很大的成长,也非常感谢项目组与设计团队的信任与支持。
学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答

微信扫码在线答疑

扫码领福利1V1在线答疑

点击咨询
添加老师微信,马上领取免费课程资源

1. 打开微信扫一扫,扫描左侧二维码

2. 添加老师微信,马上领取免费课程资源

×

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定