UI 设计师是负责游戏 UI(用户界面)设计与制作的职业。当用户想要 “使用某个功能”“查看某项信息” 时,UI 设计师会对构成画面的各类组件的布局、尺寸、视觉效果、字体种类及大小等进行合理设计与制作,确保用户能顺畅完成操作。本次将基于对负责人的采访,为大家解读 UI 设计师的工作内容。
一、UI 设计师的工作:打造提升游戏体验舒适度的画面
UI 是 “User Interface(用户界面)” 的缩写,指服务与用户之间的交互界面。在游戏中,UI 包括窗口、按钮、菜单选项等用户可查看和操作的部分。此外,用户进行某项操作时的反馈效果以及画面切换方式等 “动态效果”,也属于 UI 的范畴。
在 Cygames,我们认为 UI 设计师的工作是 “最大化操作手感、按键舒适度、视觉清晰度与易懂性,打造能提升游戏体验舒适度的画面”。我们致力于实现最优质的 UI 设计,增强用户对游戏世界的沉浸感,让用户能充分享受游戏内容。

▲《公主连结!Re:Dive》个人主页界面。作为一款 “动画 RPG”,该游戏的 UI 设计旨在确保玩家在游戏环节中不会感到操作压力,同时能尽情享受动画环节。
二、UI 设计师的工作内容
具体来说,游戏画面中的哪些部分是由 UI 设计师负责制作的呢?大致可以概括为 “除角色和背景之外的所有元素”。以《影之诗》(Shadowverse)为例,UI 设计师负责制作以下元素:
- 画面布局(各类显示项的位置、尺寸)
- 卡牌边框设计
- 图标设计
- 按钮类设计
- 动画素材设计
- 活动素材设计

▲《影之诗》的对战开发画面

▲《影之诗》的对战开发画面(仅显示 UI 设计师负责制作的组件部分)
所谓动画素材,指的是对操作的反馈效果、图标显示等带有动态效果的组件。这类组件的外观由 UI 设计师以静态图形式设计,而添加动态效果的工作则由动画设计师负责。
此外,游戏中定期举办的活动往往会采用与游戏基础界面不同的专属 UI,因此需要根据活动内容,为每次活动设计专属的 UI 组件。
图标和按钮等元素的设计固然重要,但对 UI 设计师而言,更重要的是 “结合用户体验进行画面设计”。设计师需要领会策划人员(导演或规划师)所设想的 “希望用户能以这样的方式享受游戏” 的意图,进而思考采用何种视觉风格、布局与操作方式才能最好地实现这一目标。在此基础上,打造与游戏世界观相契合的设计。由此可见,为构建游戏世界观,UI 设计师的工作也涉及参与策划环节。
三、游戏内 UI 的制作流程
接下来,让我们了解一下 UI 设计师的制作流程。基本流程如下:
- 接收导演或规划师传达的游戏所需元素需求,承接设计任务;
- 根据任务要求,进行画面设计与素材制作(必要时也需制作动画素材);
- 将制作完成的素材交付给工程师,由工程师植入游戏中;若涉及新画面,还需请音效设计师添加音效(SE);
- 完成 UI 制作。
从整个项目来看,UI 设计师通常处于如下工作环节中:
(流程:)策划→信息整理→(需求)梳理→(方案)制作→(细节)完善等→开发→(素材)整合→(效果)检查
(分工:)角色・背景(设计师)、UI(设计师)、动画(设计师)→各负其责→完成各自负责范围的检查
项目首先从 “策划” 启动,在 “开发” 阶段的前期,UI 设计师会加入团队。UI 设计师会根据插画师制作的背景和角色插画,进行 UI 设计。若 UI 需要添加动画效果,则会委托动画设计师制作动画。之后,将制作好的素材交付给工程师,由其植入游戏 —— 这便是完整的流程。
实际上,UI 设计师从哪个阶段介入项目、以何种方式参与,会因项目或具体任务的不同而有很大差异。有时,设计师会从项目策划阶段就参与其中,围绕 “什么样的 UI 最符合这款游戏的世界观” 展开讨论;有时,则是在工程师已将部分功能开发实现到一定程度后,才会收到具体的 UI 设计任务委托。
此外,例如动画制作的流程也需根据具体情况而定。有时,规划师会提出 “希望做成这样的动画” 的具体需求,设计师据此优化完善;有时,动画设计师会提出 “想制作这样的动画,希望能提供相应素材” 的请求;还有时,UI 设计师会主动提议 “目前正在设计这样的画面,希望在这个部分添加这样的动画效果”。
动画不仅要传递游戏世界中的事件信息,还需兼顾节奏感与动态趣味性,因此设计师在制作时需充分考虑这些因素。虽然为 UI 添加动态效果的工作大多由动画设计师负责,但在某些情况下,UI 设计师也会制作带有动态效果的原型,并对动画内容提出建议。无论采用哪种模式,核心思路都是:最终呈现的 UI 既要能体现创作者想要展现的世界观,又要让用户能毫无压力地享受游戏。
在制作工具方面,设计师大多使用 Photoshop、Illustrator 等 2D 图形设计软件。此外,有时也会使用游戏引擎 Unity,或为了提出动画方案而使用 After Effects 等动态图形软件。
四、Cygames 对 UI 设计师的技能与心态要求
以上为大家介绍了 UI 设计师的工作内容。接下来,想谈谈对 UI 设计师所需技能与心态的要求。由于该工作涉及大量绘图任务,因此图形设计技能(即具备良好的绘画能力)可说是必备条件。除此之外,还需具备以下三项能力:
(一)理解对方意图

