微软VR虚拟现实UI Fluent Design概念设计

原创文章 分类: 教程 版权:
15487 332 721 40
2018-05-04
132.9
首页推荐

雪姐姐1小时教你做个VR虚拟UI界面,学UI迎未来5G时代!中级教程,需PS和AI软件熟练!

Image title

随着5G规范制定和推广,我们移动互联网将迎来新的高峰——5G时代。到时候很多利用AI大数据的APP及VR AR应用会多起来,大家可以提早接触下这方面的概念设计,今天我们要临摹的案例是微软家出的一款VR UI概念设计。本教程适合PS和AI已经非常熟练的初中级设计师,如果你还不会PS,AI请点击屏幕右边  UEgood课堂  头像,学习下我的其它入门级教程。


高清视频链接:https://www.bilibili.com/video/av23776274


本教程可选3个难度进行临摹:

难度一:PS和AI绘制视觉效果图,画布1280 X 720px,3D模块用我提供的PNG素材


难度二:C4D制作山体LOWPOLY和3D数据可视化饼图素材,组合进视觉效果图


难度三:使用AE2018中的VR插件完成VR 360°全景动画设计(也可以用其它动效软件制作)


请大家按照自己能力选择适合自己的难度,也可以根据自己喜好,在画面上漂浮更多不同的模块,例如视频播放,上网浏览器,音乐播放器等各种模块~··并且进行布局变化等创意~··



Image title

日历和日程表的模块500px*300px,交互布局如上

Image title

相册的模块400px*290px,交互布局如上

Image title

天气模块120px*140px,计算机模块140px*150px,时钟表盘直径200px*200px

Image title

多边形请于C4D中完成,如果你没装C4D,用AI硬怼着画出来,我也不拦着你,当然你也可以直接使用我上面提供的这张PNG素材去完成画面。

Image title

三颗立方体我就是用PS画的,三面拉了个渐变,后面用蒙版擦了个透明,也很简单的,阴影稍微擦得用心点儿~··

Image title

最后是大背景,大背景1280px*720px,我是C4D渲染后PS再调了一下,后来发现PS直接能画~··如果还搞不定,请点赞按钮右边下载PSD源文件。



Image title


Image titleImage title

                                            据说点赞的都加薪了!

Image title

觉得交互动效太难,这边有本从入门到精通的书书推荐给你!

https://item.jd.com/12369040.html

UEgood课堂

名师雪姐教你设计,学得放心。微信:1003003457

3423粉丝/2关注

原创达人原创小生
UEgood周末班学员原创公交app全流程展示VR虚拟现实的UI、UX设计原则-图文教程
3
七颗梨

很好看,正好想学VR方面的UI设计,先收藏了

精彩!

UEgood课堂

UEgood课堂

名师雪姐教你设计,学得放心。微信:1003003457

原创达人原创小生

扫描二维码
去手机端查看海报

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2018 UI.CN