2022 設計趨勢！正在悄然流行的「新粗野主義」風格

資深設計師 Michal Malewicz 是一位曾經多次預測過重要設計趨勢的「趨勢觀察家」，Michal 用一句話總結這種「新粗野主義」設計風格就是「一種融合了混亂視覺效果和優秀排版的全新視覺樣式」。

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

「我今天要講的這個風格，不會在（不同風格的）人氣競賽中獲勝。新粗野主義（Neubrutalism，或一些人所說的Neobrutalism），是網頁設計中的常見的粗野主義風格和更現代的排版、插圖和動畫標準的混合。

（雖然它不會是一種顛覆性的風格）但是它的存在讓我非常高興，因為我們確實需要（不同視覺風格的）替代品，否則我們的 UI 會變得乏味和重複，我不想看到另外一個 Material Design 接管一切。」

Material Design

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

而平麵設計領域的「粗野主義」設計風格的流行，也是為了打破千篇一律的視覺風格，使用突破常規的排版布局，各種打破邊界的元素，刻意衝突的配色方案，甚至會刻意去模擬上世紀 90 年代網頁上的一些元素和那種古早的搭配方式：

Yan Ageenko / Mitya Andrievskiy

而 Michal Malewicz 所說的「新粗野主義」設計，則更加摩登和現代，甚至在粗野之餘還有點克製。

帶傾斜角度的硬陰影

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

在現在絕大多數的 UI 界麵當中，控件和按鈕通常會使用柔和微妙的投影，但是在「新粗野主義」的風格之下，直接使用硬挺清晰的黑色投影來構建清晰的對比。

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

打破常規的配色

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

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

刻意「粗野」化

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

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

更為規整的字體和排版

字體排版在「新粗野主義」當中起著非常重要的作用。相比於更為放飛的粗野主義風格，「新粗野主義」中的字體排版會更加規整和傳統，它不會使用太「酷」的字體，為了確保可讀性，而使用更為簡約的字體。

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

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

藏著小心思的插圖

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

總結

這是一種源自於粗野主義的風格，但是在細節上又更為克製，不同於現在千篇一律的視覺設計風格走向，容易上手也特別容易做出效果。它絕不是將會是占據主流的視覺風格，但卻是值得嚐試的新風格走向，不是嗎？

來源：優設網