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

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

Michal Malewicz 之前的趨勢預(yù)測

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

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

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

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

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

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

「新粗野主義」不會「顛覆一切」

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

不過作為一個多次作出預(yù)測的「趨勢觀察家」，Michal 在文章開頭就清醒地說道：

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

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

Material Design

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

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

Yan Ageenko / Mitya Andrievskiy

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

帶傾斜角度的硬陰影

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

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

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

打破常規(guī)的配色

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

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

刻意「粗野」化

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

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

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

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

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

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

藏著小心思的插圖

插畫和插畫元素在這種風(fēng)格中，可能不會那么顯眼，因為在「新粗野主義」設(shè)計中，強烈的撞色可能會極大地吸引人的注意力。不過，各種描邊線條加持下，能夠強化插畫和插圖的存在感，使用視差效果的小插畫元素能夠讓插畫更加動感，看起來亂，但是足夠有趣。

總結(jié)

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