2020年即將過(guò)去，在歷經(jīng)設(shè)計(jì)趨勢(shì)等幾大風(fēng)格的變化與迭代創(chuàng)新。不管是國(guó)內(nèi)還是國(guó)外，作為移動(dòng)互聯(lián)網(wǎng)設(shè)計(jì)師，在當(dāng)前時(shí)代背景下，掌握和了解這些經(jīng)典的設(shè)計(jì)風(fēng)格是一件非常重要的事。

不管2021設(shè)計(jì)風(fēng)格發(fā)展走向何方，也會(huì)在之前風(fēng)格中做創(chuàng)新演變，歷史輪回。今天主要想分享我最近一段時(shí)間以來(lái)，研究分析的一些設(shè)計(jì)風(fēng)格，希望大家從中獲得一些新啟發(fā)。

以下是我的分享目錄：

1、瑞士設(shè)計(jì)風(fēng)格

2、酸性美學(xué)設(shè)計(jì)

3、故障藝術(shù)風(fēng)格

4、歐普藝術(shù)

5、新擬物毛玻璃

#01.

瑞士設(shè)計(jì)風(fēng)格

Swiss style

國(guó)際主義設(shè)計(jì)風(fēng)格，又稱為瑞士風(fēng)格（Swiss Style），是1920年代在俄羅斯、荷蘭、德國(guó)萌芽，最終于1950年代在瑞士興起的一種平面設(shè)計(jì)風(fēng)格。

它是俄羅斯建構(gòu)主義、手工藝品、攝影和包豪斯建筑的高潮。您可以通過(guò)醒目的標(biāo)題、鮮明的構(gòu)圖和簡(jiǎn)單的方式來(lái)識(shí)別瑞士風(fēng)格。

瑞士風(fēng)格更加強(qiáng)調(diào)干凈、易讀、客觀。這個(gè)風(fēng)格最大特點(diǎn)就是抽象幾何、大間距、網(wǎng)格運(yùn)用、使無(wú)襯線字體和簡(jiǎn)約攝影等，典型的極簡(jiǎn)主義風(fēng)格代表。

瑞士風(fēng)格是圖形和網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)的先驅(qū)，因此，它被稱為網(wǎng)頁(yè)設(shè)計(jì)之王。它的簡(jiǎn)單性和對(duì)美感極致要求很容易識(shí)別。瑞士美學(xué)強(qiáng)調(diào)在網(wǎng)頁(yè)上推崇運(yùn)用網(wǎng)格布局，使得畫(huà)面更加結(jié)構(gòu)化與秩序性。

“少即是多”一詞也許是最適合瑞士風(fēng)格設(shè)計(jì)的短語(yǔ)。刪除不必要的內(nèi)容，直到剩下不言而喻的設(shè)計(jì)。

瑞士風(fēng)格在UI中的應(yīng)用

用更少的UI元素創(chuàng)建層級(jí)、少量的字體、簡(jiǎn)約攝影和網(wǎng)格布局等貫穿UI設(shè)計(jì)中。

瑞士風(fēng)格在UI設(shè)計(jì)中，有著很大影響力?？赡艽蟛糠衷O(shè)計(jì)師不清楚，我們?nèi)粘Ｗ龅臉O簡(jiǎn)主義風(fēng)格，大部分有受到瑞士風(fēng)格影響。它對(duì)UI最明顯的影響：簡(jiǎn)化不必要信息，以內(nèi)容為主。

#02.

酸性美學(xué)風(fēng)格

Acid Graphic

酸性風(fēng)格在UI中相對(duì)會(huì)很少出現(xiàn)，但是它在平面設(shè)計(jì)中如火如荼。酸性這個(gè)詞大家會(huì)想到什么？“惡臭？精神?。砍錆M上世紀(jì)的味道？光看視覺(jué)風(fēng)格就很懷舊古老的感受，其實(shí)這只是表面呈現(xiàn)出來(lái)的狀態(tài)。

“從設(shè)計(jì)美學(xué)上講，這風(fēng)格更迷幻和抽象風(fēng)格，充滿無(wú)限想象，具有高度失真或超現(xiàn)實(shí)的視覺(jué)效果”。

如何更清晰的理解酸性美學(xué)風(fēng)格？我們可以觀察到酸性風(fēng)格字體、版式、色彩、材質(zhì)等主要特征。

酸性風(fēng)格在現(xiàn)今有了很大變化創(chuàng)新，融合更多抽象圖形和3D元素、液態(tài)金屬和霓虹色彩混合版式，形成一種新的酸性平面美學(xué)。

酸性風(fēng)格在有關(guān)音樂(lè)的場(chǎng)景運(yùn)用較多，一些現(xiàn)場(chǎng)DJ、音樂(lè)專輯封面和視覺(jué)海報(bào)。

酸性美學(xué)風(fēng)格相對(duì)瑞士風(fēng)格來(lái)說(shuō)，它應(yīng)用相對(duì)會(huì)窄一些。雖然是這樣，它存在既有一定道理。比如音樂(lè)現(xiàn)場(chǎng)布置或者音樂(lè)CD如果用瑞士風(fēng)格，氛圍感就會(huì)特別弱。作為設(shè)計(jì)師我們要了解什么樣的風(fēng)格適合什么樣的功能場(chǎng)景應(yīng)用，這是關(guān)鍵點(diǎn)。

相關(guān)素材：

#03.

故障藝術(shù)風(fēng)格

Glitch Art

