现代网页设计与游戏设计的界限日渐模糊,这不仅体现在越来越多的网页游戏的出现,更体现在游戏设计的很多概念、原则和形式元素频繁地直接出现在网页设计中或深深影响着网页设计。
对于前一种现象,虽然网页游戏不在我们的讨论范围内,但以简单游戏为主要内容和线索组织设计的网站越来越受欢迎是不争的事实;对于后一种现象,以更强交互体验为目的的游戏设计在很多方面启发了网页设计游戏图片,如网页中的悬停菜单和提示层、网站个性化的动画加载、网页上的自定义光标和个性化图标、网页上下文菜单、具有更强上下文感的透视文字设计等。
在网页设计游戏化方面,最常见的方式是为网页制作简单的游戏,这种模式多见于展示品牌形象的网站。直白的产品或品牌诉求是传统媒体广告的业务,网络媒体更适合个性、体验感更强的互动诉求。带有游戏色彩的品牌展示网站是这一理念的最佳展示。“走进蒙牛,见证每一滴好牛奶”()是蒙牛最新的品牌推广网站,网站设计成一场见证牛奶诞生的旅程:种植牧场、饲养奶牛、初级加工、原奶检验、产品生产、产品运输、售后服务等,每个环节都以游戏探索的形式进行。简单的Flash游戏让浏览者恰当地融入网站营造的情境中,通过有趣的产品生产加工体验加深对产品品质的理解。
相比将网站本身设计成游戏,从游戏设计中借用大量概念和元素并不是那么简单。虽然网站设计和游戏设计都属于交互设计的范畴游戏设计,但与网站设计相比,游戏设计更强调参与和卷入,更注重创造与对象进行有效深入交流的情境。游戏设计往往以强烈的故事性吸引玩家,进入游戏前的真人电影或动画非常具有震撼力。受这种设计理念的启发,很多网站设计在加载动画上花费了大量心思,个性化、创意化的动画加载成为这些网站吸引浏览者的重要手段。
“蒙古联邦”网站的加载动画是一滴由绿色逐渐变为白色的牛奶,而厦门巨兽网络科技有限公司的网站则采用了该公司的吉祥物和标志——一只在地平线上奔跑的“巨兽”作为加载动画。
在大型游戏设计中,随着游戏角色的动作,页面相应位置会不时出现大量的对话框,这些对话框和提示栏以浮动菜单、提示层的形式扩展到网页设计中。
Phorce是一款可以为Mac充电的电脑包,被誉为全球第一款智能时尚包。其网站大量使用悬停菜单和提示层向浏览者展示包包的内部结构。该品牌一款黑色电脑包的内部结构展示在电脑屏幕上,七八个呈圆圈状的“十”字标记分布在包包内部的多个位置。当鼠标移动到某个标记上时,就会出现相应的菜单提示,介绍开关按钮、电池单元、USB接口等多个部件的特殊结构和功能。在游戏设计中,参与者往往需要根据屏幕上的提示程序开发,尤其是鼠标的提示,进行一些必要的操作,才能完成游戏任务。为了体现更好的引导,达到更好的游戏欲望刺激,游戏中的鼠标光标在经过目标区域或物体时,往往会变得个性化,这一点在网页设计中也得到了很好的体现。
Mini-Z是美国科学与工程有限公司(AS&E)推出的全球首款手持式X射线检测仪。这款便携式检测设备无需设置,即可扫描地铁或汽车上无人看管的包、背包或包裹等难以触及的物体。Mini-Z先进的X射线成像技术可以检测并突出显示透射式X射线系统可能遗漏的有机物,例如塑料枪、陶瓷刀、爆炸物和毒品,并可以在平面屏幕上显示检测目标的实时图像。其产品介绍网站结合视频图像、动画和模拟操作,设置了城市地铁、港口、边境和机场四个场合的Mini-Z检测场景,让观众通过高度沉浸式和情景化的网站体验,深刻感受产品的独特优势。在每个场景中,网页会在页面左下角显示模拟的检测仪器界面游戏设计,网页主体为被检测物体的特写。当鼠标移到被检测物体上时,光标会变化为检测仪界面的模拟形式,网站浏览者仿佛亲自操作检测仪器,实时了解检测结果。
此外,在网站导航链接或其他菜单上设计集成相关图形以集中吸引访客注意力,减少访客寻找网页内容的视觉努力也受到游戏设计的影响。
在游戏设计中,角色是核心元素,一切设计都围绕角色展开。快捷菜单的使用非常常见且方便。
游戏设计越来越网页化,网页设计越来越游戏化,这是如今交互设计的趋势。看看网络上风靡的各种大型网游,以及以互动游戏为主要设计内容的品牌传播网站,就不难理解这一点。但需要明确的是,一切交互设计都应该以给用户提供良好的体验为目的。(郑建鹏)