帶你認識近幾年比較火的設計風格的前世今生（上）

來自專欄設計乾貨鋪子12 人贊了文章

微信公眾號：sunnyxiaoqi597

公眾號名稱：涼小七

做視覺設計的同學，每天都要面對形形色色的需求，我始終覺得能hold得住多種設計風格的設計師才更受歡迎哦。我做過的視覺設計包括遊戲類、新聞諮詢類、電商類、娛樂直播類等等，任職過幾家公司，幾乎每家公司的設計風格都不一樣，所以掌握多種設計風格讓你有更多選擇的可能。但是有些設計師可能在某些領域特別擅長，比如專攻遊戲視覺的設計師，就沒有必要每一種設計風格都掌握，但是對流行的設計風格有所了解，還是非常有必要的。近幾年常見的像素風、蒸汽波風、波普風、賽博朋克風、孟菲斯風、故障藝術風等等，都是對過去設計風格的復興，作為設計師，還是有必要了解一下這些設計風格的前世今生，不了解就落後啦。所以我打算寫幾篇文章介紹一下近幾年比較火的設計風格，當作是一個總結吧，分別從風格介紹（前世）、風格運用（今生）、實操技巧三個方面去介紹。（文章所用的案例全部來源於網上，版權歸原公司和原作者所有，侵刪）

孟菲斯風格「Memphis」

1.風格介紹

起源：孟菲斯風格最早形成於1981年，是由一群義大利籍傢具設計師探索出來的一種裝飾藝術的設計風格。他們反對單調冷峻的現代主義，提倡裝飾，強調手工藝方法製作的產品，並積極從波普藝術、東方藝術、非洲拉美的傳統藝術中尋求靈感。

上個世紀70年代，非常流行極簡主義和現代主義，物極必反，不會有一種設計風格永遠流行，總有人看多了沒有裝飾性、沒有個性化的設計風格，厭倦了單調冷峻的現代主義，所以才有了孟菲斯風格的誕生。孟菲斯的興起可以說是「裝飾主義」的復甦。

風格特點：孟菲斯風格在色彩上，常常打破配色規律，喜歡用一些靚麗、純度高、大膽、對比強烈的配色，借鑒了波普藝術的配色。在排版上，元素之間沒有過多的聯繫，元素的排列常常無規律可循，正是因為無規律可循，跳躍的色彩和元素運用得好，反而更能吸引人的眼球，但是要做到「形散神不散」，構圖上一定要保持平衡，我認為這是做好孟菲斯風格的必要哦。孟菲斯風格還有一個很明顯的特點，就是運用大量的幾何元素，點、線、面綜合運用。規則的幾何圖形有圓形、三角形、矩形、圓環、波浪線、網格、斜杠等等，不規則的幾何圖形也是由點、線、面拼貼而成。把這些規則的幾何圖形和不規則的幾何圖形排列好，再加上大膽跳躍的配色，就可以做出孟菲斯風格了。我認為孟菲斯風格的兩個精髓就在於靚麗的色彩和豐富的幾何圖形的填充。

2.風格運用

孟菲斯風格最初是運用於室內設計比較多。後來由於孟菲斯風格在設計上比較大膽，比較吸引人眼球，適合做招貼、海報，慢慢地也運用在了平面設計當中。

我們看下孟菲斯風格在室內設計上的運用，我個人是不太喜歡這種室內設計風格的，我比較喜歡簡約的室內設計風格，想像一下一回到家就看到花哨的牆壁，身心都難以放鬆啊。

再看下孟菲斯風格在視覺設計上的運用，本文說的視覺設計都是偏向平面設計。

可以看到以上作品都有兩個特點：高純度、跳躍、對比強烈的配色，以及豐富的幾何元素的填充。

在孟菲斯風格上運用得比較好的有知乎、陌陌、有道等等。我們來看一下案例。個人覺得知乎把孟菲斯風格運用得挺好。高純度、強對比度的配色加上黑色的粗描邊，豐富的幾何元素切割畫面，填充畫面，再配上簡潔、醒目的文案，吸引人眼球的同時也清晰地表達了信息。

再看看陌陌和有道的。

3.實操技巧

1.軟體操作上沒什麼難度，基本上用形狀工具和鋼筆工具就可以搞定了。

