首页 > 范文大全 > 正文

游戏网站交互设计评述

开篇:润墨网以专业的文秘视角,为您筛选了一篇游戏网站交互设计评述范文,如需获取更多写作素材,在线客服老师一对一协助。欢迎您的阅读与分享!

[摘 要]游戏网站的设计应关注不同游戏生存周期及不同类型的玩家对网站的要求,在网站布局构架的技术选择上,有单以FLASH技术或HTML/CSS技术为主的,也有组合使用FLASH技术和HTML/CSS技术的。当前,游戏网站设计的流行趋势是采用FLASH互动体验方式,使用游戏中的视觉图形,设置以视频短片为主题的主页,建立游戏开发者的博客与播客等。如今游戏产业网站的设计优、劣势并存,视觉震撼强烈的导航菜单在提高游戏知名度的同时,也带来了成本高、视觉压力大等问题,应引起设计者和开发商的关注。

[关键词]游戏网站;交互设计;游戏生命周期

[中图分类号]TP393.092[文献标志码]A

[文章编号]1009-3729(2009)02-0054-03

一、游戏网站设计应关注的要素

目前,一些游戏网站将设计重点放在建立庞大的神话意境和故事情节上,而另外一些网站则倾向于有趣味的平面图形化以及网站规模小型化,以此来表达游戏重点所在。进行游戏网站设计之前必须明确两个问题:一是游戏本身的定位及特点,二是游戏设计的目的及传播对象。

1、不同游戏的生存周期对网站有不同要求

当一个新游戏取代旧游戏之前,旧游戏在货架上放置的时间段被称为游戏的生存周期。决定游戏生存周期的因素很多,这里以在线多人游戏和即时动作游戏为例来说明这个问题。

在线多人游戏(网络游戏)是在玩家从开始创建人物到将人物锻炼到高级别的过程中,使玩家从中体验到快乐,这个过程需要较长的时间。对于即时动作游戏而言,其本身就是一种短时的游戏体验过程,玩家通过短时间的刺激来获得满足。即时动作游戏的玩家完成游戏后,会把注意力转移到其他游戏上,希望获得新的体验。所以即时动作游戏在进行推广宣传时总是喜欢使用绚烂的平面广告,以吸引游戏玩家的关注。

在线多人游戏不需要经常更新和补充内容来留住玩家。玩家所获得的持续体验来自于各玩家之间建立起来的复杂的关系网络,人与人之间建立起的信任和情感可使玩家长期驻留在这个游戏当中,这个时间可能会是几个月甚至几年。相反,即时动作游戏如果希望得到玩家的持续性关注,则只能依靠不断地产出新游戏,创造比原版本更好的图形画面及游戏机制。如《古墓丽影》从1995年的第一代到现在的第八代,画面更加精致细腻,技能更华丽,控制更人性化。即时动作游戏需要在其自身的生存周期内成功地利用其新鲜感快速销售。即时动作游戏的网站在设计时要考虑这一点,当玩家通过网站观察体验游戏内容时,网站就要传达出游戏的优势所在,并最终将潜在玩家引导到游戏商店去购买游戏。

网络游戏不需要依靠快速销售来增加收益,因为它还有更重要的考虑因素:使玩家驻留在游戏中保持与他人的复杂关系,玩家不再去玩其他类型的游戏。网站将致力于帮助在线多人游戏中的玩家了解游戏,引导他们去消费这个游戏,这使得丰富的内容远比光鲜绚丽的介绍更重要。

2、关注不同类型的玩家

目标受众是决定一个游戏何去何从的重要因素。当今,游戏玩家的需求内容更加丰富。玩家不满足于单一的游戏体验,总希望得到更多更好的使用体验和。具体的目标受众在决定游戏的同时,也决定了一个游戏网站的样式、体验方式、色彩、图形等因素。一类玩家通过控制游戏中的英雄杀死大怪物从而获得并期望游戏过程不要过分困难,而另一类玩家则希望游戏有更丰富的传统文化和神话故事以及游戏创造出的历史情景等。

第一类玩家喜欢具有引导性的游戏体验并希望这种体验在时间上不能拖得太长,他们更容易被简单的网站所吸引,所以网站要应用强烈的视觉冲击力使得玩家在较短的时间内对游戏留下深刻的记忆。

第二类玩家希望游戏有更复杂的故事情节,游戏有更强烈的愉悦性。玩家沉浸在游戏制造的世界中并参与到游戏的各种事件发生的过程中。这使引导网站需要制造大量丰富的内容,并且在视觉上给人留下深刻的印象。

二、游戏网站设计的技术选择

FLASH在交互式网站设计中能提供绚丽的视觉和听觉效果,但HTML/CSS在网站制作上花费较少且维护成本很低。据研究,大概70%的游戏网站使用FLASH技术,其中有些网站将FLASH技术揉进以HTML/CSS技术为基础构架的网站内,但大部分是全FLASH技术网站(从构架到最终表现全部采用FLASH技术)。这在某些情况下是合情合理的(以交互设计为中心的网站一定要使用FLASH技术),但在其他一些方面,FLASH技术很难表达,如介绍游戏背景、故事情结、神话、游戏操作等。

1、以FLASH为构架的全FLASH技术网站

全FLASH技术网站,普遍存在于游戏类网站中。它的首要目的是在较短的生存周期内提供一个小巧的交互体验网站。一般情况下,这类游戏制成后便不再更新或者变更。FLASH网站通过有效的绚丽视觉和生动的实际体验去赢得玩家对游戏的兴趣。

