重回80年代!為網(wǎng)頁注入迷人的孟菲斯設(shè)計(jì)風(fēng)

2016-12-26    周周

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點(diǎn)這里

復(fù)古一直在流行,這也是為什么過去許多設(shè)計(jì)趨勢常常會沉寂若干年之后,又再次走到潮流的最前線。今天,我們要聊的是孟菲斯設(shè)計(jì)風(fēng)(Memphis Design),這種設(shè)計(jì)風(fēng)格充滿了80年代的特征,明亮的色彩和多樣的圖形與線條充斥其間,它也是近年重歸流行的設(shè)計(jì)風(fēng)格之一。

了解孟菲斯設(shè)計(jì)

孟菲斯設(shè)計(jì)是一種時(shí)髦的風(fēng)格,它擁有現(xiàn)代設(shè)計(jì)的特征,最初是源自于紡織品的設(shè)計(jì)。有人嗜好孟菲斯設(shè)計(jì)風(fēng)格,而有人則恰恰相反,一點(diǎn)也不適應(yīng)。

這種設(shè)計(jì)趨勢源自于80年代的由許多意大利室內(nèi)設(shè)計(jì)師所組成的孟菲斯集團(tuán),孟菲斯設(shè)計(jì)風(fēng)中涵蓋了包括波普藝術(shù)、裝飾藝術(shù)和80年代復(fù)古風(fēng)在內(nèi)的多種設(shè)計(jì)風(fēng)格分支。最典型的孟菲斯設(shè)計(jì)風(fēng)的案例包括 MTV 的LOGO 和 Solo Jazz Cup 的設(shè)計(jì)。

80s-designcup

孟菲斯設(shè)計(jì)風(fēng)最初的回歸并非是網(wǎng)頁設(shè)計(jì)領(lǐng)域,而是在時(shí)尚圈當(dāng)中,隨后海報(bào)和包裝設(shè)計(jì)中越來越多的看到了孟菲斯設(shè)計(jì)風(fēng)的影子,它具備遠(yuǎn)距離吸引用戶注意力的特征。

孟菲斯風(fēng)主要有如下幾個(gè)特征:

·采用扁平化、矢量的元素,帶有明亮、飽和度高的色彩
·幾何圖形是其中主要的元素,很少采用實(shí)際的圖片或者照片
·其中包含大量扭曲的曲線和筆觸,作為視覺線索和指引
·非襯線體是的字體選擇

色彩的選取

projek

黃色,藍(lán)綠,橙色,洋紅,檸檬黃,這些都是在孟菲斯設(shè)計(jì)風(fēng)的作品中常見的色彩。

在孟菲斯設(shè)計(jì)中,幾乎每種色彩都是明亮而鮮艷的,都帶有霓虹色的質(zhì)感,這些色彩的運(yùn)用,旨在喚起用戶對于幸福和快樂的強(qiáng)烈情緒,并且鼓勵(lì)用戶互動和參與。

孟菲斯設(shè)計(jì)風(fēng)當(dāng)中,幾乎所有的情緒都與快樂和愉悅相關(guān)。

除了明亮的色彩之外,孟菲斯設(shè)計(jì)中還遵循一個(gè)簡約的色彩模式,那就是采用黑色和白色為主色調(diào),搭配明亮的色彩,選取的線條和幾何圖形作為載體。

幾何圖形

design-museum

孟菲斯設(shè)計(jì)中充滿了各種幾何圖形,從尖銳的元素到錯(cuò)綜復(fù)雜的圖案。無論是哪種幾何圖形,他們通常都顯得自由隨性而充滿流動性,并非被柵格所限制。

其中最常見的是正方形、圓形和三角形,其他的大多都是充滿手繪風(fēng)格的、帶有尖銳邊緣的幾何圖形或者圖案。

為了起到視覺上的強(qiáng)調(diào),這些圖形中許多可能會帶有濃重的陰影或者明顯的輪廓。

Material Design 就在孟菲斯設(shè)計(jì)風(fēng)中吸取了許多經(jīng)驗(yàn)和優(yōu)點(diǎn),或者說它就是更加現(xiàn)代的孟菲斯設(shè)計(jì)風(fēng)的分支。相比Material Design,許多更“老”的孟菲斯設(shè)計(jì)風(fēng)的作品中,陰影和圖層的使用更接近一種“偽3D”的觸感。

筆觸和線條

cartoon-networkriccardo

厚重的筆觸和線條可能是孟菲斯設(shè)計(jì)風(fēng)中最具有識別度的元素。幾乎所有的相關(guān)設(shè)計(jì)當(dāng)中,都包含有自由隨性的筆觸和花紋,無論是使用計(jì)算機(jī)繪制還是手繪,它們都同樣地典型。

這些元素的色彩同樣采用的是典型的孟菲斯風(fēng)的色彩,黑色、白色或者高飽和度的明艷色彩,這樣的設(shè)計(jì)營造出來的強(qiáng)烈對比非常能夠吸引用戶的注意力。

而動畫和動效能讓這種老派的設(shè)計(jì)風(fēng)格保持生命力。在上面的兩個(gè)網(wǎng)頁設(shè)計(jì)當(dāng)中,微妙的動效是非常有意思的,讓這種老派的設(shè)計(jì)看起來不會太過于扁平,也不會顯得過時(shí)。

字體和排版

circles-conf

孟菲斯設(shè)計(jì)中最有意思的一點(diǎn)就是字體排版。也許在很多項(xiàng)目中都無法使用的字體都能在這里使用。

既然選擇了80年代的設(shè)計(jì)風(fēng)格,大膽的無襯線體、氣泡風(fēng)格的字體都擁有不錯(cuò)的效果。去尋找那些看起來銳利或者充滿戲劇沖突的字體吧。

字體和排版應(yīng)當(dāng)和孟菲斯設(shè)計(jì)中其他的元素都保持一致的風(fēng)格,因此具有明顯幾何特征、裝飾性圖案和筆觸厚重的字體,都是不錯(cuò)的選擇。

在色彩的使用上,同樣不要過于保守。使用明亮的色彩,提升內(nèi)容的對比度,讓文字從背景中脫穎而出。

結(jié)語

如果你想尋找一種獨(dú)特而充滿想象的獨(dú)特風(fēng)格,孟菲斯設(shè)計(jì)風(fēng)是一個(gè)不錯(cuò)的開始。無論是技術(shù)實(shí)現(xiàn),還是視覺效果上,它都有著其他設(shè)計(jì)風(fēng)格不具備的特色,許多非常規(guī)的設(shè)計(jì)都可以在這里找到、實(shí)現(xiàn)。

當(dāng)你采用這種設(shè)計(jì)風(fēng)格的時(shí)候,請務(wù)必記住,它的目的是要喚醒用戶內(nèi)心最強(qiáng)烈的情緒。在設(shè)計(jì)過程中,確保整體的美學(xué)特征是有趣而復(fù)古的。

藍(lán)藍(lán)設(shè)計(jì)bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

 

日歷

鏈接

個(gè)人資料

存檔