辣眼睛？這種粗糲但有趣的設(shè)計風(fēng)格正悄然流行

 

???我們看到過許多精心炮制，細(xì)節(jié)到位的高素質(zhì)的設(shè)計作品，但并不是所有的設(shè)計都是如此。有一些并不是那么精細(xì)到位，相反是以粗糙和狂野為賣點的網(wǎng)頁，同樣讓人難以忘懷。這些被歸類于“粗野主義”的設(shè)計作品，在今年再一次悄然流行。

這種低保真的設(shè)計風(fēng)格早在上世紀(jì)中期，50年代60年代的時候流行過一陣子，作為海報和流行藝術(shù)設(shè)計，存在了數(shù)十年。重新回歸的粗野主義設(shè)計和半個世紀(jì)前的版本有所不同，而這些差異也正是它抓住你注意力的地方。

 

粗野主義設(shè)計

可以說粗野主義和極簡主義是兩個極端。你可以從兩個不同的角度來看待它：

·今天的粗野主義設(shè)計可以視作為早期網(wǎng)頁設(shè)計風(fēng)格的回歸
·粗野主義設(shè)計還可以視為更為簡單、線條粗糲但是清晰的設(shè)計風(fēng)格

下面的幾個案例就是典型的粗野主義設(shè)計風(fēng)格的網(wǎng)頁，它們能讓你對這種風(fēng)格有一個相對清晰的認(rèn)知：

 

 

 

這種設(shè)計正在流行，并還會持續(xù)流行下去。有一個名為 Brutalist Website 的網(wǎng)站專門搜集了粗野主義設(shè)計風(fēng)的網(wǎng)站，這個網(wǎng)站中，粗野主義設(shè)計是這樣被描述的：

在粗野主義設(shè)計風(fēng)粗糲隨性、漫不經(jīng)心甚至令人略感不適的視覺設(shè)計之下，潛藏的是屬于年輕一代人的樂觀、放松和不羈的心靈。

 

 

特征

顧名思義，粗野主義的設(shè)計肯定和精心的構(gòu)建、微妙的設(shè)計無法掛鉤。但是，粗野主義設(shè)計和極簡風(fēng)一樣，有這屬于它自己的典型特征，這種風(fēng)格的網(wǎng)頁設(shè)計常常會帶有代碼式的視覺特點，深色背景，等寬字體以及白色或者綠色的文本內(nèi)容。

 

 

有人說粗野主義的網(wǎng)頁設(shè)計中，不應(yīng)該包含圖片元素。這個說法其實并不準(zhǔn)確，圖片本身并不是界定粗野主義設(shè)計的關(guān)鍵點。下面的特征，是粗野主義網(wǎng)頁設(shè)計中的常見特征：

·單調(diào)的背景，通常為黑色或者白色，不帶紋理和漸變
·缺乏設(shè)計技巧，沒有陰影、漸變和圖案
·單色字體排版，甚至整個頁面都采用一種字體
·擁擠錯落的布局設(shè)計，文字內(nèi)容常常顯得過于接近，或者有空缺
·沒有明顯的層次結(jié)構(gòu)
·元素隨意地重疊，看起來并不是故意為之
·樣式接近的設(shè)計元素
·缺乏對稱和留白
·沒有規(guī)范化的配色方案，但是紅色和綠色常常被用到
·整個設(shè)計中有許多設(shè)計上的失誤，比如布局錯落和元素疊加
·缺少動效
·圖片很少使用，即使使用也常常很亮，或者很暗
·導(dǎo)航通常很簡單，甚至沒有，網(wǎng)頁布局常常是單頁式布局

 

 

“崩壞”的設(shè)計

粗野主義設(shè)計真的是做不好設(shè)計的接口么？顯然不是，它看似胡亂的視覺設(shè)計，能夠讓訪客產(chǎn)生情感共鳴，這一點是胡亂設(shè)計做不到的。

 

 

所有關(guān)于設(shè)計規(guī)則、規(guī)律和技巧的文章當(dāng)中，專家和設(shè)計師們分享的條條框框，似乎都和粗野主義無關(guān)。粗野主義設(shè)計是估計設(shè)計的這么丑。

 

 

