推荐!游戏官网设计项目经验总结《轩辕剑7》

设计项目简介
轩辕剑7》是华人游戏圈经典游戏《轩辕剑》系列最新正统续作,而且是首次以网游方式登场。采用了“黑火”引擎开发,作为畅游首款自主研发的次世代3D引擎。也是继《天龙八部》后又一款大作。

推荐!游戏官网设计项目经验总结《轩辕剑7》

本文作者:搜狐畅游视觉设计中心团队,@畅游VC 欢迎关注:)

我做的产品是什么类型?
《轩辕剑7》是一款MMORPG类型的网游,是指大型多人在线角色扮演游戏。有市面上的游戏如魔兽世界、天龙八部、神鬼世界、龙之谷、剑侠情缘网络版3、天下三、永恒之塔等。

推荐!游戏官网设计项目经验总结《轩辕剑7》

题材?历史?文化?用户特征?
《轩辕剑7》的题材还是玄幻武侠题材。游戏的历史朝代包括但不限于唐时代,但更多会忠实于轩辕剑历代的设定,比如云中界,山海界等。游戏的发展历史从最早的1990年的轩辕剑1代到现在的7代,至今为止轩辕剑系列已发表十款角色扮演游戏,早已形成了轩辕剑文化。用户群特征主要以轩辕剑单机用户、电视剧观众、以及适龄用户为主。

推荐!游戏官网设计项目经验总结《轩辕剑7》

我们此版网站的目的?营销点?
传播调性走大众娱乐路线,忌以游戏界专业角度进行传播,以电视剧周边作为实物奖励吸引电视剧用户的关注,最终实现娱乐向游戏过 度。我们希望《轩辕剑7》的网站能够给予玩家完全不同的体验,并且能够迅速的记住这里。看一看是否能够找回那些曾经的回忆。并且配合同期的《轩辕剑之天之痕》电视剧上线,希望能够引起玩家的共鸣。

推荐!游戏官网设计项目经验总结《轩辕剑7》

视觉表现形式策划?功能策划?新技术使用及最终效果?
因为这款游戏是次时代计划中的一部分,所以希望网站的表现形式要具有现代感、新鲜感。
前期草图:最初尝试冲击力背景效果,制造玄幻武侠的氛围。但因为缺少形式感,和现代感,没有体现出是一款次世代游戏,所以放弃了这款设计,继续寻找更适合的视觉体现方式。

推荐!游戏官网设计项目经验总结《轩辕剑7》

最终定稿:最终我们选择了烟雾和水墨融合的形式来进行表现。这样的好处在于,整个网站的视觉上非常的素雅,并且不会让人觉得烦躁,也符合玄幻武侠网游的整体调性。同时,我们希望把《轩辕剑7》以故事形式的告诉给每一位玩家,而整个故事以轩辕剑为载体。这样就出现了拔剑式的页面效果展现。除此以外我们还尝试了一些视觉脚本,在主页面的新闻中表现出来。

推荐!游戏官网设计项目经验总结《轩辕剑7》

细节示意:由于素材匮乏,没有场景原画,场景只能用一些原来的原画和搜索的照片来拼接。

推荐!游戏官网设计项目经验总结《轩辕剑7》

画面主要以“轩辕剑”来表现,所以调色主要以淡雅为主,将场景去色淡化,得以衬托主体。

推荐!游戏官网设计项目经验总结《轩辕剑7》

画面主要以“轩辕剑”来表现,风格提取自轩辕剑LOGO,加上一些泼墨效果丰富画面细节,结合玄幻的动画,在淡雅的背景中,吸引用户注意,并对用户起到指引性的作用。

推荐!游戏官网设计项目经验总结《轩辕剑7》

LOADING剑的演绎采用视频特效,即保持中国武侠特色,也体现了玄幻特色。

推荐!游戏官网设计项目经验总结《轩辕剑7》

剑的动态效果延展出轩辕剑人物剧照,把人物照与动画泼墨效果进行结合,增加古装色彩,体现游戏玄幻武侠的特色。并与电视剧更贴合,吸引电视剧用户,符合项目背景及出发点。

推荐!游戏官网设计项目经验总结《轩辕剑7》

内页视频窗口沿用泼墨效果,导航打破常规格局,质感与底纹相结合,与人物照和泼墨效果结合有一定统一点。

推荐!游戏官网设计项目经验总结《轩辕剑7》

MiniSite的加载:MiniSite中所涉及到的加载问题,是保证整个MiniSite运行是否流畅的关键,在轩辕剑7的MiniSite 中,初始Loading的顺序为加载主场景,当主场景Loading完成后弹出跳过动画的按钮,这样可以使浏览者自由的选择是否观看过场动画,提升用户体验,如果浏览者没有点击跳过按钮则继续加载过场动画。进入到主场景后,将会根据用户对二级菜单的选择进行加载所需的内容,这样的加载策略大大的提升了访问速度,也对日后Flash的更新提供了方便。

最终效果:网站上线之后,很多玩家为此还在贴吧、论坛上进行撰文,缅怀过去的那些经典回忆。最终结果很不错,与整个网站的风格十分契合,得到了玩家普遍的好评。

推荐!游戏官网设计项目经验总结《轩辕剑7》

可以看出X7官网上线后各方的关注度还是比较高的,由于页面的可读性较高,并且视觉体验较为丰富,平均玩家访问的停留时间达到了5分钟,并且回访比例达到了24.87%,相当于1/4的浏览者选择了回访。

游戏网站体验地址:http://x7.changyou.com/

个人总结:
这次的网站设计时间比较紧,项目需求也变动不小,使得一些地方细节和功能体现不是很满意。不过通过市场反馈还是比较欣慰。
每个项目结束的时候都会有一些启发,突破固定的思维模式,大遵循微创新。在不断地实践中积累,突破自己,做出满意的成绩!

本文作者:搜狐畅游视觉设计中心团队,@畅游VC 欢迎关注:)
官方博客:http://vc.changyou.com/

收藏
点赞

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。