腾讯美术师分享：《无限法则》背后的UI设计原则

导语：示例1：《无限法则》上架Steam前，第一版封面图的展示的Logo为蓝色，但是产品整体品牌的Logo默认是黄色，同一品牌，初步宣传时采用不同颜色会对玩家对品牌度的认知上产生一定干扰或困惑，后续迭代版本中，我们将其

　　示例1：《无限法则》上架Steam前，第一版封面图的展示的Logo为蓝色，但是产品整体品牌的Logo默认是黄色，同一品牌，初步宣传时采用不同颜色会对玩家对品牌度的认知上产生一定干扰或困惑，后续迭代版本中，我们将其更新。

　　示例2：初期海报宣传中，解析了Logo的基础元素，是三角形加黄色，后续做延伸设计的时候，把这2个元素融会贯通到所有的宣传设计层面。

　　示例3：从Logo的三角形造型为出发，统一化的视觉元素，运用到外星人电脑合作项目活动小卡片设计中。

　　示例4：《无限法则》Steam DLC展示界面，统一视觉元素：三角形+斜切线；颜色元素：黑白金银。

　　示例5：《无限法则》购买DLC后进入大厅领取界面，形状元素：三角形+斜切线；颜色元素：黑白金银。

　　示例6：《无限法则》购买冒险者通行证界面，形状元素：三角形+斜切线；颜色元素：黑白金银。

　　示例7：《无限法则》：Logo造型融入到游戏的方方面面，包括战阶图标、荣耀图标、经验图标、滑翔翼的皮肤、感谢信信封上的封蜡以及背包的设计。

　　小结，我们要如何去树立品牌感呢？

　　第一， 分析游戏世界观；

　　第二， 提炼成关键词；

　　第三， 将关键词图形化。

　　10.颜色数量控制：主色不超过2种色系；辅助色不超过3种色系。

　　关于颜色数量的控制，总结一句话：大味必淡而淡而有味，就是说享受了太多的山珍海味，突然来一杯清爽的柠檬水，会觉得特别好喝。所以我们这款游戏的UI设计出发点也是这样，如果当角色和物件足够表达这款游戏的亮点和品质时，那UI就往后退。把所有的亮点都留给场景和角色，UI尽量克制过度用色，保留黑白的主题色以及带有情绪的两个黄蓝按钮以外，其他色彩丰富表现全都留给物件本身。

　　11.资源可复用性：设计控件和界面背景时，设计过程中考虑该资源在其他地方是否可以不断被复用

　　关于资源的复用性，网上很多练习作品，界面为了美观采用弧面设计，实际项目中弧面设计的资源相对难做九宫处理，大量采用弧面设计会带来资源量的浪费。我们在设计时，应该更多考虑开发的实现性。同时，我们会把所有的资源物件，建立公共资源池，一方面是为了快速获取资源；另一方便可以把项目中所有资源元素做体系化的管理。

　　12.信息分组（块面化）：拉近相似元素的距离，成为一体；功能按模块区分、层级明显、具有易用性

（编辑：432游戏网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!