炉石传说设计师谈UI:打造身临其境的界面

炉石的那些创意

盒子的匹配模式是这样的，先点击放大打开盒子，出现玩家地图，点击选择英雄，点击对手匹配，然后点击缩小，出现对战的游戏板。这就是今天游戏的雏形，虽不完善，却让他们看到了希望，

事实上，整个游戏就是从这个简单的盒子元素开始，神奇地走到今天的《炉石》。

由盒子的形态，延伸出珠宝盒或音乐盒。又引进了钥匙、树等概念。盒子要安放在桌子上，所以引入了酒吧或酒馆的元素，于是有了一个“暴雪”酒馆的招牌，一个酒馆的半截弹簧门，暖黄色的灯光从里面透出。

如果系统繁忙，自然就有了这块“客满，请十分钟后来”的招牌。

下面这张美术设计图是安置在魔兽情景中的《炉石》牌桌。让玩家感觉自己是在魔兽世界里玩着卡牌，是不是很酷?

在暴雪推广活动上，一个实景展台重现并扩展了这个酒馆的场景，令设计师们十分兴奋，Derek开玩笑说他们简直想把布景搬回办公室，然后在里面办公!

Derek认为，创意之路不是笔直的，要在开发初期就不断积极发掘。他们的经验说明，一旦找到了对的种子，它会引导你进入一个创作境界，让各种元素顺理成章地组合起来。

追求物体的真实感与高端质感

当《炉石》设计时，在许多游戏的UI中流行着平面化的趋势，似乎仅用2D就可以做出平滑顺畅的效果。但《炉石》团队决定坚持最初的3D路子，利用3D的优势体现实物效果。

作为一款收费游戏，玩家投入的时间和金钱应受到尊重。因此他们让物体呈现出价值和质感，层次分明，结构繁复，赋予物体一种宝贵、高端的视觉质感。加上动画视觉和音效后，所有的游戏元素以酷炫的方式呈现出来，就形成了今天这种浑然一体、流畅愉悦的游戏风格。

为了提高玩家体验，他们还在游戏板四角加上了一些纯娱乐的附加效果元素，增加玩家对战时的愉悦感，连Derek家两岁的孩子都爱不释手，粉丝也非常欢迎。

在触屏设备上，UI的真实感显得更加生动。当玩家的手指碰到一个卡牌或形象，它就会发出声效，并跟随手指飞翔、闪烁或旋转，而这正是Derek他们最初设计时希望实现的奇妙效果。

事实证明，粉丝们对《炉石》的UI十分满意，纷纷晒出自己制作的《炉石》主题艺术品，有笔记本，盒子、牌标模型，甚至有人制作了整个对战板的翻糖蛋糕!可见这款UI界面深得人心。

UI需要充分的重视

就《炉石》而言，成功经验之一便是UI设计与游戏开发同步进行，把UI放在和游戏设计同等重要的位置，组建专业的团队，包括UI创意、程序员、美术师等角色。

Derek说，他们一般先将想法作成模型，然后对其进行简化。说《炉石》的关键之处就在于UI并不过分，因为这款游戏没有广阔的疆域、庞大的虚拟空间供玩家遨游，只有一个摆在桌子上的游戏盒子。因此，团队更注重游戏效率，风格优先。

比如卡牌桌原来带有许多说明文字和数字，后来他们考虑到玩家——特别是新手玩家——可能不喜欢读太多说明，所以将游戏设计成玩家能够逐步了解各种属性的模式。

又比如，他们将卡牌的种类从60种减少到30种，因此玩家不用费时翻页就可以完成选择;现在对战板上最多能放7个随从，若增加数量就要将图形放大缩小，那样会显得不自然，削弱了真实感。所以他们决定保持不变。

在原稿中，有一个卡牌反应链让玩家选择特定卡牌对抗敌人，但画面显得过于混乱，最终被放弃。

在设计过程中，UI人员经常与美术师及2D、3D设计师一同讨论创意，也经常与程序员沟通技术实现的可能性，以及需要怎样调整。由于团队的高度协作，工作效率非常高。

《炉石》在UI设计上的成功来自于团队的协作努力。Derek强调，这是一种资源密集型的创作，概念量极大，是这款游戏的重点。这个团队的设计成员约十名，他们在紧迫的时间压力下，通过2年的高强度工作终于完成了这项工作。

在演讲中的Derek Sakamoto是标准的暖男大叔，形象亲和。他在暴雪工作了超过12年的时间，在早期职业生涯中参与过《魔兽世界》、《巫妖王之怒》的手机。6年后，他加入了Pegasus的《炉石传说》开发团队，担任高级UI设计师。