Apple發(fā)布顛覆性3D化UI風(fēng)格！扁平UI要落伍了嗎？新風(fēng)格具體是個(gè)啥？

最近 Apple 發(fā)布了最新的Mac os 11系統(tǒng)風(fēng)格，取名為Big Sur，帶來(lái)了一波新的風(fēng)潮，其中最顯性的特點(diǎn)是圖標(biāo)3D化了，同時(shí)還特別具備UI的特征，用創(chuàng)作者的話來(lái)說(shuō)就是“讓大家感覺很熟悉，但又有很多新的細(xì)節(jié)”。

是回歸還是進(jìn)步？

很多人覺得Big Sur很新穎，也有一些人覺得是回退到了擬物時(shí)代。其實(shí)這次的3D迭代雖然在形式上是3D的，但是和擬物有非常大的區(qū)別。其中最大的區(qū)別有3點(diǎn)：

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

Big sur的核心是講UI中“ 以內(nèi)容為中心 ”的思路應(yīng)用到了3D形狀上，去除了很多干擾內(nèi)容細(xì)節(jié)，只保留核心信息。

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

同時(shí)利用幽靈投影等思路，給icon營(yíng)造了較強(qiáng)的“點(diǎn)擊欲”。

3. 產(chǎn)出依然高效

10年擬物風(fēng)格流行的時(shí)候，制作一個(gè)細(xì)節(jié)豐富的擬物icon大概要一天多的時(shí)間，后來(lái)扁平化主要是為了提高效率，而big sur風(fēng)格即能輸出不錯(cuò)點(diǎn)擊欲的icon，同時(shí)在有2Dicon方案的情況下，制作一個(gè)大概10分鐘就可以了。

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

2012年Google推出了Material Design，改變了整個(gè)手機(jī)應(yīng)用的設(shè)計(jì)風(fēng)格與趨勢(shì)，直到現(xiàn)在的8年時(shí)間里，基本只有apple能在這基礎(chǔ)之上進(jìn)行改良，其他廠商基本都只能停留在應(yīng)用層面。那這次Apple首先推出big sur風(fēng)格，大家都很好奇是否會(huì)成為顛覆扁平風(fēng)格，引領(lǐng)新潮流。我們可以從三個(gè)方面來(lái)分析：

第一 通用性是否很強(qiáng)

第二 完成目的情況是否比扁平好

第三 制作的收益比是否較高

第一 通用性是否很強(qiáng)

我們看下對(duì)比圖，基本只有在icon放的較大的情況下，才能與扁平有較大的區(qū)分，所以目前更適用于桌面icon、啟動(dòng)頁(yè)圖標(biāo)等處，通用性不算太高。

第二 最終效果是否更好

完成目的主要體現(xiàn)在是否能更好的體現(xiàn)產(chǎn)品風(fēng)格，例如比扁平的更簡(jiǎn)潔、溫馨，或者更酷、更潮流，從下面對(duì)比的抖音、蝸牛睡眠來(lái)看，確實(shí)不錯(cuò)。在設(shè)計(jì)完成產(chǎn)品品牌、情感目的來(lái)說(shuō)，算是特別好的。

第三 是否有更高的收益

在制作的收益比上，主要看的是效果收益是不是值得耗時(shí)去做的，在制作這批3D icon的過(guò)程中，我們統(tǒng)計(jì)了下，基于有場(chǎng)景模板、燈光模板、材質(zhì)模板的情況下，制作一個(gè)基本在10分鐘左右，因?yàn)榇蟛糠謎con的形態(tài)本身都不是特別復(fù)雜，所以耗時(shí)都不多，收益比還是非常不錯(cuò)的。

近期哪些地方會(huì)普及

從大的趨勢(shì)來(lái)看，每次iOS設(shè)計(jì)大更新，都會(huì)引導(dǎo)一波潮流，上一次是iPhone中控的設(shè)計(jì)調(diào)整，主要是對(duì)音量控件、亮度控件的操作區(qū)域、視覺顯示樣式進(jìn)行了調(diào)整，基本半年時(shí)間后，所有手機(jī)都和iPhone的形式一樣的了。

我們按類似邏輯類推下，雖然可能不會(huì)特別準(zhǔn)確，但是可以推測(cè)出大概的情況。這次蘋果發(fā)布會(huì)上主要展示了ios用于了移動(dòng)設(shè)備的icon上，那么可以推測(cè)基本在手機(jī)、電腦、web功能入口處等同類應(yīng)用點(diǎn)在近期可能都會(huì)被應(yīng)用，應(yīng)該也會(huì)帶來(lái)一波潮流。

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

設(shè)計(jì)師群體里面對(duì)新趨勢(shì)基本都持有兩種觀點(diǎn)。

一種是學(xué)了才能跟上潮流，彰顯厲害之處。

一種是覺得有備無(wú)患，技多不壓身，以后萬(wàn)一需要也隨時(shí)能上手。

那么如何學(xué)習(xí)呢？

基本入門很簡(jiǎn)單。對(duì)UI設(shè)計(jì)師來(lái)說(shuō)基本都是使用C4D來(lái)制作模型和渲染的，UI工作所需的模型大家學(xué)習(xí)起來(lái)不難，主要需要下適應(yīng)下3D視角，基本的建模其實(shí)和畫矢量圖差不多，熟悉一些基本技巧即可。

難點(diǎn)主要在渲染上。目前主流的C4D渲染器是OC和Arnold還有redfish，OC需要基本只有win能用，并且要N卡，雖然mac也有了OSX，但用起來(lái)太費(fèi)電腦，mac目前比較推薦的是Arnold，渲染速度很快，并且也效果也很不錯(cuò)。

重點(diǎn)在于設(shè)計(jì)思維。在學(xué)習(xí)渲染上更重要的是對(duì)光影、質(zhì)感、材質(zhì)的應(yīng)用于理解，技巧不太難，基本就是挪下位置、調(diào)個(gè)顏色，但出來(lái)的效果卻是千差萬(wàn)別。

所以一定要多研究，多嘗試，才能進(jìn)步迅速，跟上潮流。

想要學(xué)習(xí)設(shè)計(jì)或者提升設(shè)計(jì)可以來(lái)AAA教育。https://www.aaa-cg.com.cn/?wkc