1. 程式人生 > >設計趨勢:網頁之粗糲設計風格

設計趨勢:網頁之粗糲設計風格

現在 專家 能夠 com 如果 這樣的 isp 藝術 配色

我們看到過許多精心炮制,細節到位的高素質的設計作品,但並不是所有的設計都是如此。有一些並不是那麽精細到位,相反是以粗糙和狂野為賣點的網頁,同樣讓人難以忘懷。這些被歸類於“粗野主義”的設計作品,在今年再一次悄然流行。

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

粗野主義設計

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

·今天的粗野主義設計可以視作為早期網頁設計風格的回歸

·粗野主義設計還可以視為更為簡單、線條粗糲但是清晰的設計風格

下面的幾個案例就是典型的粗野主義設計風格的網頁,它們能讓你對這種風格有一個相對清晰的認知:

技術分享

技術分享

這種設計正在流行,並還會持續流行下去。有一個名為 Brutalist Website 的網站專門搜集了粗野主義設計風的網站,這個網站中,粗野主義設計是這樣被描述的:

在粗野主義設計風粗糲隨性、漫不經心甚至令人略感不適的視覺設計之下,潛藏的是屬於年輕一代人的樂觀、放松和不羈的心靈。

特征

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

技術分享

有人說粗野主義的網頁設計中,不應該包含圖片元素。這個說法其實並不準確,圖片本身並不是界定粗野主義設計的關鍵點。下面的特征,是粗野主義網頁設計中的常見特征:

·單調的背景,通常為黑色或者白色,不帶紋理和漸變

·缺乏設計技巧,沒有陰影、漸變和圖案

·單色字體排版,甚至整個頁面都采用一種字體

·擁擠錯落的布局設計,文字內容常常顯得過於接近,或者有空缺

·沒有明顯的層次結構

·元素隨意地重疊,看起來並不是故意為之

·樣式接近的設計元素

·缺乏對稱和留白

·沒有規範化的配色方案,但是紅色和綠色常常被用到

·整個設計中有許多設計上的失誤,比如布局錯落和元素疊加

·缺少動效

·圖片很少使用,即使使用也常常很亮,或者很暗

·導航通常很簡單,甚至沒有,網頁布局常常是單頁式布局

“崩壞”的設計

粗野主義設計真的是做不好設計的接口麽?顯然不是,它看似胡亂的視覺設計,能夠讓訪客產生情感共鳴,這一點是胡亂設計做不到的。

技術分享

所有關於設計規則、規律和技巧的文章當中,專家和設計師們分享的條條框框,似乎都和粗野主義無關。粗野主義設計是估計設計的這麽醜。

提升轉化率

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

在探討設計趨勢的時候,我們很少會想到轉化率這件事,但是他覺得粗野主義設計風在現在是有意思,甚至很能吸引人,為此他還拿出了令人信服的案例。

下面是 Marc 的原話:

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

·頁面加載時間越長,用戶放棄率越高

·對於電商類網站性能不滿意者當中,79%是不會成為回頭客的

·網頁的速度每延遲一秒,都會使得網站的轉化率降低7%

信息圖中很多觀點其實還是值得商榷的,但是數據本身是有說服力的。你願意為了轉化率放棄設計風格麽?

技術分享

接下來會怎樣?

對於粗野主義設計而言,最殘酷的問題在於,它能否像半個世紀之前那樣走向主流。能否接受這樣的風格,用戶在打開網頁的第一時刻,好惡就寫在他們臉上了。好在粗野主義設計風從設計師們的作品集當中走向實際運用的時候,粗野的元素運用手法適當地緩和了一些,讓普通用戶對於粗野主義設計風更容易接受了。

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

技術分享

技術分享

如今的設計師在嘗試采用粗野主義設計的過程中,會不斷的將更加現代的元素融入其中,不斷優化它的美學特征,調整粗野主義設計的平衡。

結語

雖然粗野主義設計的網站剛開始打開的時候很有趣,但是許多錯亂的設計,讓我們難於判斷設計者的目的。雖然數據表明這樣的設計對於轉化率是有好處的,但是我也始終認為,持續的驗證是還很有必要的。

粗野主義設計明顯帶有早期互聯網設計的粗糲感,它本身的設計元素就呈現出一種獨特的互聯網技術文化的特征,它並非是徹底胡來。隨著時間的推移,這種設計風格應該還會被不同的設計師打磨調整,直至某個平衡點。你覺得呢?

文章來源:http://www.haitaoit.com

設計趨勢:網頁之粗糲設計風格