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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 C4D

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

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

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

Blender

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