2、组合使用FLASH和HTML/CSS技术的网站

一个组合了FLASH和HTML/CSS技术的网站比单一的HTML/CSS网站要好看很多。每个网站都有其自身对FLASH和HTML的分配制度,一些网站只是吸收和使用简单的FLASH技术和动画,另一些网站却使用了巨大的预告片和电影剪辑去吸引观众的注意。这种混合体的产生主要得益于使用FLASH动画和完整的网站信息以及视频短片镶嵌,且网站维护简单。这一类的网站很容易平衡视觉,即可以根据游戏产业的标准给人印象深刻的体验,建立完整的内容,方式更加灵活。这种模式普遍存在于在线多人游戏或者需要大量时间开发制作的即时动作游戏中。当开发者希望玩家参与游戏的开发过程时,混合体网站是最好的选择,FLASH技术可以增加丰富的体验。

3、单纯使用HTML/CSS技术的网站

游戏产业中很难找到单独使用HTML/CSS技术的设计项目,这样的游戏网站将内容放在第一位,没有强烈的视觉体验,而主要采用生动的背景和明确的形象。实际上,这些图片主要是被用来创造一个舒适的环境而不是去创造一种交互设计体验,这类网站需要进行有规律的更新。

三、游戏网站设计的流行趋势

1、采用FLASH互动体验方式

互动体验网站的目标是建立出神入化的新体验,如《灵光的信仰》使用了互动的设计方式,拥有强冲击力的视觉和3D动画,加入一些小游戏,将观者的注意力引向游戏本身。

那么,如何才能建立打破常规的互动体验呢?一是有独一无二的控制方案;二是利用游戏当中的要素进行设计;三是网站中加入小游戏;四是使视觉体验有很强的互动性。

一些游戏网站认识到玩家不可能被强迫去接受体验,当一位用户只想简单地去了解一些游戏信息时,FLASH互动体验就会由于过多的动画和炫彩图形影响用户。互动网站通过单独建立一个有基本游戏内容的小菜单,使用户可自由选择是否接受体验。

2、使用游戏中的视觉图形

在网站中使用与游戏相配的设计元素,特别是在图形及色彩的设计上。通过使用成熟的图标、图形和游戏画面,大面积地使用游戏主体形象作为网站的主体,形成强烈的视觉冲击力。如《崛起的亚尔古英雄》的网站设计以游戏中5个英雄人物形象为首页背景,有强烈的视觉表现力。

3、设置以视频短片作为主题的主页

很多玩家希望获得丰富的视觉体验,这使视频短片对于一个游戏网站来说越来越重要。一些游戏网站将游戏视频或预告片设计在主页上,如《龙世纪》极简主义的首页上,放置了一段视频预告片,效果极佳。当然,这也带来了其他问题,如需要很多的网络资源和带宽。

4、建立游戏开发者的博客与播客

有时,开发团队花费大量的时间去开发一个游戏,但直到其生存周期快要结束也没有得到认同。为避免这种问题的出现,游戏开发团队希望游戏在问世之前就引起玩家的兴趣。举办游戏大会并在游戏社区广告是最好的方式,游戏开发商也认同开发团队建立自己的博客与播客。通过博客的留言系统与潜在的客户进行交流,设计团队的最新想法,以引起游戏玩家的关注。

四、游戏产业网站的优劣势分析

游戏产业的优势在于不断创新,并给人提供优美的艺术感。设计团队的艺术创作可以用来创造一个良好的、具有前瞻性并具有丰富视觉体验的网站。但目前所设计的游戏网站往往是优劣势并存的。

1、游戏产业网站的优势

通过游戏网站的开发,FLASH及HTML/CSS技术的应用,设计师们联合起来立足于用户现有的网络环境,通过一些罕见的布局和导航设计,为用户提供了独特的体验。如导航菜单简单直观、内容丰富、视觉震撼强烈,会获得很多玩家和网络发烧友的认同,从而大大提高游戏的知名度,为游戏产业带来巨大的发展空间,使得游戏产业的推广不再单一地依靠平面媒体。

2、游戏产业网站的劣势

除了一些游戏的导航菜单被设计得只有形式没有内容之外,游戏产业本身也总想营造出炫目的网站,但游戏所赚取的利润越来越难以维系FLASH技术的开发和设计成本,炫目的设计也给玩家造成很大的视觉压力并因此开始厌恶一些游戏网站。不断弹出的各种小窗口也分散了玩家的注意力,对游戏的发展形成了阻碍。总之,设计师在设计游戏网站时,应理性地认识这些问题,找到相应的解决方案,使游戏网站的设计更加科学。

[参 考 文 献]

[1] 李捷.Dreamweaver CS3+Fireworks CS3+Flash CS3网页设计基础与实例教程[M].北京:电子工业出版社,2008.

[2] [美]Hans Bergsten.Java Server Faces交互式网站界面设计[M].南京:东南大学出版社,2006.

[3] [美]海姆.和谐界面――交互设计基础[M].李学庆,译.北京:电子工业出版社,2008.

[4] [英]保罗・克拉克,朱利安・弗里曼.设计[M].周绚隆,译.北京:生活・读书・新知三联书店,2008.

[作者简介]耿鹏(1980―),男,河南省鹤壁市人,周口师范学院助教,主要研究方向:艺术设计。