浅谈《原神》美术风格与UI视觉包装

美术风格

作为一个有情怀的二次元公司，米哈游延续了崩3一贯的立绘风格。立绘角色有可盐可甜的小姐姐，可奶可狼的热血少年。

同时在很多立绘中，我们可以看到原画也很好地结合了国风和欧式风格时装（当然也是因为游戏里有中式和欧式风格的城市），丰富的“多样性”可以说牢牢抓住了二次元玩家的心。

在这里继续吹一波米哈游对于角色立绘形象在游戏中建模的还原，在这里也看到崩3里人物模型这块的积累。

但美中不足的是，人物立绘和野外怪物风格部分不统一。

在场景里大家可以脑补一下一个二次元的角色和一个比例三次元的狗子在一起四目相对是什么感觉。

《原神》游戏里的天气系统可以让同一个场景呈现出不同的光影变化，这点还是很赞的。

因为世界观是幻想风格，所以从场景中我们可以看到很多中世纪风格的罗马立柱，以及长廊。

游戏视觉元素提炼

大家注意到小姐姐头上的星型标志了没。这个是“神之眼”，导引元素之力。咱们可以看到这个星型元素在UI中作为一个核心要素被高频使用。

还有我们能看出有对崩3风格做延伸。

LOGO本身不是很复杂，还是有延续神之力的星型视觉要素作为主要的辨识度。

BANNER风格和现在流行的扁平风格越来越接近，辨识度来自于米哈游的原神主要立绘和角色。

因为是幻想世界观的风格，主界面的ICON部分多采用扁平风格。在这里我们可以看到很多对称式图标，翅膀元素，武器和魔法效果等。

物品类的图标多为精致轻薄的日系图标风格，因为需要适配不同页面的展现。

精致的图标在搭配相对而言虚空类型的星空背景来说是不可或缺的存在。

UI拓展和应用

整体来说，UI的调性扁平风格，还是延续“神之眼”的星型拓展出适合整体UI包装的星空主题。

在类似委托人物，成就系统UI都运用了魔法书和纸张这样的设计，可以更好的承载更多信息。

并且用魔法书这样的视觉包装可以让UI更具有场景化，让玩家更有代入感～

无论是主机风格，还是近几年市面上流行的二次元手游风格，多喜欢采用类似的毛玻璃效果。

这样可以很好的为程序节省资源，并且会更突出前景交互内容，让页面看上去非常整体。

界面里还有很多齿轮和魔法阵结合的设计元素，让人会联想到塔罗牌卡牌背面的装饰图案风格。

这是骨头个人很喜欢的一个界面，在这里配合右侧的时间的指针调整，左边会对应出现不同天气的变化。

抽卡界面的设计更像一整张BANNER，这样可以加强抽卡页面在游戏中的对比，同时也方便之后高频次替换资源。

动效表现

因为是氪金界面，所以这里的UI动效表现是视觉冲击力最强的部分。一般十连抽的时间会控制在30秒之内，给足了氪金玩家加强抽卡的成就感，同时也清晰地给玩家展示了获得的武器道具和角色。

整个抽卡动效分为3个阶段：

1. 在这里结合了一个很动画式的表现形式，从天空中坠    落的陨石发出强烈的光柱即将到达地面。

2.展示单独获得的物品和角色，武器展示和角色卡牌展示动效和设计上有一些区分。

3.整体展示获得物品，在这里优先突出展示四星或者更高级的角色卡牌

在这里整个物品升级表现时间非常短，只有3秒，比较适合高频次的升级操作。

在原神里有一个烹饪系统，在这个进行烹饪操作的时候，会有一个很有意思的烹饪小动画。

在这里场景里的人物角色会配合不同的界面做一些动效反应。

物件和弹出框多为放大缩小的动效形式，背景的星空有做轻微的动效结合。

不同元素英雄切换时整体背景色调也会跟随着切换。

选中态基本标配亮黄色和蓝色，这样更容易让大家识别到选中态。选中态动效较轻量，和氪金动效形成鲜明对比。

《原神》的确神似《塞尔达传说：旷野之息》，但他同时也拥有几乎是国内游戏开发商最高的技术实力，无论是从美术渲染，还是引擎运用，《原神》都可以称得上是国内顶级的。

整体来说《原神》在整体的美术视觉包装上，还是抓住了“神之眼”这个主要的核心拓展出基础视觉元素，以及延伸出星空背景的理念。抛开一些玩法上的硬伤，其实很多ICON设计，抽卡动效设计的表现还是值得大家学习的。

希望各位大宝贝在体验游戏的时候，谨慎轻喷。我们需要做的应该是更用一分为二的辩证法去看待，看到游戏中不足的，也要看到游戏中的优点，可以让我们提升的部分，变成一个更厉害的美术爸爸！