关于3D在UI中的应用
从Apple 发布Mac os 11系统风格(Big Sur)到现在,3D效果在UI中的应用越来越广泛,从最早的图标3D化,到现在几乎在UI很多的方面都能看到3D效果的应用。
比如淘宝、京东里的商品详情页,活动会场,或者是网站首页banner(比如阿里云、华为云等)
(比如华为云就是将3d效果应用在UI中比较经典的一种)
3d效果在UI中的应用—是回归还是进步?
有的人觉得将3d效果应用在手机、网页上,是退回到了拟物时代。其实这次的3d效果与拟物化效果虽然在形式上差不太多,但是仍然有很大的区别:
1. 以内容为中心
3d图标和拟物化的第一个区别就是“以内容为中心”去除了拟物化中过多的内容物,只保留了核心信息,让图标显得没有那么繁琐
2. 强化点击欲
利用降低投影的不透明度,给投影增加颜色偏向等方法,让图标整体看上去更有点击的欲望
3. 制作产出方面依然比拟物化更加高效
拟物风格流行的时候,制作一个细节丰富的拟物icon大概要一天多的时间,后来扁平化主要是为了提高效率,现在的新3d风格即能输出不错点击欲的icon,同时在有2D方案的情况下,制作一个3d模型的时间将会更加快速(后期渲染时间完全看电脑配置,所以不在考量范围内)
新旧风格的对比
关于各个风格之间的优缺点,其实我们可以通过三个方面来进行对比:1、通用性,2、完成目的的情况,3、制作收益
如何学习
如何学习和制作3d图标呢?目前我接触过的有两个比较主流的软件(并不是说其他软件就不行)C4D和Blender
C4D
基本入门很简单。对UI设计师来说基本都是使用C4D来制作模型和渲染的,UI工作所需的模型学习起来并不难,而且C4D还有强大的插件功能,加上UI可以先将平面图画出来,后期制作模型就更容易了,主要是需要适应3D视角,基本的建模其实和画矢量图差不多,熟悉一些基本技巧即可。
难点主要在渲染上。目前主流的C4D渲染器是OC和Arnold(阿诺德)还有redfish(红移),OC基本只有win能用,并且要N卡,而且不同版本的C4D对应的OC 版本也不一样。虽然mac也有了OSX,但用起来太费电脑,mac目前比较推荐的是Arnold,渲染速度很快,并且也效果也很不错。个人认为还是先学OC,OC入门快,并不完全依赖节点编辑。
重点在于设计思维。在学习渲染上更重要的是对光影、质感、材质的应用于理解,技巧不太难,基本就是挪下位置、调个颜色,但出来的效果却是千差万别。(渲染器都有实时渲染画面,可以实时查看当前效果,十分方便)
Blender
免费开源三维图形软件。提供从建模、动画、材质、渲染、到音频处理、视频剪辑等一系列动画短片制作解决方案。但是上手部分一直都是个难题,这个软件的操作习惯跟所有3D软件都很不一样,非常依赖快捷键,界面也比较有个性,基本上没教程看不懂。