2.難度在於對高飽和度配色的熟練掌握，和對豐富的幾何圖形的積累，能設計出形式豐富的幾何圖形，並把這些幾何圖形有美感地切割和填充畫面。幾何圖形平時要注意積累，多看優秀的作品，多積累時尚、有設計感的幾何圖形。下載再放兩張自己平時收集的大神的作品。

故障藝術（Glitch Art）

1.風格介紹

起源：1965年，一位韓國裔的美國人-白准南，他在電視機上放了一塊大磁鐵，干擾了屏幕的圖像和聲音，然後屏幕上的圖像就顯示不正常了，圖像的顏色和形狀都扭曲了，這種不正常的圖像在藝術家的眼中可是一種新的藝術風格啊。查了一下資料，這是故障藝術追溯到的最早的時期了。

後來也出現了一些故障藝術效果的作品，這裡就不舉例了，有興趣的同學可以去網上查下資料。這裡提一下比較有名的厄瓜多「故障酒吧」。厄瓜多LaPradera市有一家「故障酒吧（GlitchBar）」。它的前身是一座老舊失修、「滿是故障」的老住宅；而2015年搖身一變，這個酒吧不僅煥然一新，更顯得活潑俏皮、靈動有趣——而這些，也都來自故障藝術。而在酒吧中，豐富的故障藝術元素被用於室內設計和裝潢。設計師手繪完整的流行城市塗鴉，再把塗鴉的圖案進行錯位，還有很多條紋狀的裝飾，這都是故障藝術的特點。

風格特點：

1.故障藝術就是利用事物形成的故障，進行藝術加工。相信很多人在生活中都曾經看見過「故障藝術」，比如說當電視機、電腦等設備的軟體、硬體出現問題後，可能會出現視頻、音頻播放異常，導致畫面失真、破碎、圖片有缺陷、顏色也失真。但是藝術家們卻從這些故障中發現了美，認為這種美意味著意外和變化，對這種故障進行藝術加工，所以就有了「故障藝術」。所以說，故障藝術的特點就在於圖像失真、破碎、錯位、變形，還有顏色的失真、錯位，和一些條紋圖形的輔助。

2.風格運用

2017年開始，故障藝術設計風格逐漸流行並且火了一把。比較出名的是《攻殼機動隊》的海報和抖音。抖音真是帶火了重慶帶火了成都帶火了一堆城市，還順便帶火了故障藝術。

《攻殼機動隊》的海報用了很多條紋的裝飾，圖案的缺失、錯位、破碎，還有絢麗的色彩。

記得我剛開始看到抖音的時候，確實被抖音的設計風格驚艷了。「抖音風」給我的感覺是年輕、時尚、潮、酷、多變、未知，很符合產品的定位。上面這張海報也是運用大量的條紋裝飾、圖像錯位、紅綠色的撞色和顏色的錯位很吸引人眼球。

《心理罪》的海報也用了故障藝術風。

故障藝術也見於電商。

遊戲海報。

綜藝海報。

app開屏。

比較文藝的蝦米app有些專題也用了故障風哦。只是這個故障風的強度比較弱，強度去到哪裡靠自己把控了。

3.實操技巧

前面說過，故障藝術設計風格的特點在於圖像失真、破碎、錯位、變形，還有顏色的失真、錯位，和一些條紋圖形的輔助，那麼怎麼通過ps實現這些效果呢，其實網上有很多具體的實操教程，我這裡簡單說幾個技巧。

1.抖音logo那種圖層錯位、影子錯位的效果是通過複製圖層，還有圖層樣式裡面的通道來處理，勾選完通道之後再分別左右移動圖層就可以出現這個效果了。勾選不同的通道，會出現不同的顏色效果。

2.圖層的錯位是用選區工具，選取需要錯位的部分，再用移動工具左右移動實現圖層的錯位和破碎效果。

3.圖層變形是通過濾鏡-風格化-風和動感模糊來實現。我這裡變形的幅度比較小。

4.用矩形工具畫不同大小不同顏色不同透明度的矩形增加圖案的破碎感。

5.橫線條紋裝飾、背景網格裝飾，對比強烈的配色都可以增加故障風藝術設計風格的魅力哦。

好的，今天就到這裡了，有什麼建議可以隨時和我提哦～本人也比較少寫文章，不足的地方還請多多指教。

推薦閱讀：