前面我們談過網(wǎng)站設(shè)計(jì)的一些潮流趨勢(shì),比如極簡(jiǎn)主義、卡片式設(shè)計(jì)、分屏式設(shè)計(jì)等等,這些設(shè)計(jì)風(fēng)格都強(qiáng)調(diào)網(wǎng)站的整潔大方、清晰的線條、明了的層次機(jī)構(gòu)以及精心炮制的細(xì)節(jié)等。很多人認(rèn)為這樣的網(wǎng)站才是美觀的,但關(guān)于美的標(biāo)準(zhǔn)并不是唯一的,小飛發(fā)現(xiàn)最近有一些網(wǎng)站看上去很粗糙、雜亂、又毫無規(guī)則可言,完全顛覆我們以往的認(rèn)知。但這些網(wǎng)站卻能以此為賣點(diǎn)抓住訪客的注意力,在與訪客溝通中充分發(fā)揮自身的效用,在提高用戶轉(zhuǎn)化率方面有很大的優(yōu)勢(shì)。這些網(wǎng)站可以歸類為"粗野主義"設(shè)計(jì)風(fēng)格,粗野主義的設(shè)計(jì)方式在今年的網(wǎng)站設(shè)計(jì)中再次流行起來,但大家對(duì)于它的風(fēng)行卻有很多爭(zhēng)論。因此,今天小飛就帶大家一起了解一下什么是粗野主義,粗野主義網(wǎng)頁設(shè)計(jì)的一些特征,以及它的一些優(yōu)缺點(diǎn),希望能給大家一些幫助,在選擇使用這種流行趨勢(shì)時(shí)也能有更充分的理論基礎(chǔ)。
粗野主義
粗野主義(Brutalism),也譯為"野性主義"或"樸野主義",最早是以比較粗獷的建筑風(fēng)格而著稱的一種設(shè)計(jì)傾向,它把沉重、毛糙和粗野作為建筑美的標(biāo)準(zhǔn),在一段時(shí)間內(nèi)甚為流行,對(duì)建筑思潮演變起了很大的作用。與"野獸派主義"和"印象主義"相比,粗野主義這個(gè)名稱可能聽上去沒有那么中聽,但這種藝術(shù)風(fēng)格正是以自己獨(dú)有的風(fēng)格讓人眼前一亮,在海報(bào)等藝術(shù)設(shè)計(jì)上得到不少應(yīng)用。而在網(wǎng)頁設(shè)計(jì)中使用粗野主義還算一個(gè)新鮮事,其實(shí)粗野主義可以看作是早期網(wǎng)頁設(shè)計(jì)風(fēng)格的一種回歸(那時(shí)不少設(shè)計(jì)師無意識(shí)地使用這種設(shè)計(jì)方式),它同樣使用簡(jiǎn)單、清晰的線條,不過更為粗糲而已。粗野主義不關(guān)注網(wǎng)站外觀的舒適度,著重以直率、奔放的筆法創(chuàng)造強(qiáng)烈的畫面效果,充分追求自由的表達(dá),它站在極簡(jiǎn)主義的對(duì)立面。下面是一些小飛找的一些栗子,希望可以幫助大家對(duì)粗野主義形成一個(gè)更加清晰的認(rèn)識(shí)。
粗野主義網(wǎng)頁設(shè)計(jì)的特征:
目前,粗野主義這種網(wǎng)頁設(shè)計(jì)很是流行,而且可能將持續(xù)流行下去。用一個(gè)名為Brutalist Website網(wǎng)站的描述來說,在粗野主義隨意、漫不經(jīng)心甚至是讓人感到不舒服的視覺設(shè)計(jì)背后,隱藏著的是年輕一代人自由、樂觀、不羈的生活心態(tài)。這可能就是粗野主義仍能保持強(qiáng)大生命力的一個(gè)原因吧!粗野主義和其他流行的網(wǎng)站設(shè)計(jì)趨勢(shì)一樣,也有著自己的典型特征。這種設(shè)計(jì)風(fēng)格常常會(huì)創(chuàng)建代碼式的視覺效果,使用深色背景、等寬字體,以及白綠色的文本內(nèi)容。有人說粗野主義設(shè)計(jì)之中不應(yīng)該使用圖片,其實(shí)圖片元素并不是界定粗野主義的一個(gè)關(guān)鍵點(diǎn)。下面是粗野主義網(wǎng)頁設(shè)計(jì)風(fēng)格的一些常見特征:
單調(diào)的背景(常為黑白色),不帶紋理和漸變
缺乏設(shè)計(jì)技巧,沒有陰影、漸變和圖案,比較純粹
字體排版單一,甚至是使用一種字體
整體布局設(shè)計(jì)擁擠錯(cuò)落,元素隨意重疊,缺乏對(duì)稱和留白,沒有明顯的層次結(jié)構(gòu)
設(shè)計(jì)元素樣式類似,但同類信息常使用不一致的視覺效果
配色方案不統(tǒng)一,但常使用紅色和綠色
缺少動(dòng)畫,很少使用圖片(如果使用,首選色彩鮮明的圖片)
不用或使用簡(jiǎn)單的導(dǎo)航菜單,一頁式網(wǎng)站為主
粗野主義網(wǎng)頁設(shè)計(jì)的優(yōu)缺點(diǎn):
缺點(diǎn):
粗野主義設(shè)計(jì)風(fēng)格的缺點(diǎn)很明顯,它最大的缺點(diǎn)就在于使用這種設(shè)計(jì)方式的網(wǎng)站通常包含強(qiáng)烈、鮮明的個(gè)性色彩,在網(wǎng)站內(nèi)容的可讀性和可用性上有很大欠缺。訪客對(duì)這種設(shè)計(jì)風(fēng)格常會(huì)有兩種非常極端的反應(yīng);要么非常喜歡,要么厭惡至極,不過小飛相信目前它還是無法俘獲大部分用戶的。畢竟錯(cuò)亂放置的元素、疊加的視覺效果、混亂的文本信息,這對(duì)一些訪客來說無疑就是災(zāi)難。不少訪客反應(yīng)說,在登入粗野主義設(shè)計(jì)的網(wǎng)站中他們第一時(shí)間受到了視覺上的沖擊,而不是愉悅的體驗(yàn),在網(wǎng)站中有效獲取想要的信息也很有難度,更不用說和網(wǎng)站建立某種互動(dòng)了。這么多的理由還不足以說明它很糟糕嗎?
優(yōu)點(diǎn):
難道粗野主義設(shè)計(jì)真的只是人們逃脫糟糕設(shè)計(jì)的一個(gè)借口嗎?No,粗野主義確實(shí)不是網(wǎng)站設(shè)計(jì)的范例,它不采用一般網(wǎng)站使用的套路,但我們不能因此就對(duì)它進(jìn)行全盤否定。在粗野主義網(wǎng)站中,你難以看見設(shè)計(jì)師或?qū)<覀兘ㄗh的設(shè)計(jì)準(zhǔn)則或技巧,它不為條條框框所限制。也因此,它的優(yōu)點(diǎn)在于獨(dú)特性。在如今模板、框架等高度雷同的設(shè)計(jì)大環(huán)境中,粗野主義設(shè)計(jì)獨(dú)樹一幟、自成一家,每個(gè)站長(zhǎng)使用粗野主義在自己的網(wǎng)站中發(fā)揚(yáng)個(gè)性、彰顯情感,各種元素的創(chuàng)意結(jié)合也更能吸引用戶的注意力,有助于在網(wǎng)站與訪客之間建立某種特殊的情感紐帶,糟糕的設(shè)計(jì)可做不到這一點(diǎn)。除此以外,不少人還認(rèn)為粗野主義設(shè)計(jì)還可以有效提高用戶轉(zhuǎn)化率,這主要是因?yàn)榇忠爸髁x網(wǎng)站設(shè)計(jì)中很少使用高質(zhì)的圖片或是冗長(zhǎng)的視頻,在加載速度上很有優(yōu)勢(shì),進(jìn)而能夠有效吸引更多用戶。Marc Schenker這位設(shè)計(jì)師更是據(jù)理力爭(zhēng),還做了統(tǒng)計(jì)信息表,拿出了一些令人信服的數(shù)據(jù),得出了如下3個(gè)結(jié)論:
頁面加載的時(shí)間越長(zhǎng),訪客放棄率越高
對(duì)電商類網(wǎng)站性能不滿意的用戶中,79%不會(huì)成為回頭客
網(wǎng)站加載速度每延遲一秒,用戶轉(zhuǎn)化率降低7%
他的不少觀點(diǎn)可能還需再論證,但是數(shù)字本身已足夠有說服力了。你會(huì)愿意放棄一種能夠顯著提高網(wǎng)站轉(zhuǎn)化率的設(shè)計(jì)趨勢(shì)嗎?
說了這么多,想談一下自己對(duì)于粗野主義網(wǎng)頁設(shè)計(jì)的一些看法。雖然由于強(qiáng)烈的設(shè)計(jì)風(fēng)格和混亂的視覺搭配,粗野主義可能永遠(yuǎn)也不會(huì)是網(wǎng)站設(shè)計(jì)的主流趨勢(shì)所在,它也不會(huì)取代任何大家已經(jīng)習(xí)以為常的設(shè)計(jì)方式。但不可否認(rèn),粗野主義正在網(wǎng)站設(shè)計(jì)中暗暗發(fā)光,逐漸發(fā)揮自己的影響,比如,帶有粗野主義色彩的字體排版越來越多,又或者近兩年來霓虹色和熒光等鮮明的色彩越來越流行,一些摻雜了粗野主義的網(wǎng)站越來越受到歡迎。
大多數(shù)人不喜歡粗野主義的一個(gè)點(diǎn)就在于太粗獷,太狂野了,但在實(shí)際網(wǎng)頁制作過程中,不少設(shè)計(jì)師正嘗試使用更加柔和的方式將粗野主義與現(xiàn)代網(wǎng)頁設(shè)計(jì)的一些特征結(jié)合在一起,充分考慮用戶的心理可接受范圍,在保證網(wǎng)站設(shè)計(jì)感的同時(shí)彌補(bǔ)可讀性或可用性方面的缺陷。隨著時(shí)間的推移,這種設(shè)計(jì)風(fēng)格還會(huì)被不同的設(shè)計(jì)師調(diào)整、打磨,找到一個(gè)最佳的平衡點(diǎn)。小飛相信,在持續(xù)的實(shí)踐和驗(yàn)證之中,粗野主義網(wǎng)站設(shè)計(jì)必將迸發(fā)新的活力,成為一種優(yōu)秀的網(wǎng)站設(shè)計(jì)趨勢(shì)。
掃一掃關(guān)注微信公眾號(hào)
掃一掃訪問手機(jī)站
掃一掃打開小程序