提升轉(zhuǎn)化率

高度統(tǒng)一一致的系統(tǒng)最終只能走向滅亡。而真正讓設(shè)計圈充滿活力的，往往是不一樣的聲音。粗野主義在如今的設(shè)計大環(huán)境之下，無疑是在反其道而行之。有意思的是，來自Wbedesigner Depot 的設(shè)計師 Marc Schenker 在談及這一設(shè)計風(fēng)格的時候，認(rèn)為它能夠有效的提升轉(zhuǎn)化率。

在探討設(shè)計趨勢的時候，我們很少會想到轉(zhuǎn)化率這件事，但是他覺得粗野主義設(shè)計風(fēng)在現(xiàn)在是有意思，甚至很能吸引人，為此他還拿出了令人信服的案例。

下面是 Marc 的原話：

“其實道理很簡單。想想看，如今的這些網(wǎng)站，如果沒有了視頻和高清的圖片，會不會因為缺乏內(nèi)容和視覺而陷入僵局？但是沒有了這些元素，網(wǎng)站的加載速度會提升一大截。而這是與轉(zhuǎn)化率息息相關(guān)的。研究表明，訪問快的網(wǎng)站通常轉(zhuǎn)化率更高，Kissmetrics 就通過統(tǒng)計而整理出一份信息圖，它給我們以下的三個結(jié)論：”

·頁面加載時間越長，用戶放棄率越高
·對于電商類網(wǎng)站性能不滿意者當(dāng)中，79%是不會成為回頭客的
·網(wǎng)頁的速度每延遲一秒，都會使得網(wǎng)站的轉(zhuǎn)化率降低7%

信息圖中很多觀點其實還是值得商榷的，但是數(shù)據(jù)本身是有說服力的。你愿意為了轉(zhuǎn)化率放棄設(shè)計風(fēng)格么？

 

 

 

接下來會怎樣？

對于粗野主義設(shè)計而言，最殘酷的問題在于，它能否像半個世紀(jì)之前那樣走向主流。能否接受這樣的風(fēng)格，用戶在打開網(wǎng)頁的第一時刻，好惡就寫在他們臉上了。好在粗野主義設(shè)計風(fēng)從設(shè)計師們的作品集當(dāng)中走向?qū)嶋H運用的時候，粗野的元素運用手法適當(dāng)?shù)鼐徍土艘恍?，讓普通用戶對于粗野主義設(shè)計風(fēng)更容易接受了。

就目前來看，粗野主義設(shè)計將會持續(xù)影響網(wǎng)頁設(shè)計，但是并不會超越我們目前所熟知的主流設(shè)計風(fēng)格。但是，帶有明顯粗野主義設(shè)計風(fēng)格的文字排版，將會越來越多。而這兩年霓虹色和熒光色的流行，讓粗野主義設(shè)計擁有更加肥沃的土壤。

 

 

如今的設(shè)計師在嘗試采用粗野主義設(shè)計的過程中，會不斷的將更加現(xiàn)代的元素融入其中，不斷優(yōu)化它的美學(xué)特征，調(diào)整粗野主義設(shè)計的平衡。

 

結(jié)合孟菲斯風(fēng)格

孟菲斯風(fēng)格

 

陌陌地鐵廣告

 

知乎地鐵廣告

 

 

 

結(jié)語

雖然粗野主義設(shè)計的網(wǎng)站剛開始打開的時候很有趣，但是許多錯亂的設(shè)計，讓我們難于判斷設(shè)計者的目的。雖然數(shù)據(jù)表明這樣的設(shè)計對于轉(zhuǎn)化率是有好處的，但是我也始終認(rèn)為，持續(xù)的驗證是還很有必要的。

粗野主義設(shè)計明顯帶有早期互聯(lián)網(wǎng)設(shè)計的粗糲感，它本身的設(shè)計元素就呈現(xiàn)出一種獨特的互聯(lián)網(wǎng)技術(shù)文化的特征，它并非是徹底胡來。隨著時間的推移，這種設(shè)計風(fēng)格應(yīng)該還會被不同的設(shè)計師打磨調(diào)整，直至某個平衡點。你覺得呢？