資深設計師 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 度角投射。
打破常規的配色
在配色上,為了製造出獨特的印象,「新粗野主義」風格會在配色上使用多數配色方案中不會使用的「衝突」的配色,比如通常會顯得很土的紅綠配色,紅藍配色。
雖然顏色會對比強烈,但是在飽和度上會被降低到一個讓人舒適的程度,這也是「新粗野主義」和傳統「粗野主義」有差別的地方。
刻意「粗野」化
「新粗野主義」一個相當重要的特質,是它會使用設計工具的默認形狀工具來構建各種視覺元素,你無需去尋找太多第三方的素材。因為這種風格需要刻意地營造「粗野」的感覺,自帶的形狀工具和效果足以滿足很多需求,為了營造出這種粗糙、不一致的感覺,還會使用不同的樣式,在細節上刻意錯位,就像下方的案例所演示的那樣:
而這種刻意「粗野」化的設計變相的增加了這種設計個人的親近感,它會讓人覺得「我也可以做出來」。
更為規整的字體和排版
字體排版在「新粗野主義」當中起著非常重要的作用。相比於更為放飛的粗野主義風格,「新粗野主義」中的字體排版會更加規整和傳統,它不會使用太「酷」的字體,為了確保可讀性,而使用更為簡約的字體。
在排版上也保持了充足的留白,由於用色可能會比較跳,所以字體會用的比普通的更粗,確保文本和整個風格匹配。
為了製造意外和「驚喜」的感覺,有的部分在背景和圖形的對比度上,會非常獨特甚至有點惱人,但是這些刻意讓人「意外」的設計,是為了讓人停下來多看看,大概邏輯類似於讓人覺得「太怪了,再看兩眼」。
藏著小心思的插圖
插畫和插畫元素在這種風格中,可能不會那麼顯眼,因為在「新粗野主義」設計中,強烈的撞色可能會極大地吸引人的注意力。不過,各種描邊線條加持下,能夠強化插畫和插圖的存在感,使用視差效果的小插畫元素能夠讓插畫更加動感,看起來亂,但是足夠有趣。
總結
這是一種源自於粗野主義的風格,但是在細節上又更為克製,不同於現在千篇一律的視覺設計風格走向,容易上手也特別容易做出效果。它絕不是將會是占據主流的視覺風格,但卻是值得嚐試的新風格走向,不是嗎?
來源:優設網
下一篇 如何使用PS快速排版作品集?
熱門課程
專業講師指導 快速擺脫技能困惑相關文章
多種教程 總有一個適合自己專業問題谘詢
你擔心的問題,火星幫你解答這篇文章詳細介紹了如何學習使用UE4進行可視化製作,以及火星時代教育對此方麵培訓的專業性
麵對繁多的移動端UI培訓機構,如何選擇一個適合自己的呢? 本文將為你解答疑問,而火星時代教育,我們敢說是最好的選擇!
基於火星時代教育的高質量課程體驗, 揭示遊戲開發的前瞻性和職業發展前景。
以UE4作為工具來建構智慧城市,能大大提高其實用性和創新性。火星時代教育通過專業的UE4課程培訓來助力學習者掌握UE4建構智慧城市的技巧。
對於很多熱愛製作遊戲特效的朋友來說,擔心的一個問題就是,學習遊戲特效需要多少時間?火星時代教育為您詳細分析和解答。
了解影視原畫設計的基本知識和學習路徑,尤其是在火星時代教育的專業指導下,你將擁有更好的學習體驗。
1. 打開微信掃一掃,掃描左側二維碼
2. 添加老師微信,馬上領取免費課程資源
同學您好!