[UI设计]《天启联盟》3D抽卡交互视觉设计
广州/UX设计师/6年前/4952浏览
版权
[UI设计]《天启联盟》3D抽卡交互视觉设计
之前在天启联盟项目里做的一套基于模型衍生的概念,在上次那个回溯设计的比赛中将其完成(没来得及渲染TT),本次设计是全部由3d模型制作,摒弃过去靠平面堆砌界面的方案。
制作耗时前后一周,涉及技术——交互设计、视觉、建模、材质和法线贴图、灯光利用、骨骼和IK绑定、动作设计和镜头运动、声效(实际跑游戏时会加快它们的节奏,以及提供关闭动画流程的按钮)。
模型面数不多,考虑实际落地,并没有使用诸如AE及平面后期合成的特效工具,多数运用法线和材质,骨骼赋予ik解算动作,镜头运动呈固定形式,其间卡牌几率变化也是运用半遮蔽的形式下在替换贴图(时间仓促,没有在牌面上做过多的设计也请见谅)。
本人是界面设计工作者,所见所学的工具和技能都会尽可能运用在交互所能呈现的领域,以后美术和ui的技术及情感认知界限会越来越小,或又将最终合一,工具也只是设计呈现的窗口。
在将来,高新视觉技术会不断迭代这个市场,3Dui的出现,无疑也是行业未来的一片蓝海,在革新技术的进程中,可以发掘更多亮眼且新颖的创意;
希望这个小小的3d界面流程演示可以稍微为大家带来灵感。
106
Report
声明
54
Share
相关推荐
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
You may like
相关收藏夹
Log in
99+Log in and synchronize recommended records
54Log in and add to My Favorites
评论Log in and comment your thoughts
分享Share

![[UI设计]《天启联盟》3D抽卡交互视觉设计](https://img.zcool.cn/community/0116e65c4da0b5a801213f26810ca9.png?x-oss-process=image/auto-orient,1/resize,m_lfit,w_1280,limit_1/sharpen,100/quality,q_100)
![[UI设计]《天启联盟》3D抽卡交互视觉设计](https://img.zcool.cn/community/0171505c4da0b9a801203d223fe00a.png?x-oss-process=image/auto-orient,1/resize,m_lfit,w_1280,limit_1/sharpen,100/quality,q_100)
![[UI设计]《天启联盟》3D抽卡交互视觉设计](https://img.zcool.cn/community/0155b25c4da0b9a801213f26ea64a3.png?x-oss-process=image/auto-orient,1/resize,m_lfit,w_1280,limit_1/sharpen,100/quality,q_100)
![[UI设计]《天启联盟》3D抽卡交互视觉设计](https://img.zcool.cn/community/01a3c15c4da0bba801203d224747c4.png?x-oss-process=image/auto-orient,1/resize,m_lfit,w_1280,limit_1/sharpen,100/quality,q_100)
![[UI设计]《天启联盟》3D抽卡交互视觉设计](https://img.zcool.cn/community/01e2e45c4da0bca801213f26197bb6.png?x-oss-process=image/auto-orient,1/resize,m_lfit,w_1280,limit_1/sharpen,100/quality,q_100)
![[UI设计]《天启联盟》3D抽卡交互视觉设计](https://img.zcool.cn/community/01db8f5c4da361a801213f261662f9.png?x-oss-process=image/auto-orient,1/resize,m_lfit,w_1280,limit_1/sharpen,100/quality,q_100)
![[UI设计]《天启联盟》3D抽卡交互视觉设计](https://img.zcool.cn/community/01de805c4da360a801203d223e1dfa.png?x-oss-process=image/auto-orient,1/resize,m_lfit,w_1280,limit_1/sharpen,100/quality,q_100)
![[全栈线创作]一个人制作的独立游戏《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设计(3D)]关于YTTRIUM中无人机UI视觉交互](https://img.zcool.cn/community/6864449a06a2a0qx7secbk55.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)
![[全栈线创作]一个人,我做了款3D动作游戏-完整版](https://img.zcool.cn/community/684a3c88ef91fxrupl0lx7180.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)


























































