粗野主義風格,就像他名字所暗示一樣,由一堆形態結構粗獷不羈的元素,承載着鮮艷的色彩,在拙稚粗劣的排版布局之下,所呈現出來的UI設計作品。然而,這種簡單且粗暴的UI設計風格未必是所有品牌運用。
而新粗野主義風格,則是一種融合了擁有混亂視覺效果的粗野主義風格和優秀排版的全新視覺樣式。Inspirr表示,雖然新粗野主義風格未必會被廣泛運用,但作為即將流行的UI設計趨勢,他的出現將會讓我們的互聯網產品擺脫了重複和乏味。
與粗野主義風格相比,新粗野主義風格有哪些特點?
粗野主義設計風格源於上世紀50年代的一種建築風格。設計師們由於對當時的建築風格感到厭倦,便放棄裝飾,直接使用混凝土堆砌出清晰的幾何輪廓。這種情況和如今人們開始厭倦極簡主義風格UI設計,非常相似。
在平面設計領域中,不少作品也開始流行「粗野主義」設計風格,使用突破常規的排布佈局,各種打破邊界的元素,以及刻意衝突的配色方案,甚至刻意模擬流行於上世紀90年代的網頁設計元素和古早搭配方式,目的是為了打破千篇一律的視覺風格。
而新粗野主義設計風格,則會比粗野主義風格更加摩登和現代,在表達「粗野」情感上也更為克制。
新粗野主義風格有哪些特別的設計手法?
UI設計手法一:帶傾斜角度的硬陰影
在絕大多數情況,眼睛在UI設計中所看到的黑色通常都是偏深灰或帶有主色傾向,以保持介面的協調。但在新粗野主義風格上,則可使用純黑(#000000)來增加介面的戲劇性和色彩對比度。(如下圖)
另外,在絕大多數UI設計中,控件和按鈕通常會使用柔和微妙的投影;但在新粗野主義風格上,則直接使用硬挺清晰的黑色投影來構建清晰的對比,同時為了製造出偽3D 的等軸測效果,這個硬陰影會向右下方45°投射。
UI設計手法二:打破常規配色
為了製造出獨特的印象,新粗野主義風格在配色方案上,經常使用其他風格中不會用到的「衝突」配色方案,比如會顯得很土的紅綠配色、紅綠配色。
雖然新粗野主義風格在色彩對比上會較為強烈,但是在飽和度上會降低到一個讓人舒適的程度,而這也是和傳統「粗野主義」有差別的地方。
UI設計手法三:刻意「粗野」化
由於新粗野主義風格需要刻意營造出「粗野」的感覺,因此設計師無需去尋找太多第三方的素材。設計師只需要使用設計工具的默認形狀工具來構建各種視覺元素,便可營造出新粗野主義風格的粗糙、不一致的感覺,同時還可使用不同的樣式,在細節上可以錯位。
UI設計手法四:更為規整的字體和排版
字體應用和排版設計在新粗野主義風格上,同樣起著非常重要的作用。相較於更為放飛的粗野主義風格,新粗野主義風格會使用更為簡約的字體,以確保介面的可讀性。
另外,在排版設計上,新粗野主義風格也會更加規整和傳統,同時也保持了充足的留白。由於新粗野主義風格的配色方案可能會比較跳躍,所以會使用更粗的字體,確保文本和整個風格匹配。
UI設計手法五:藏着小心思的插圖
在新粗野主義風格的UI設計中,強烈的撞色可能會極大程度地吸引網友的注意力,因此插畫和插畫元素在這種風格上,可能不會那麼顯眼。
不過,在各種描邊線條的加持下,則會強化插畫的存在感,搭配使用視差效果的小插畫元素,則會讓整個介面看起來更加動感、有趣。
不同於現在千篇一律的UI設計風格走向,新粗野主義風格將會更容易上手,也特別容易做出效果。儘管他未必能佔據主流的UI設計視覺風格,但也是值得眾多品牌嘗試的UI設計趨勢。