[UI设计(3D)]《战锤》场景式交互及视觉效果
广州/UI设计师/311天前/846浏览
版权
[UI设计(3D)]《战锤》场景式交互及视觉效果
前几年，接到《战锤》的项目并设计、制作大厅系统和英雄详情内容的3D场景化交互的原型，以及各种资源的模型、贴图、材质，导入UE4中，进行功能搭建，以及镜头语言变化，并用蓝图编程的方式，构建完整可落地的demo
提案后，进行派系系统3D背景的可变化型场景搭建，以及英雄列交互完整，视觉提升，跳转功能的镜头设计
………………………………
英雄列表的概念，运用的是桌游棋格的概念，运用这块地形框底的模型结构进行翻页切换
![[UI设计(3D)]《战锤》场景式交互及视觉效果（图ZMzkyMTU3ODc2） - 游戏UI - 站酷设计师猪丽叶安娜原创素材 - 站酷ZCOOL](https://img.zcool.cn/community/68503880363a4ihfwyxr8s5757.png?x-oss-process=image/saveexif,1/auto-orient,1/resize,m_lfit,w_1280,limit_1/sharpen,100/quality,q_100)
![[UI设计(3D)]《战锤》场景式交互及视觉效果（图ZMzkyMTU3ODgw） - 游戏UI - 站酷设计师猪丽叶安娜原创素材 - 站酷ZCOOL](https://img.zcool.cn/community/685038804c7c4aniaue4zw382.png?x-oss-process=image/saveexif,1/auto-orient,1/resize,m_lfit,w_1280,limit_1/sharpen,100/quality,q_100)
![[UI设计(3D)]《战锤》场景式交互及视觉效果（图ZMzkyMTU3ODg0） - 游戏UI - 站酷设计师猪丽叶安娜原创素材 - 站酷ZCOOL](https://img.zcool.cn/community/68503880161a7qj6ywz3pc3442.png?x-oss-process=image/saveexif,1/auto-orient,1/resize,m_lfit,w_1280,limit_1/sharpen,100/quality,q_100)
![[UI设计(3D)]《战锤》场景式交互及视觉效果（图ZMzkyMTU3ODg4） - 游戏UI - 站酷设计师猪丽叶安娜原创素材 - 站酷ZCOOL](https://img.zcool.cn/community/685038800ca0du808wxnc92334.png?x-oss-process=image/saveexif,1/auto-orient,1/resize,m_lfit,w_1280,limit_1/sharpen,100/quality,q_100)
![[UI设计(3D)]《战锤》场景式交互及视觉效果（图ZMzkyMTU3ODky） - 游戏UI - 站酷设计师猪丽叶安娜原创素材 - 站酷ZCOOL](https://img.zcool.cn/community/685038802bf03px1j2v56m2525.GIF?x-oss-process=image/saveexif,1/auto-orient,1/resize,m_lfit,w_1280,limit_1/sharpen,100/quality,q_100)
为提升该玩法的新颖感和沉浸度，t设计、制作了与游戏世界观气质相符的模型以及和故事背景吻合的物件作为游戏交互的承载物
![[UI设计(3D)]《战锤》场景式交互及视觉效果（图ZMzkxOTE2OTky） - 游戏UI - 站酷设计师猪丽叶安娜原创素材 - 站酷ZCOOL](https://img.zcool.cn/community/6849c9920966bj1daxnvoy6823.gif)
![[UI设计(3D)]《战锤》场景式交互及视觉效果（图ZMzkxOTE2OTY0） - 游戏UI - 站酷设计师猪丽叶安娜原创素材 - 站酷ZCOOL](https://img.zcool.cn/community/6849c92eb716124fqllddy5061.png?x-oss-process=image/saveexif,1/auto-orient,1/resize,m_lfit,w_1280,limit_1/sharpen,100/quality,q_100)
![[UI设计(3D)]《战锤》场景式交互及视觉效果（图ZMzkxOTE2OTY4） - 游戏UI - 站酷设计师猪丽叶安娜原创素材 - 站酷ZCOOL](https://img.zcool.cn/community/6849c92eb3bfdrdjtuhk5v5152.png?x-oss-process=image/saveexif,1/auto-orient,1/resize,m_lfit,w_1280,limit_1/sharpen,100/quality,q_100)
![[UI设计(3D)]《战锤》场景式交互及视觉效果（图ZMzkxOTE2OTcy） - 游戏UI - 站酷设计师猪丽叶安娜原创素材 - 站酷ZCOOL](https://img.zcool.cn/community/6849c92ee69a3dpjt5ohyw7078.png?x-oss-process=image/saveexif,1/auto-orient,1/resize,m_lfit,w_1280,limit_1/sharpen,100/quality,q_100)
………………………………
关于场景内承载英雄信息的背景幕布，我想用更为合理的形式让其展现于场景空间内，让它在相互切换时表现的更为合理，且运用了滑索的轨道结构，在让这个系统视觉呈现在人们眼前不那么违和
![[UI设计(3D)]《战锤》场景式交互及视觉效果（图ZMzkxOTE2OTgw） - 游戏UI - 站酷设计师猪丽叶安娜原创素材 - 站酷ZCOOL](https://img.zcool.cn/community/6849c92eb971eqalf3cli84907.png?x-oss-process=image/saveexif,1/auto-orient,1/resize,m_lfit,w_1280,limit_1/sharpen,100/quality,q_100)
………………………………
之后也与该世界观下“次元石”作为结合，用它来承载一部分界面的信息，更贴合这个魔法驱动世界观的主题背景
![[UI设计(3D)]《战锤》场景式交互及视觉效果（图ZMzkxOTE2OTg0） - 游戏UI - 站酷设计师猪丽叶安娜原创素材 - 站酷ZCOOL](https://img.zcool.cn/community/6849c92ebd00207745awaq4374.png?x-oss-process=image/saveexif,1/auto-orient,1/resize,m_lfit,w_1280,limit_1/sharpen,100/quality,q_100)
![[UI设计(3D)]《战锤》场景式交互及视觉效果（图ZMzkxOTE2OTg4） - 游戏UI - 站酷设计师猪丽叶安娜原创素材 - 站酷ZCOOL](https://img.zcool.cn/community/6849c92eb98d4hd6jxumw25023.png?x-oss-process=image/saveexif,1/auto-orient,1/resize,m_lfit,w_1280,limit_1/sharpen,100/quality,q_100)
![[UI设计(3D)]《战锤》场景式交互及视觉效果（图ZMzkyMTU3ODQ4） - 游戏UI - 站酷设计师猪丽叶安娜原创素材 - 站酷ZCOOL](https://img.zcool.cn/community/685036ca0f24aw6424jw9a347.gif)
42
Report
声明
20
Share
相关推荐
![[动作及镜头设计]YTTRIUM中动作和镜头TimeLine设计](https://img.zcool.cn/community/691f58e58ec1av1csp5j2r1778.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)
![[全栈线创作]一个人制作的独立游戏《Dark Crystum》](https://img.zcool.cn/community/68e73bf39554ck1fcqgymz3017.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)
![[UI设计]-《工作细胞》](https://img.zcool.cn/community/6862c3c4d183f6xwlx2w7l9080.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)
![[美术地编]——中世纪荒弃小镇场景地编制作的流程](https://img.zcool.cn/community/6861208071ee3zwp8xtr6n6405.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)
![[UI设计]-中世纪题材-泰亚史诗一些常规视觉设计](https://img.zcool.cn/community/685065edc85a69sez1rah72159.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)
![[模型设计]-摩托车硬表面机械设定、建模，材质](https://img.zcool.cn/community/68503e3f09babg2hqv84c78417.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)
![[UI设计]各项品类穿插的风格设计，和3D交互设计落地](https://img.zcool.cn/community/68503165810c2y9ef99yua2103.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)
![[全栈线创作]单人独立创作——幸存者加生存《暗晶核》](https://img.zcool.cn/community/6864352bd350cezm59qsme1131.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)
![[UI设计]昆虫题材缩微世界观-战斗demo及昆虫信息展示](https://img.zcool.cn/community/684a840f8752ay1dt3cfsg6469.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)
in to comment
Add emoji
喜欢TA的作品吗？喜欢就快来夸夸TA吧！
推荐素材
You may like
相关收藏夹
Log in
42Log in and synchronize recommended records
20Log in and add to My Favorites
评论Log in and comment your thoughts
分享Share