/【雷火UX体验设计】游戏中的飘字设计艺术

【雷火UX体验设计】游戏中的飘字设计艺术

游戏飘字本身属于HUD的一种,在游戏中已经喜闻乐见,是游戏中视觉与逻辑的艺术品之一。游戏飘字的设计与优化能够帮助一款游戏更好地向玩家传达信息,它是表现游戏核心玩法以及渲染游戏氛围的一个很好的载体。

本文将介绍游戏飘字的设计艺术,对比回合制游戏与AAA游戏这两种游戏类型中的飘字设计,分析游戏飘字的主要特征,然后从二者飘字设计的表现形式,重点阐述如何打造更好的游戏飘字设计。

1
 游戏飘字及在不同游戏中的表现形式   

游戏飘字是对游戏中的操作交互信息进行快速提示的形式。它是多种信息传达、交互反馈的载体,也是营造打击感等氛围的利器。它通常伴随游戏技能的释放、战斗伤害数值变化、BUFF/DEBUFF的效果,以及部分场景交互的产生而出现。它在向玩家进行了多重信息传达的同时,也帮助玩家强化了特定操作与文本的关联。

游戏飘字是视觉与逻辑,感性与理性的客观产物,兼具游戏设计的美学与智慧。由于不同类型的游戏玩法和场景表现不同,配合不同的飘字形式能够给予玩家更好的操作反馈,并传达相应的信息。
在回合制游戏中,玩法是以回合轮换交替进行指令操作,通常对回合控制时间不做要求,给予了玩家充足的反应时间,游戏飘字设计突出氛围营造,风格化较强。而在AAA游戏中,游戏氛围更多依托宏大写实的场景以及紧张刺激的战斗,游戏飘字设计更贴合场景,风格化较弱。

飘字设计风格化表现有强有弱,以此适配不同类型游戏的风格和画面表现,有效传达玩家所需要的信息并给与反馈。因此设计师们需要充分考虑不同的游戏类型和玩家需求,以此进行相应的设计,把信息准确且直观地传递给玩家。

2
 游戏飘字特征   


视觉重量

飘字视觉重量的轻与重需根据游戏风格以及内容,权衡对玩家视觉焦点的吸引力度。
回合制游戏中多为视觉重量重的飘字形式,以表现回合战斗中打击感和操作氛围。字体多采用锋利、透视、变形等设计,配合动效,打造强风格化。

《阴阳师》
而写实化的AAA游戏中飘字的视觉重量则会大大减弱,一般会采用简单的字体,搭配轻微的外发光、偏暗的颜色或少数的阴影来表现,且游戏越偏向写实,飘字风格化会越弱。

《地平线 零之曙光》

易 读
为了确保游戏飘字在复杂场景中的可读性,飘字通常会使用阴影、特殊颜色或者描边等样式帮助字体易读。

《女神异闻录5》

游戏飘字伴随交互的开始与结束而出现与消失。游戏中常见的眩晕、沉默、无敌、隐身等技能在短时间内改变角色的状态,需要玩家及时操作,而此时游戏飘字便是能让玩家确认操作生效的有效反馈之一。所以飘字出现的位置不能影响信息传达的效果呈现。
为了确保飘字的可读性以及遵循不遮挡模型的原则,飘字位置一般位于:
● 角色头顶、身上或附近——以便玩家掌握当前角色状态,进行下一步的操作或决策
● 游戏场景中攻击触发处——掌握攻击反馈,了解攻击位置

交互界面中的特定位置,如地图附近等,具体位置需根据游戏设计确定


《巫师 3 :狂猎》

AAA游戏中飘字位置则多为后两种,即位于特定区域或攻击触发处。在回合制游戏中,飘字位置多固定在角色头顶,一般在血条上方,便于玩家关注实时交互信息及角色状态。

动 效

富有变化和节奏的动效,赋予飘字以生命力。飘字的时间一般持续600-1200ms不等,回合制游戏中动效时间则会比AAA游戏稍长一些。

飘字动效的形式及节奏变化非常丰富,如在动效帧数中插入透明和大小的变化体现节奏;当技能造成多段伤害时,伤害数值快速出现,由小变大地渐消并强调最大的伤害值。
游戏飘字的动效方向也非常丰富。常见的有向上飘式和向下砸式,主要体现打击的力量感;抛物线式,表现流动和重力感;大小变化式,强调变化与碰撞感。

