解析粗糲但有趣的網(wǎng)頁設(shè)計風(fēng)格

2022-06-12    分類: 網(wǎng)站建設(shè)

我們看到過許多精心炮制,細(xì)節(jié)到位的高素質(zhì)的設(shè)計作品,但并不是所有的設(shè)計都是如此。有一些并不是那么精細(xì)到位,相反以粗糙和狂野為賣點(diǎn)的網(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è)計風(fēng)格.jpg
粗野主義設(shè)計風(fēng)格1.jpg

這種設(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è)計常常會帶有代碼式的視覺特點(diǎn),深色背景,等寬字體以及白色或者綠色的文本內(nèi)容。


特征.jpg

有人說粗野主義的網(wǎng)頁設(shè)計中,不應(yīng)該包含圖片元素。這個說法其實(shí)并不準(zhǔn)確,圖片本身并不是界定粗野主義設(shè)計的關(guān)鍵點(diǎ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)生情感共鳴,這一點(diǎn)是胡亂設(shè)計做不到的。

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


粗野主義.jpg

提升轉(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 的原話:

“其實(shí)道理很簡單。想想看,如今的這些網(wǎng)站,如果沒有了視頻和高清的圖片,會不會因?yàn)槿狈?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%

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


信息圖.jpg

接下來會怎樣

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

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


肥沃的土壤.jpg
肥沃的土壤1.jpg

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

結(jié)語

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

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

網(wǎng)站標(biāo)題:解析粗糲但有趣的網(wǎng)頁設(shè)計風(fēng)格
本文網(wǎng)址:http://www.bm7419.com/news28/166378.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站導(dǎo)航、網(wǎng)站收錄App開發(fā)、網(wǎng)站制作、搜索引擎優(yōu)化商城網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁設(shè)計