[UI设计]昆虫题材缩微世界观-战斗demo及昆虫信息展示

三年前接到的一套关于昆虫缩微世界观题材的相关设计，这是这个项目前期起跑的一套风格方案

起初是打算先制作相关的UI展示部分，但想到战斗部分的UI其实也和场景环境息息相关，以及当时受到了哈利波特手游的氛围化启发，就想尝试与场景更为结合的场景化3Dui交互形式进行整套战斗相关画面的表现

而当时产品组当时处于非常前期的阶段，没有现成的模型及相关场景，所以就干脆现成搭建了一个相对符合游戏预想调性的场景，而昆虫相关的模型，则上虚幻商城去购买了一些；

而剩下的UI部分，我本着结合场景，去专门设计符合相关的模型去配套，以及运用了虚幻UMG上的widget3D功能去配合一起产出存在于游戏空间内的可交互控件：

完整视频：

本想只是做些静态的效果，但想到战斗是个活动的高频率的玩法，当然得配合着实时的响应去迎合各种状态，琐碎就连战斗系统也一并做了，调出的NPC和BOSS都进行了AI行为树的搭建，使之有寻路，对抗行为，攻击逻辑，并简单的赋予其数值，有了生命，就有伤害数值，则战斗就有了头尾闭环，所以整套战斗系统的demo，连同UI和场景，材质蓝图，卡通化后处理风格，也被我一个人给完成了。

除了战斗场景，还有关于兵种的信息页面，也设计了关于“昆虫展示”契合人类角度去观察和感受的表现；我们日常从现实或者媒体上观察昆虫的角度，和常规游戏用来展示英雄系统人物3D模型角度不同，并不是从平视的视角去观察其正面及远处的环境，进行氛围烘托，而是以一个微距的短距相机视角，和一些背面及整体角度，去而欣赏昆虫的细节

运用有限的面数开销，以及引擎简易实现机制达成 强沉浸式 高质量 且灵活的画面表现力的昆虫展示，我运用了天空球原理去模拟树叶外部环境，在以昆虫为轴心的角度，去旋转摄像机，从而达到在一个密闭空间中，却仿佛在一片森林的树梢上观察虫子的沉浸效果