《地平线:零之曙光》

3
 如何打造更好的游戏飘字设计  

技能飘字

技能伤害飘字一般与技能动画衔接出现,位于技能动画前后。在符合游戏UI风格的基础上,技能飘字风格样式多与技能属性或特效相关。字体较大,且多用艺术字体,风格表现力强。

《阴阳师》

攻击/暴击/BUFF飘字

这类飘字通常同时出现在攻击触发处,便于玩家及时掌握有效攻击的反馈及怪物弱点。暴击/BUFF飘字的颜色会与普攻有所区别。字体大小适中,字体简洁,多用非衬线字体。


《巫师3 :狂猎》

扣血飘字
这类飘字伴随受击动画或僵直效果出现,飘字的文本、动效和角色状态配合,给予玩家反馈。
扣血飘字的字号一般都会小于攻击飘字,避免分散玩家战斗的注意力,且以引导玩家更多地将注意力放在打出的伤害上。这类飘字字体简洁,多用非衬线字体。

《决战平安京》
而魂系游戏中,与普遍强调打出伤害不同,它有意使用扣血飘字去引导玩家关注生命值,故扣血飘字字号会偏大,颜色明显。
状态飘字
状态飘字显示游戏内的经验获得、等级提升、物资拾取等内容,动效一般不明显,字号小,字体简洁,多用非衬线字体。

《孤岛惊魂5》

4
  总  结   
通过以上对游戏飘字的介绍,特征及应用的归纳分析,我们总结出了游戏飘字设计的两大核心出发点。
游戏风格、字体、动效设计的统一
不同的飘字内容在不同类型的游戏中重要程度不同,飘字的设计要服务于信息的精准传递,内容呈现的侧重上要有所取舍与平衡。

飘字的字体、颜色、大小等样式都需要结合文本内容进行多方面的考量。比如回合制游戏中飘字风格化强、体积大,在呈现技能伤害时选择多段伤害合并呈现,完美地实现了风格化与内容的平衡。

动效作为游戏飘字的灵魂,将动效与飘字的内容更好地结合,能够给予玩家更好的游戏体验。比如好的扣血飘字会让玩家产生“啊好痛!”“在流血”的感觉。

打造更好的飘字系统

飘字作为直观表现在游戏界面上的系统,是游戏设计中很重要的一环,也是影响玩家游戏体验的因素之一。

● 风格上,与游戏风格保持统一,图形化的部分要便于玩家认知。
● 内容上,呈现必要的信息。作为直观的信息传达形式之一,飘字内容不必要面面俱到的反应游戏系统中的所有内容,以免影响可读性或增加认知负担。

● 设计上,飘字系统可以允许玩家自主设置关闭或开启,以及调整其透明度等自定义功能,以适应不同玩家的需求。


● 功能上,强化在游戏其他系统中的应用。比如在组队游戏中利用飘字让玩家更好地了解队友状态等。





 推荐阅读 









体验设计

 调动玩家情绪的利器——快速时间事件(QTE)

 为不同语种下玩家的键盘操作体验而设计

 “禅意”的游戏体验击中玩家之心

 为不同语种下玩家的键盘操作体验而设计

 UI控件+体验:如何从落地出发拆解微动效

用户研究

 “能来帮帮胡桃吗”——游戏中的女性角色真的很弱吗?

 为何钟爱年货游戏?——从《使命召唤》系列说起

 那些年,“断层出道”的时装们

 当玩家说“爆率低”的时候,你应该想到什么?

 怎样让玩家在游戏中成为一个“好父亲”

全球本地化

 助力中国游戏出海乘风破浪——《永劫无间》本地化实践分析

《极乐迪斯科》:独特的瓷器活儿还得专用的金刚钻

 从市场到开发,探秘阿拉伯语游戏

 泰国游戏市场分析及游戏本地化流程

 你未必知道游戏出海做本地化还有那么多讲究

本文来自微信公众号“网易雷火UX用户体验中心”(ID:LeihuoUX)。大作社经授权转载,该文观点仅代表作者本人,大作社平台仅提供信息存储空间服务。