提交需求
賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們?huì)在第一時(shí)間與您聯(lián)系!
資深設(shè)計(jì)師 Michal Malewicz 是一位曾經(jīng)多次預(yù)測過重要設(shè)計(jì)趨勢的「趨勢觀察家」,Michal 用一句話總結(jié)這種「新粗野主義」設(shè)計(jì)風(fēng)格就是「一種融合了混亂視覺效果和優(yōu)秀排版的全新視覺樣式」。
不過作為一個(gè)多次作出預(yù)測的「趨勢觀察家」,Michal 在文章開頭就清醒地說道:
「我今天要講的這個(gè)風(fēng)格,不會(huì)在(不同風(fēng)格的)人氣競賽中獲勝。新粗野主義(Neubrutalism,或一些人所說的Neobrutalism),是網(wǎng)頁設(shè)計(jì)中的常見的粗野主義風(fēng)格和更現(xiàn)代的排版、插圖和動(dòng)畫標(biāo)準(zhǔn)的混合。
(雖然它不會(huì)是一種顛覆性的風(fēng)格)但是它的存在讓我非常高興,因?yàn)槲覀兇_實(shí)需要(不同視覺風(fēng)格的)替代品,否則我們的 UI 會(huì)變得乏味和重復(fù),我不想看到另外一個(gè) Material Design 接管一切?!?/p>
Material Design
「粗野主義」設(shè)計(jì)風(fēng)格其實(shí)是源自于 上世紀(jì) 50 年代的一種建筑風(fēng)格,放棄裝飾,使用混凝土「簡單粗暴」地堆砌出清晰的幾何輪廓,這很大程度上是因?yàn)榻ㄖ焸儗?duì)于當(dāng)時(shí)的建筑風(fēng)格感到厭倦,而這種狀況和如今的 UI 設(shè)計(jì)領(lǐng)域的情形,非常相似。
而平面設(shè)計(jì)領(lǐng)域的「粗野主義」設(shè)計(jì)風(fēng)格的流行,也是為了打破千篇一律的視覺風(fēng)格,使用突破常規(guī)的排版布局,各種打破邊界的元素,刻意沖突的配色方案,甚至?xí)桃馊ツM上世紀(jì) 90 年代網(wǎng)頁上的一些元素和那種古早的搭配方式:
Yan Ageenko / Mitya Andrievskiy
而 Michal Malewicz 所說的「新粗野主義」設(shè)計(jì),則更加摩登和現(xiàn)代,甚至在粗野之余還有點(diǎn)克制。
帶傾斜角度的硬陰影
想必我們都很熟悉「在 UI 界面中不要使用純黑色」這個(gè)規(guī)則,在絕大多數(shù)情況下,UI設(shè)計(jì)界面中眼睛看到的黑色通常偏向深灰,或者帶有主色的顏色傾向,保持協(xié)調(diào),就像下面的案例中,左邊的黑色會(huì)帶有一點(diǎn)紅色的傾向。但是在「新粗野主義」當(dāng)中,則不是如此,可以使用純黑(#000000)來增加色彩的對(duì)比度和戲劇性。
在現(xiàn)在絕大多數(shù)的 UI 界面當(dāng)中,控件和按鈕通常會(huì)使用柔和微妙的投影,但是在「新粗野主義」的風(fēng)格之下,直接使用硬挺清晰的黑色投影來構(gòu)建清晰的對(duì)比。
而且,為了制造出偽3D的等軸測效果,這個(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)形狀工具來構(gòu)建各種視覺元素,你無需去尋找太多第三方的素材。因?yàn)檫@種風(fēng)格需要刻意地營造「粗野」的感覺,自帶的形狀工具和效果足以滿足很多需求,為了營造出這種粗糙、不一致的感覺,還會(huì)使用不同的樣式,在細(xì)節(jié)上刻意錯(cuò)位,就像下方的案例所演示的那樣:
而這種刻意「粗野」化的設(shè)計(jì)變相的增加了這種設(shè)計(jì)個(gè)人的親近感,它會(huì)讓人覺得「我也可以做出來」。
更為規(guī)整的字體和排版
字體排版在「新粗野主義」當(dāng)中起著非常重要的作用。相比于更為放飛的粗野主義風(fēng)格,「新粗野主義」中的字體排版會(huì)更加規(guī)整和傳統(tǒng),它不會(huì)使用太「酷」的字體,為了確??勺x性,而使用更為簡約的字體。
在排版上也保持了充足的留白,由于用色可能會(huì)比較跳,所以字體會(huì)用的比普通的更粗,確保文本和整個(gè)風(fēng)格匹配。
為了制造意外和「驚喜」的感覺,有的部分在背景和圖形的對(duì)比度上,會(huì)非常獨(dú)特甚至有點(diǎn)惱人,但是這些刻意讓人「意外」的設(shè)計(jì),是為了讓人停下來多看看,大概邏輯類似于讓人覺得「太怪了,再看兩眼」。
藏著小心思的插圖
插畫和插畫元素在這種風(fēng)格中,可能不會(huì)那么顯眼,因?yàn)樵凇感麓忠爸髁x」設(shè)計(jì)中,強(qiáng)烈的撞色可能會(huì)極大地吸引人的注意力。不過,各種描邊線條加持下,能夠強(qiáng)化插畫和插圖的存在感,使用視差效果的小插畫元素能夠讓插畫更加動(dòng)感,看起來亂,但是足夠有趣。
總結(jié)
這是一種源自于粗野主義的風(fēng)格,但是在細(xì)節(jié)上又更為克制,不同于現(xiàn)在千篇一律的視覺設(shè)計(jì)風(fēng)格走向,容易上手也特別容易做出效果。它絕不是將會(huì)是占據(jù)主流的視覺風(fēng)格,但卻是值得嘗試的新風(fēng)格走向,不是嗎?
Powered by Froala Editor
大牛,別默默的看了,快登錄幫我點(diǎn)評(píng)一下吧!:)
登錄 立即注冊