在接收各类指示与需求时,关键在于理解其背后的核心意图。例如,当收到 “希望将文字的这个部分改成红色” 的指示时,其核心意图可能是 “希望让文字的这个部分更显眼”。如果没有理解这一根本意图,只是按照指示将文字改成红色,最终可能会出现 “不符合游戏风格,需要重新修改” 的情况,导致不必要的沟通返工。但如果提前领会了修改意图,就可以提出 “在这款游戏中,若想让文字显眼,或许用其他颜色比红色更合适” 这样更优的建议。
能够在理解对方意图的基础上,接纳多元价值观的人更适合从事 UI 设计工作。例如,当其他部门提出新颖的设计想法时,即便一开始无法立刻理解或认同这个想法,也不应直接否定,而应秉持尝试制作的态度。通过制作出原型并进行测试,收集反馈意见,有助于与需求提出方达成共识,进而有可能将设计优化得更好。在实际工作中,常常会出现起初不被看好的方案最终被证明实用,或是原本认为可行的方案实际效果不佳的情况。
因此,UI 设计师需要在坚定自身想法的同时,不否定他人意见,以积极的 “尝试与纠错” 态度投入设计工作。
(二)把握整体情况

要开展高精度的工作,关键在于 “把握整体情况”,而非仅仅关注单个任务需求。如果只从组件或功能的单一角度进行设计,最终制作出的 UI 可能会在整个游戏中缺乏统一性和连贯性。只有策划人员与 UI 设计师双方就 “希望打造何种风格的整体 UI” 达成共识,才能制作出高质量的 UI。
(三)进行信息设计

信息设计能力,简言之就是将所需信息进行整理并转化为画面布局的 “信息梳理” 技能。游戏画面中会呈现多种信息,设计师需要思考各类信息的优先级,并对信息进行整合。当然,整洁的布局很重要,但这并非全部。例如,当策划人员通过文字描述提出需求时,设计师若能提议用图表形式呈现,让信息更直观易懂,就体现了其在信息处理与传递方面的能力,而这种能力正是 UI 设计工作所需要的。
五、UI 设计师工作的价值与乐趣何在?
UI 设计工作的难点在于,很难判断什么样的设计是 “正确答案”。要设计出对所有人而言都易懂、易用的 UI 并非易事。此外,运营中的游戏项目没有终点,需要根据时代发展不断更新 UI 设计。在运营过程中,外部环境会发生变化,例如智能手机的标准屏幕尺寸变大、设备处理性能提升等,这些变化有时会让过去无法实现的设计表达成为可能;而项目内部也会有新功能、新活动的添加等变化。在这样的背景下,我们每天都在不断尝试与调整,力求打造出能让更多人享受游戏乐趣的 UI。
正因如此,当收到用户 “希望能这样优化” 的建议,或是 “这个 UI 很好用” 的好评时,设计师会感受到强烈的工作价值与乐趣。尤其是运营中的游戏项目,设计师能直接收到用户对自己作品的反馈,因此在获得好评时会格外开心。
六、UI 设计师的职业发展路径
Cygames UI 设计师的职业发展路径大致可分为 “管理方向” 与 “专业方向” 两类。无论选择哪条路径,初期都会从素材设计等局部性工作入手,随着能力的提升,逐渐承担起包括操作流程在内的整体 UI 设计工作。在积累一定工作业绩后,希望带领团队担任负责人或管理者的人员,可以选择管理方向;而希望专注于一线设计工作、提升设计质量的人员,则可以选择专业方向,成为 UI 设计领域的专家。
那么,作为游戏 UI 设计师,达到何种水平才能称得上 “独当一面” 呢?由于 UI 的定义本身仍存在模糊之处,很难明确界定 “具备某项能力就算是合格的 UI 设计师” 这样的标准。但如果一定要设定一个标准,那么当设计师能够根据需求提出方的要求,准确完成设计任务时,就可以说具备了一定的专业能力。
此外,设计师不仅要会设计,还需要具备向他人解释 “为何采用这样的设计” 的能力。既要能清晰地用语言阐述设计意图,又要根据沟通对象的不同,选择易于理解的表达方式,推动双方达成共识。具备这种能力的设计师,才能在 UI 设计领域拥有更广阔的发展空间。