關(guān)于3D在UI中的應(yīng)用

從Apple 發(fā)布Mac os 11系統(tǒng)風(fēng)格（Big Sur）到現(xiàn)在，3D效果在UI中的應(yīng)用越來(lái)越廣泛，從最早的圖標(biāo)3D化，到現(xiàn)在幾乎在UI很多的方面都能看到3D效果的應(yīng)用。

比如淘寶、京東里的商品詳情頁(yè)，活動(dòng)會(huì)場(chǎng)，或者是網(wǎng)站首頁(yè)banner（比如阿里云、華為云等）

（比如華為云就是將3d效果應(yīng)用在UI中比較經(jīng)典的一種）

3d效果在UI中的應(yīng)用—是回歸還是進(jìn)步？

有的人覺得將3d效果應(yīng)用在手機(jī)、網(wǎng)頁(yè)上，是退回到了擬物時(shí)代。其實(shí)這次的3d效果與擬物化效果雖然在形式上差不太多，但是仍然有很大的區(qū)別：

1. 以內(nèi)容為中心

3d圖標(biāo)和擬物化的第一個(gè)區(qū)別就是“以內(nèi)容為中心”去除了擬物化中過(guò)多的內(nèi)容物，只保留了核心信息，讓圖標(biāo)顯得沒有那么繁瑣

2. 強(qiáng)化點(diǎn)擊欲

利用降低投影的不透明度，給投影增加顏色偏向等方法，讓圖標(biāo)整體看上去更有點(diǎn)擊的欲望

3. 制作產(chǎn)出方面依然比擬物化更加高效

擬物風(fēng)格流行的時(shí)候，制作一個(gè)細(xì)節(jié)豐富的擬物icon大概要一天多的時(shí)間，后來(lái)扁平化主要是為了提高效率，現(xiàn)在的新3d風(fēng)格即能輸出不錯(cuò)點(diǎn)擊欲的icon，同時(shí)在有2D方案的情況下，制作一個(gè)3d模型的時(shí)間將會(huì)更加快速（后期渲染時(shí)間完全看電腦配置，所以不在考量范圍內(nèi)）

新舊風(fēng)格的對(duì)比

關(guān)于各個(gè)風(fēng)格之間的優(yōu)缺點(diǎn)，其實(shí)我們可以通過(guò)三個(gè)方面來(lái)進(jìn)行對(duì)比：1、通用性，2、完成目的的情況，3、制作收益

如何學(xué)習(xí)

如何學(xué)習(xí)和制作3d圖標(biāo)呢？目前我接觸過(guò)的有兩個(gè)比較主流的軟件（并不是說(shuō)其他軟件就不行）C4D和Blender

 C4D

基本入門很簡(jiǎn)單。對(duì)UI設(shè)計(jì)師來(lái)說(shuō)基本都是使用C4D來(lái)制作模型和渲染的，UI工作所需的模型學(xué)習(xí)起來(lái)并不難，而且C4D還有強(qiáng)大的插件功能，加上UI可以先將平面圖畫出來(lái)，后期制作模型就更容易了，主要是需要適應(yīng)3D視角，基本的建模其實(shí)和畫矢量圖差不多，熟悉一些基本技巧即可。

難點(diǎn)主要在渲染上。目前主流的C4D渲染器是OC和Arnold（阿諾德）還有redfish（紅移），OC基本只有win能用，并且要N卡，而且不同版本的C4D對(duì)應(yīng)的OC 版本也不一樣。雖然mac也有了OSX，但用起來(lái)太費(fèi)電腦，mac目前比較推薦的是Arnold，渲染速度很快，并且也效果也很不錯(cuò)。個(gè)人認(rèn)為還是先學(xué)OC，OC入門快，并不完全依賴節(jié)點(diǎn)編輯。

重點(diǎn)在于設(shè)計(jì)思維。在學(xué)習(xí)渲染上更重要的是對(duì)光影、質(zhì)感、材質(zhì)的應(yīng)用于理解，技巧不太難，基本就是挪下位置、調(diào)個(gè)顏色，但出來(lái)的效果卻是千差萬(wàn)別。（渲染器都有實(shí)時(shí)渲染畫面，可以實(shí)時(shí)查看當(dāng)前效果，十分方便）

Blender

免費(fèi)開源三維圖形軟件。提供從建模、動(dòng)畫、材質(zhì)、渲染、到音頻處理、視頻剪輯等一系列動(dòng)畫短片制作解決方案。但是上手部分一直都是個(gè)難題，這個(gè)軟件的操作習(xí)慣跟所有3D軟件都很不一樣，非常依賴快捷鍵，界面也比較有個(gè)性，基本上沒教程看不懂。