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

作者:杨曦UEDC GameUE 2021-08-09 28.4k
UI同学是否会有一个同样的问题,“设计稿看起来很不错,可一到版本验收就惨不忍睹。”

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

什么是“动态信息”

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

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

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

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


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

01、避免克隆

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

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


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

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

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



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

02、秩序排列

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

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


对此,设计师就要多些思考:

文字统一可以吗?

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


03、变化空间

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

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

信息阈值

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


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


彩色背景

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


彩色文字

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


中间过程

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


04、特殊标注

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

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


05、结语

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

请牢记这四条:

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

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

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

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

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

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

感谢阅读。


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

相关推荐