UI设计中的常见问题：风格化和易用性的冲突。很多时候，这两者很难达到完全统一。设计师必须在两者之间进行调整和取舍。以赛博朋克题材为例，虽然“互补色+荧光设计”很常见，尤其是在科幻电影中。但是科幻电影中的UI更多是传达出一种科技感，UI更像是视觉特效，而不是真正被人使用的媒介。如果在科幻游戏中使用同样的效果，不一定能带来良好的体验。

  《2077》UI的另一个特点便是使用了大量剧情UI（diegetic UI），即存在于游戏3D空间且存在于游戏世界中。玩家和游戏角色都能意识到UI的存在。这种设计通常是为了让玩家更沉浸于游戏中。关于这一点，我在之前的文章浅谈沉浸式UI有所提到。

  由于《2077》是以第一人称为主，这一点更是加强了“玩家所见即角色所见”的设定。因此玩家通过游戏世界中的UI完成的操作，其逻辑都和游戏世界对应。比如游戏中的字幕，甚至都被处理为人工智能翻译器输出的文字。字幕本身也是游戏世界的一部分。这种设计复刻了现实的体验。因为大家在日常生活中，都是和身边工具进行互动。互动的过程能被用户察觉。

  如果是第三人称游戏，UI往往是非剧情UI（non-diegetic UI，传统意义上的UI）或者是空间UI（Spatial UI，即存在于游戏3D空间中的UI，但不被游戏角色觉察））。玩家通过此类UI完成操作时，从逻辑上来说，游戏角色觉察不到玩家的行为。此时玩家和角色产生隔离。

  美中不足的是，《2077》的这种设计在快节奏的战斗中，会显得非常笨拙。比如玩家与电梯的互动，就需要玩家靠近电梯的按键后才能执行操作。虽然游戏中已经尽可能利用未来世界的高科技设定，让很多操作行为变得异常简洁。比如玩家骇入敌人的大脑，只需要通过一个按键完成，而不是打开控制台输入指令。

  问题在于，这种情况，能处理的输入是非常有限的。因为游戏必须区分玩家的输入是UI系统输入和游戏玩法系统的输入。很多情况下，两个系统之间都会用到同样的按键。而系统的界限非常模煳，并存在很多极端情况。比如玩家在家中客厅切换播放器音乐频道，有时候就会被游戏系统当作是跳跃的输入（两者使用同一按键）。另外，由于剧情UI交互界面存在于游戏3D世界中，交互界面只处于整个画面很小的一部分。玩家的位置和角度，都会影响界面的大小。因此界面内容必须简单。这意味着《2077》的剧情UI无法处理过于复杂的请求。

  《2077》游戏主菜单

  首先，各个菜单界面的结构较为复杂。设计者把所有的界面都放在了一个主菜单之下，这看似将所有重要版块展示给玩家，但是各个版块之间的优先级实际是不一样的。比如游戏任务过程中，我会经常用到地图和武器菜单。我会希望越过主菜单，直接进入目标界面。地图界面虽然有快捷键，然而在我退出地图后，我会先回到主菜单，再回到游戏画面。哪怕只是多了一步骤，这也会降低玩家的使用效率。

  《最后生还者2》枪械升级界面是很典型的场景UI，而对于使用频率较低的版块，我会更倾向于将它们转换为场景UI。这样既能增加沉浸感，同时还能让主菜单的界面更为简洁。

  玩家会在游戏中找到大量的文本信息。这些信息是构建整个游戏世界观的重要元素。然而，文本的呈现方式令人失望。从本质上来说，它们就是记事本文字，只是包装了一层赛博朋克皮肤。相比于图片和视频，文字信息处理速度无疑是较慢的。这种情况下，如何更有效地让信息以更高效的方式传递给玩家，同时创造一个适合阅读的环境，便是设计师需要考虑的问题。《2077》的大量UI信息缺乏基本的排版，没有任何用户引导。用户需要自己找寻重要信息。再加上前面提到的荧光效果字体，用户体验非常不佳。

  文本的阅读模式应该占据更大的平面空间，同时适当增加图片信息。试想我们日常使用聊天软件，如果用户列表只有文字信息，我们找寻特定人聊天会变得非常困难。有信息量的图片能很容易引起玩家的注意。需要注意的是，如果图片缺乏信息，那么玩家会把它处理为装饰性图片。

  创造一个更舒适的阅读环境。比如主角V的家就是一个比较合适的空间。这里的游戏节奏较慢，相比于任务中间查看信息，在家中处理信息会让玩家感到更为舒适。同时也符合现实的经验。当然这需要其他系统进行相应调整，我们不能强迫玩家只能在家中处理文本信息。

  《2077》UI设计具有很强的风格，也有明确的体验定位。很可惜最后成品没能带来很好的用户体验。为了实现UI艺术设计目标，《2077》UI系统牺牲了玩家使用UI的效率，却没有让整个系统完全融入到游戏世界观中。这反过来再次说明，不结合美术风格、世界观设定以及游戏玩法，单独设计UI系统，最后不仅无法保证UI的质量，反过来还会影响玩家的游戏体验。

  以上就是优漫教育小编为大家介绍的“【UI设计培训】：赛博朋克风《2077》有哪些值得学习的地方？”相关内容，学习ui设计培训，可以参考优漫教育提供的ui学习路线，该学习路线内容包含ps软件入门、AI与品牌设计、视觉表达技法、web视觉设计、图标设计、产品交互、移动端设计等，根据优漫提供的ui学习路线图，可以让你对学好ui需要掌握的知识有个清晰的了解 ！