故障藝術(shù)（Glitch Art），就是利用事物形成的故障，進(jìn)行藝術(shù)加工，使這種故障缺陷反而成為一種藝術(shù)品，具有特殊的美感。最大特點(diǎn)就是圖像發(fā)生錯(cuò)亂，色彩鮮明，有種滋滋滋的電流感覺(jué)，很像七八十年代電視機(jī)里常出現(xiàn)的毛病。

相對(duì)以前整個(gè)頁(yè)面故障風(fēng)格，現(xiàn)今小故障藝術(shù)風(fēng)格崛起，視覺(jué)上更加輕量。在局部采用故障手法，整體視覺(jué)感受能一眼清晰知道主標(biāo)題的內(nèi)容。

來(lái)自ARMOREDFATE作品

如下圖韓國(guó)PlusX作品集包裝封面，局部小故障風(fēng)格，視覺(jué)感受還是挺不錯(cuò)的。

故障藝術(shù)除了在海報(bào)中運(yùn)用比較多，它還在攝影中處理也是比較常見(jiàn)。相對(duì)前面說(shuō)的酸性美學(xué)，故障藝術(shù)更易被大眾接受多一些。

故障藝術(shù)在攝影的運(yùn)用

看梵高的方式??

來(lái)自Sabato Visconti

動(dòng)態(tài)攝影故障藝術(shù)

故障藝術(shù)處理推薦的大家一個(gè)在線工具，叫PHOTO MOSH。圖片上傳上去就可以處理了，里面參數(shù)比較簡(jiǎn)單，使用一遍就會(huì)。

網(wǎng)址：https://photomosh.com/

上圖，我簡(jiǎn)單開(kāi)啟一個(gè)參數(shù)值就出來(lái)效果了，而且是動(dòng)態(tài)的，當(dāng)然你還可以進(jìn)行更細(xì)節(jié)處理。

#04.

歐普藝術(shù)

OP Art

歐普藝術(shù)（OP Art），又被稱為視幻藝術(shù)或光效應(yīng)藝術(shù)。歐普藝術(shù)作品的內(nèi)容通常是線條、形狀、色彩的周期組合或特殊排列。設(shè)計(jì)具有視覺(jué)感知效果或產(chǎn)生視覺(jué)錯(cuò)覺(jué)的幾何圖案，即實(shí)際平坦的表面是三維的或正在移動(dòng)的感覺(jué)。

上圖就是典型的三維視覺(jué)體現(xiàn)。

Caixa Catalunya的海報(bào)廣告中

視錯(cuò)覺(jué)產(chǎn)生的圖形轉(zhuǎn)動(dòng)，在此西班牙銀行Caixa Catalunya的海報(bào)廣告中，靜止的螺旋狀似乎在運(yùn)動(dòng)。如果你只看一個(gè)圖形，那么它將停止轉(zhuǎn)動(dòng)。

歐普藝術(shù)僅僅只是這些嗎？當(dāng)然不是，歐普藝術(shù)運(yùn)用廣泛在服裝領(lǐng)域、平面設(shè)計(jì)領(lǐng)域、裝置藝術(shù)、UI設(shè)計(jì)和動(dòng)態(tài)設(shè)計(jì)等都有出現(xiàn)，在UI設(shè)計(jì)中更多的是以品牌符號(hào)底紋形式出現(xiàn)，一般是應(yīng)用在個(gè)人中心背景墻或者抽象功能表達(dá)（比如音樂(lè)封面）。

Behance大神作品

?

THE EXPLORATORIUM AFTER DARK

Adobe MAX 2020 主視覺(jué)

#05.

新擬物毛玻璃

Neumorphism

毛玻璃效果我想大家并不陌生，今年下半年又新崛起的一種流行設(shè)計(jì)手法。它最大特征就是通透感和微透光，透過(guò)上層設(shè)計(jì)能看到底部色彩微妙變化，豐富了設(shè)計(jì)質(zhì)感細(xì)膩度。

毛玻璃為什么在今年下半年又突然興起呢？主要是源自于對(duì)之前新擬物的風(fēng)格補(bǔ)充。之前微軟Fluent design 出來(lái)后，并沒(méi)有像現(xiàn)在這樣被大家運(yùn)用。而現(xiàn)在也許正是市場(chǎng)所需，以前雙色調(diào)漸變或者扁平化設(shè)計(jì)，不足以滿足設(shè)計(jì)市場(chǎng)需要。

????Dribbble大神Gleb Kuznetsov作品

自然AI UI界面

機(jī)票界面

騰訊文檔在今年品牌升級(jí)迭代中，大量運(yùn)用了毛玻璃設(shè)計(jì)手法。

毛玻璃設(shè)計(jì)風(fēng)格盡量減少大量的運(yùn)用在界面中，否則整個(gè)界面看起來(lái)很輕浮。它視覺(jué)對(duì)比度一般，眼睛會(huì)很難受，局部功能是可以運(yùn)用毛玻璃圖標(biāo)。

#05.

寫(xiě)在最后

The end

今天總結(jié)分享了5種設(shè)計(jì)風(fēng)格，作為設(shè)計(jì)師開(kāi)拓眼界去了解這些風(fēng)格，對(duì)于我們?cè)谔剿饕曈X(jué)風(fēng)格是非常有幫助的。“眼界決定寬度，格局決定高度，觀念決定未來(lái)”。

今天的分享也只是一個(gè)開(kāi)端，關(guān)于這些風(fēng)格更多拓展應(yīng)用和研究還需要廣大設(shè)計(jì)師們做出努力與貢獻(xiàn) ，去專研與嘗試。