每年你會(huì)在優(yōu)設(shè)看到大量的設(shè)計(jì)趨勢(shì)預(yù)測(cè)和總結(jié)類的文章，其中有的出自騰訊這樣的頭部公司，有的出自 Uxdesign.cc 和 Graphicmama 這樣的知名設(shè)計(jì)博客，還有的則可能會(huì)出自行業(yè)內(nèi)的知名設(shè)計(jì)師。在這當(dāng)中資深設(shè)計(jì)師 Michal Malewicz 就是一位曾經(jīng)多次預(yù)測(cè)過(guò)重要設(shè)計(jì)趨勢(shì)的「趨勢(shì)觀察家」。

最近，Michal Malewicz 又開(kāi)始搞事情了，他在這篇文章當(dāng)中預(yù)測(cè)了新風(fēng)格。在聊他的新預(yù)測(cè)之前，我們先看看他之前所「斬獲」的各種設(shè)計(jì)風(fēng)格吧：

Michal Malewicz 之前的趨勢(shì)預(yù)測(cè)

2019年年底，他預(yù)測(cè)了新擬物化（Neumorphism）可能會(huì)流行：

之后隨著 iOS、macOS 的視覺(jué)風(fēng)格調(diào)整，微軟的 Fluent Design 開(kāi)始影響 Windows 11 的視覺(jué)風(fēng)格，他在 2020 的時(shí)候，相對(duì)準(zhǔn)確地提出「玻璃擬物化」風(fēng)格的流行：

隨后，在漸變光影的「玻璃擬物化」流行的背景下，他在 2021 年出又探討了「極光風(fēng)」視覺(jué)效果的流行和制作的可行性：

隨后在 2021 年年底，隨著 NFT 市場(chǎng)上行，3D 數(shù)字藏品的設(shè)計(jì)開(kāi)始逆向?yàn)?UI 設(shè)計(jì)輸出資源，他敏銳地注意到「粘土擬物化」的出現(xiàn)：

當(dāng)然， 10 年前那樣扁平化設(shè)計(jì)徹底推翻擬物化，成為席卷整個(gè)領(lǐng)域的主流風(fēng)格，這樣的設(shè)計(jì)估計(jì)一時(shí)半會(huì)不會(huì)再次發(fā)生，但是比較有特色的視覺(jué)風(fēng)格分支小范圍內(nèi)流行，卻又總是會(huì)發(fā)生。Michal Malewicz 之前預(yù)測(cè)的幾個(gè)風(fēng)格當(dāng)中，「玻璃擬物化」和「極光風(fēng)」如今在 UI 設(shè)計(jì)中多有應(yīng)用，「粘土擬物化」則相對(duì)見(jiàn)的比較少。

最近他又注意到一種新的設(shè)計(jì)風(fēng)格正在小范圍內(nèi)流行，Michal Malewicz 將這種正在被設(shè)計(jì)師們所青睞的風(fēng)格命名為「新粗野主義」。

「新粗野主義」不會(huì)「顛覆一切」

Michal 用一句話總結(jié)這種「新粗野主義」設(shè)計(jì)風(fēng)格就是「一種融合了混亂視覺(jué)效果和優(yōu)秀排版的全新視覺(jué)樣式」。

不過(guò)作為一個(gè)多次作出預(yù)測(cè)的「趨勢(shì)觀察家」，Michal 在文章開(kāi)頭就清醒地說(shuō)道：

「我今天要講的這個(gè)風(fēng)格，不會(huì)在（不同風(fēng)格的）人氣競(jìng)賽中獲勝。新粗野主義（Neubrutalism，或一些人所說(shuō)的Neobrutalism），是網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)的粗野主義風(fēng)格和更現(xiàn)代的排版、插圖和動(dòng)畫標(biāo)準(zhǔn)的混合。

（雖然它不會(huì)是一種顛覆性的風(fēng)格）但是它的存在讓我非常高興，因?yàn)槲覀兇_實(shí)需要（不同視覺(jué)風(fēng)格的）替代品，否則我們的 UI 會(huì)變得乏味和重復(fù)，我不想看到另外一個(gè) Material Design 接管一切?！?/p>

Material Design

「粗野主義」設(shè)計(jì)風(fēng)格其實(shí)是源自于 上世紀(jì) 50 年代的一種建筑風(fēng)格，放棄裝飾，使用混凝土「簡(jiǎn)單粗暴」地堆砌出清晰的幾何輪廓，這很大程度上是因?yàn)榻ㄖ焸儗?duì)于當(dāng)時(shí)的建筑風(fēng)格感到厭倦，而這種狀況和如今的 UI 設(shè)計(jì)領(lǐng)域的情形，非常相似。

