界面设计需要做好“质量版控”

Chengsoul

UI同学是否会有一个同样的问题，“设计稿看起来很不错，可一到版本验收就惨不忍睹。”

除了界面拼接上的疏忽外，设计师在设计稿中经常忽略“动态信息”也是罪魁祸首之一。

什么是“动态信息”

当我们面对设计稿时，它就像是一张海报，是静态的图，这是错误的意识。

UI设计与平面海报最大的区别是，我们需要将其中内容打散拼接到引擎中。

这时，一些固定的标题部分保持不变，但很多属性数字、阵营、立绘等信息在实际游戏中是变化的。

这些信息，我统称为“动态信息”。

上图的红框部分，就是最典型的“动态信息”，设计师应当具备处理变量事件的敏感性。对此我总结了四条方法论，你可以应用于设计稿自检或验收中。

01、避免克隆

从策划需求开始，并没有人关注实际的信息是怎么样，用最偷懒的方式应对设计。

设计稿中对于属性条目的处理，克隆信息最为常见。

标题三体字，数值四位数，条目占六行。

想一下这些信息在真正应用到游戏中之后，是这个样子吗？

所以，避免克隆本质上要求大家注意信息真实的情况，给予合理设计处理才能正确指导版本效果。

设计稿中填充真实信息，考虑变量

02、秩序排列

策划需求是可以商量的，当你在信息顺序的呈现上有设计见解时，要及时提出。

下图的信息实际上都是策划动态配置的，落地在版本中后，对齐规则受到文字数量的干扰，会显得版面混乱不堪。

对此，设计师就要多些思考：

文字统一可以吗？

各条目的顺序重新排列可以吗？

03、变化空间

版本落地效果不佳，更多是因为对变量信息的准备不足。

以下4个方向最容易被忽视：

信息阈值

排版中预留出最大数值的空间。

以及对信息条目的变化做出示意，例如效果图中显示三条信息，如游戏中只显示一条的话，效果是怎么样。

彩色背景

关注游戏中背景是否有可能更换，当背景更换后，上面的信息可能会受到影响。

彩色文字

游戏中经常用各种颜色代表物品的品级，如果效果图中不注意这些颜色，很有可能在实际游戏中发现信息与背景混在一起。

中间过程

效果图中要充分展示控件的各种状态与中间过程，否则就无法预期信息发生改变后造成的影响。

04、特殊标注

效果图与实际版本效果千差万别，实际上是因为特殊情况没有特殊处理。

我们应与下游同学有更好的合作，当非常规的情况出现时，做好标注和步步紧盯，这才是质量版控的正确动作。

05、结语

千万不要把游戏UI设计当作平面设计看待。

请牢记这四条：

避免克隆 - 充分了解和填充动态文本内容

变化空间 - 对齐、阅读顺序、排序规则

秩序排列 - 对动态信息变化后的容错率

特殊标注 - 标准与跟进非常规的对齐方式

相信一定能在设计稿版本还原方面帮助到你，避免因最初的疏忽导致不必要的迭代与维护。

对自己要求高一些，你能做得更专业。

感谢阅读。

文/杨曦UEDC
来源：GameUE
原文：https://mp.weixin.qq.com/s/JGECdC-0UXtGeOWL2QB4EQ