有一些并不是那么精細(xì)到位，相反以粗糙和狂野為賣點(diǎn)的網(wǎng)頁，同樣讓人難以忘懷

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

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

粗野主義設(shè)計(jì)

可以說粗野主義和極簡(jiǎn)主義是兩個(gè)極端。你可以從兩個(gè)不同的角度來看待它：

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

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

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

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

特征

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

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

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

“崩壞”的設(shè)計(jì)

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

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

提升轉(zhuǎn)化率

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

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

下面是 Marc 的原話：

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

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

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

接下來會(huì)怎樣？

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

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

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

結(jié)語

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

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