而平面設(shè)計(jì)領(lǐng)域的「粗野主義」設(shè)計(jì)風(fēng)格的流行，也是為了打破千篇一律的視覺(jué)風(fēng)格，使用突破常規(guī)的排版布局，各種打破邊界的元素，刻意沖突的配色方案，甚至?xí)桃馊ツM上世紀(jì) 90 年代網(wǎng)頁(yè)上的一些元素和那種古早的搭配方式：

Yan Ageenko / Mitya Andrievskiy

而 Michal Malewicz 所說(shuō)的「新粗野主義」設(shè)計(jì)，則更加摩登和現(xiàn)代，甚至在粗野之余還有點(diǎn)克制。

帶傾斜角度的硬陰影

想必我們都很熟悉「在 UI 界面中不要使用純黑色」這個(gè)規(guī)則，在絕大多數(shù)情況下，UI 界面中眼睛看到的黑色通常偏向深灰，或者帶有主色的顏色傾向，保持協(xié)調(diào)，就像下面的案例中，左邊的黑色會(huì)帶有一點(diǎn)紅色的傾向。但是在「新粗野主義」當(dāng)中，則不是如此，可以使用純黑（#000000）來(lái)增加色彩的對(duì)比度和戲劇性。

在現(xiàn)在絕大多數(shù)的 UI 界面當(dāng)中，控件和按鈕通常會(huì)使用柔和微妙的投影，但是在「新粗野主義」的風(fēng)格之下，直接使用硬挺清晰的黑色投影來(lái)構(gòu)建清晰的對(duì)比。

而且，為了制造出偽3D的等軸測(cè)效果，這個(gè)硬陰影會(huì)向右下方 45 度角投射。

打破常規(guī)的配色

在配色上，為了制造出獨(dú)特的印象，「新粗野主義」風(fēng)格會(huì)在配色上使用多數(shù)配色方案中不會(huì)使用的「沖突」的配色，比如通常會(huì)顯得很土的紅綠配色，紅藍(lán)配色。

雖然顏色會(huì)對(duì)比強(qiáng)烈，但是在飽和度上會(huì)被降低到一個(gè)讓人舒適的程度，這也是「新粗野主義」和傳統(tǒng)「粗野主義」有差別的地方。

刻意「粗野」化

「新粗野主義」一個(gè)相當(dāng)重要的特質(zhì)，是它會(huì)使用設(shè)計(jì)工具的默認(rèn)形狀工具來(lái)構(gòu)建各種視覺(jué)元素，你無(wú)需去尋找太多第三方的素材。因?yàn)檫@種風(fēng)格需要刻意地營(yíng)造「粗野」的感覺(jué)，自帶的形狀工具和效果足以滿足很多需求，為了營(yíng)造出這種粗糙、不一致的感覺(jué)，還會(huì)使用不同的樣式，在細(xì)節(jié)上刻意錯(cuò)位，就像下方的案例所演示的那樣：

而這種刻意「粗野」化的設(shè)計(jì)變相的增加了這種設(shè)計(jì)個(gè)人的親近感，它會(huì)讓人覺(jué)得「我也可以做出來(lái)」。

更為規(guī)整的字體和排版

字體排版在「新粗野主義」當(dāng)中起著非常重要的作用。相比于更為放飛的粗野主義風(fēng)格，「新粗野主義」中的字體排版會(huì)更加規(guī)整和傳統(tǒng)，它不會(huì)使用太「酷」的字體，為了確?？勺x性，而使用更為簡(jiǎn)約的字體。

在排版上也保持了充足的留白，由于用色可能會(huì)比較跳，所以字體會(huì)用的比普通的更粗，確保文本和整個(gè)風(fēng)格匹配。

為了制造意外和「驚喜」的感覺(jué)，有的部分在背景和圖形的對(duì)比度上，會(huì)非常獨(dú)特甚至有點(diǎn)惱人，但是這些刻意讓人「意外」的設(shè)計(jì)，是為了讓人停下來(lái)多看看，大概邏輯類似于讓人覺(jué)得「太怪了，再看兩眼」。

藏著小心思的插圖

插畫和插畫元素在這種風(fēng)格中，可能不會(huì)那么顯眼，因?yàn)樵凇感麓忠爸髁x」設(shè)計(jì)中，強(qiáng)烈的撞色可能會(huì)極大地吸引人的注意力。不過(guò)，各種描邊線條加持下，能夠強(qiáng)化插畫和插圖的存在感，使用視差效果的小插畫元素能夠讓插畫更加動(dòng)感，看起來(lái)亂，但是足夠有趣。

總結(jié)

這是一種源自于粗野主義的風(fēng)格，但是在細(xì)節(jié)上又更為克制，不同于現(xiàn)在千篇一律的視覺(jué)設(shè)計(jì)風(fēng)格走向，容易上手也特別容易做出效果。它絕不是將會(huì)是占據(jù)主流的視覺(jué)風(fēng)格，但卻是值得嘗試的新風(fēng)格走向，不是嗎？