优化UI细节的资料参考.docVIP

优化UI细节的资料参考 《AD 400》已到制作后期，必须考虑动态效果在游戏中的展现设计，这是我们游戏产品化的重要因素。通常，富有经验的开发者对游戏中的这些微小反馈细节都很注重。从我的个人经历来看，UI元素和场景、NPC等交互对象的动画、音效等细节联动能够将用户体验提升一个明显的档次。 分析借鉴：《Empires and Allies》（以下简称EA）Zynga的知名Facebook游戏，它要求用户以鼠标点击其中的交互性物品和奖励。Zynga仅使用一些简单的小技巧，就得以让原本枯燥而重复的任务富有趣味。这种细节的设计技巧是Zynga最为擅长的，我们若能有效借鉴Zynga这种对核心交互元素的优化处理方法，就有可能大大优化玩家在游戏内的体验。 技术分解 1.建筑和图标 注意，游戏中所有的互动性建筑上方都有一个动画图标： （动态效果见所附的GIF文件包） 这些图标以非线性方式错落有致地在建筑群顶端上下起伏，鼠标移过时，建筑轮廓会发光。鼠标移过建筑时不带声响，因为玩家要点击的建筑非常多。 2.点击建筑 首次点击，建筑立刻会呈现“淡出”，变成半透明状态，建筑上方会出现“收获”行为的状态条，并开始动态填充。此时会有音乐响起，表明该项工作已经完成。每种建筑都有自己独有的音乐，且节奏和旋律根据状态条动画节奏，当状态条填满，它会马上消失。在状态条填充期间，屏幕还会显示状态文本和奖励这两项内容。 状态文本（例如“-1 Energy”）显示在建筑上方，这个文本会在状态条消失时立即出现，然后迅速淡出。奖励内容也会伴随音乐，与状态文本同时出现。这项内容拥有良好的物理动画效果，它们“着地”时会呈现挤压和短暂的颗粒效果。 这些新型视觉艺术、文本、动画和音效可以为玩家带来即时反馈，显示他们已经出色完成任务，尽管玩家可能只是轻点鼠标而已。 3.奖励消失 如果玩家没有点击奖励物品，它们不久就会消失，其过程如下： 奖励物品出现7秒后会自动消失，它们先是抖动1秒，下一秒则以4倍的频率抖动。消失后的奖励物品会飞向屏幕顶端各自的HUD元素栏目并消失。例如Cash和矿物会飞回向左上角，而经验值则移向右上方。其消失的处理方法也很微妙，它们并非以直线路径飞回HUD，而是以曲线方式自动消失。最后，这些奖励物品各自的HUD元素会快速抖动并膨胀30%左右，持续时间约四分之一秒。 这个过程并没有添加文本、颗粒效果或音乐等内容，这可以更好地提示玩家，他们没有点击物品，因此无法获得什么积极反馈。 4.点击奖励 如果玩家点击了奖励物品，就会听到音乐、看到奖励文本和相应的分值。我认为这三项元素是吸引玩家点击物品的主要动力，没有它们的存在，这种点击行为就会沦为无趣的活动。 点击物品时，屏幕会短暂呈现颗粒效果以及相应音乐，被点中的物品也会迅速飞向上方的HUD栏目（Head Up Display，抬头显示）。 屏幕出现的文本内容（例如“+288 coins”或者“+1 XP”）也会上升并逐渐淡出界面。注意这里所运用的颜色与HUD奖励仪表相同，这有助于玩家更好地理解HUD设置。 5.奖励仪表 玩家点击奖励物品时，屏幕HUD右上方也会出现奖励仪表。奖励仪表下方也会出现文本内容（“Bonus”），每点击一个奖励物品，都会增加仪表从左到右的填充量。 仪表填满时，就会重新从左往右继续填充，原先的字幕会迅速淡出，随即出现的更抢眼的字幕（例如“太棒了！”）。更重要的是，每次仪表填满时都会伴生一种分贝更高的新音效。正是这种微小的细节强化了游戏的紧张感，鼓励玩家继续玩游戏。 如果玩家过了2秒还没有点击奖励物品，奖励仪表就会闪现红色的轮廓，提醒玩家奖励即将消失。大约2秒过后，奖励仪表也会消失。此时原来的仪表位置会出现新的奖励音效和字幕（例如，“Bonus:480 Coins!”），这些字幕会淡入并扩大，持续时间为3秒。 总结 *开发者应提供各种即时反馈吸引玩家体验游戏。EA就在玩家点击鼠标时使用了音效、动画、颗粒奖励、活动文本和新仪表等交互元素。 *可通过非线性移动方式、颗粒和挤压效果、颗粒和交错时间来设置富有生气而不呆板的动画图标和奖励物品。 *即使是最基础的文本内容也可因简单的动画效果而更富生气。 *淡入、淡出和缩放是每个UI对象都可以考虑的设置。 *添加HUD元素时应凸显其视觉效果（例如让它膨胀扩大）。 *在玩家点击鼠标时，最好用音乐体现积极反馈。奖励物品消失时不需要添加音效。 *玩家成功连击时要增强声效的音量以增加紧张感。 相信富有经验的开发者对上述内容都不会感到陌生，但事实上，在项目中我们常常会忽略了每款游戏中的这些微小反馈细节。从我的个人经历来看，极少有UI元素能够达到EA这般优化效果。细节很大程度上决定成败，很多时候，成功的游戏和平庸的游戏，区别就在这里。