咨询电话:
15628812133
07
2023/07

关于3D在UI中的应用

发布时间:2023-07-07 17:18:06
发布者:guokai
浏览量:
0

关于3D在UI中的应用

 

Apple 发布Mac os 11系统风格Big Sur到现在,3D效果UI中的应用越来越广泛,从最早的图标3D化,到现在几乎在UI很多的方面都能看到3D效果的应用。

比如淘宝、京东里的商品详情页,活动会场,或者是网站首页banner(比如阿里云、华为云等)

1688721875341424.png 

比如华为云就是将3d效果应用在UI中比较经典的一种

3d效果在UI中的应用—是回归还是进步?

有的人觉得将3d效果应用在手机、网页上,是退回到了拟物时代。其实这次的3d效果与拟物化效果虽然在形式上差不太多,但是仍然有很大的区别:

1. 以内容为中心

3d图标和拟物化的第一个区别就是“以内容为中心”去除了拟物化中过多的内容物,只保留了核心信息,让图标显得没有那么繁琐

2. 强化点击欲

利用降低投影的不透明度,给投影增加颜色偏向等方法,让图标整体看上去更有点击的欲望

1688721919926499.png

3. 制作产出方面依然比拟物化更加高效

拟物风格流行的时候,制作一个细节丰富的拟物icon大概要一天多的时间,后来扁平化主要是为了提高效率,现在的新3d风格即能输出不错点击欲的icon,同时在有2D方案的情况下,制作一个3d模型的时间将会更加快速(后期渲染时间完全看电脑配置,所以不在考量范围内)

1688721976782181.png

新旧风格的对比

关于各个风格之间的优缺点,其实我们可以通过三个方面来进行对比:1、通用性,2、完成目的的情况,3、制作收益

1688722005886204.png

如何学习

如何学习和制作3d图标呢?目前我接触过的有两个比较主流的软件(并不是说其他软件就不行)C4DBlender


 C4D

基本入门很简单。UI设计师来说基本都是使用C4D来制作模型和渲染的,UI工作所需的模型学习起来不难,而且C4D还有强大的插件功能,加上UI可以先将平面图画出来,后期制作模型就更容易了,主要需要适应3D视角,基本的建模其实和画矢量图差不多,熟悉一些基本技巧即可。

难点主要在渲染上。目前主流的C4D渲染器是OC和Arnold阿诺德还有redfish红移OC基本只有win能用,并且要N卡,而且不同版本的C4D对应的OC 版本也不一样。虽然mac也有了OSX,但用起来太费电脑,mac目前比较推荐的是Arnold,渲染速度很快,并且也效果也很不错。个人认为还是先学OC,OC入门快,并不完全依赖节点编辑。

重点在于设计思维在学习渲染上更重要的是对光影、质感、材质的应用于理解,技巧不太难,基本就是挪下位置、调个颜色,但出来的效果却是千差万别。渲染器都有实时渲染画面,可以实时查看当前效果,十分方便

Blender

免费开源三维图形软件提供从建模、动画、材质、渲染、到音频处理、视频剪辑等一系列动画短片制作解决方案但是上手部分一直都是个难题,这个软件的操作习惯跟所有3D软件都很不一样,非常依赖快捷键,界面也比较有个性,基本上没教程看不懂。


关键词:
返回列表