我们能从主机游戏的UI设计里学到什么?

作者:米线线 祖龙娱乐美术中心 2021-08-26 25.4k
随着各种技术提升,手游画面越来越精致,不少优秀的产品在向着3A级游戏画面效果方向努力。那UI界面要如何改变呢?我们可以通过分析主机游戏设计准则,应用到手游界面上,来达到优化目的。

主机游戏UI UE设计准则:DCD

  • 遵从(DEFERENCE):界面应当有助于玩家理解游戏内容并与之互动,而非对抗。
  • 清晰(CLARITY):文字在各个字号下易于阅读,图标表意准确清晰,装饰有依据也恰到好处,并以功能主次为驱动设计。
  • 深度(DEPTH):视觉上的分层界面和逼真的动效使其更赋活力,提升了玩家的愉悦和理解。


我们以《死亡搁浅》为例分析。

剥离界面,核心功能展露,审视功能实质。去除一些不必要的条条框框,让界面融入游戏。


基于设计准则去提升手游界面设计和玩家体验;在构造界面的过程里以内容与功能为中心来驱动每一个设计上的决定。

01 遵从功能内容

虽然通透美观的界面和流畅的动效是这个游戏最瞩目的部分,但功能内容才是核心。


手机的屏幕大小有限,那我们可以学习主机游戏充分利用整个屏幕,考虑让内容扩展到屏幕边缘。

全屏地图而非弹窗界面,非常直观的呈现出关键信息点,而且还有多余的空间可以显示其他信息。

重新考虑视觉表现

浮雕描边和边框有些时候会让界面元素显得沉重,进而喧宾夺主;相反,要突出内容并让界面扮演一个辅助性的角色。

只在文字下面垫一层淡淡的发光而不是使用传统意义上的方框

通过半透明的界面元素来暗示背后的内容

半透效果可以提供情景,帮助玩家看到更多内容,并给人一种短暂停留的暗示。

立马可以切换出去


02 清晰主次

清晰呈现是另一种在界面中来确保依从内容的方法。下面这些方法可以使得最重要的内容和功能都能清晰呈现并便于操作。

大量使用留白

留白会让重要内容更突出,更易于理解;同时让操作更加专注和高效。


用色块简化界面

使用一种主题色来突出重点并巧妙暗示其交互性;同时会给游戏界面带来一致的视觉感受。


谨慎有根据地构建每一个细节和装饰

界面的颜色花纹的来源一定是从游戏里提取的

降低字体理解成本

使用不超过3种字体,且主字体一定是常规字体以确保易读性。


特殊标题或者状态使用特别的字体造成视觉冲击

使用无边框按钮

无边框按钮会在按钮的内容区域内使用颜色、情境和一个动作导向的标题来暗示其交互。


如果合适可以通过显示纤细的边框或者浅色背景来让按钮更加突出。



03 丰富层次改变深度

选项会在不同分层界面上显示内容,这些包含层次和位置的分层界面能帮助用户理解界面之间的关系。

通过主界面上浮现一个半透明背景,将界面和其他部分区分开来。


在多个图层中显示列表,当玩家使用某一个列表时,其他选项会被收起来。


强烈的转场动画会给玩家一个层次感。


当玩家选中地图远端拆除建筑,地图会放大,随之出现建筑视图,并且出现放大镜。


而不再单独弹出,这样玩家可以更直观准确地了解自己所处位置,是从哪里过来,以及返回哪里。

以上就是DCD主旨在主机游戏上的运用,通过遵从功能内容,清晰主次,丰富层次改变深度使手游界面找到优化方向,手游在今后的设计中可以作为借鉴参考。

谢谢~


作者:米线线
来源:祖龙娱乐美术中心
地址:https://mp.weixin.qq.com/s/aneetVGWsS6iTHpJyDENkQ

相关推荐