扁平化到底是復(fù)古還是創(chuàng)新？

序

一直關(guān)注史太濃的朋友假設(shè)持續(xù)到今天，相信對(duì)現(xiàn)代設(shè)計(jì)發(fā)展的脈絡(luò)已經(jīng)有所了解，設(shè)計(jì)發(fā)展歷程有一個(gè)大特點(diǎn)，就是交叉與重疊，，比方一種風(fēng)格從A國(guó)家誕生發(fā)展到B國(guó)家產(chǎn)生影響時(shí)，可能結(jié)合當(dāng)?shù)厍闆r產(chǎn)生變種，同時(shí)A國(guó)家的這種風(fēng)格也可能開(kāi)始消退產(chǎn)生另一種風(fēng)格，所以這些來(lái)源顯得有些復(fù)雜并存在爭(zhēng)議，但我們不糾結(jié)，畢竟不需要考試，希望大家以輕松聽(tīng)故事的心態(tài)來(lái)了解應(yīng)用即可，今天我們來(lái)聊大名鼎鼎的扁平化風(fēng)格。

--------------------------------------------

開(kāi)門(mén)見(jiàn)山，扁平化這種風(fēng)格到底有什么特征相信做設(shè)計(jì)的各位都比較熟悉了，不需要我再贅述，簡(jiǎn)單說(shuō)來(lái)，扁平化就是放棄任何能使作品突顯3D效果的特性，通俗地說(shuō)，設(shè)計(jì)中不使用透視、紋理、陰影等效果。

比方我們?cè)诨ò晟纤阉鞅馄交L(fēng)格，得到如下這些圖（話說(shuō)最近花瓣網(wǎng)不知道什么緣故掛了）：

其實(shí)很多時(shí)候扁平化的流行也跟數(shù)字科技的發(fā)展有關(guān)，特別ui設(shè)計(jì)，我們從事多年網(wǎng)站制作的人清楚，假設(shè)文字或者圖案是單純色塊的組成的話，那么是可以通過(guò)代碼將其寫(xiě)出來(lái)的，用代碼方式來(lái)創(chuàng)造文字跟圖案或者顏色背景的好處有兩種，其一是加載更快，以前4g時(shí)代沒(méi)有到來(lái)時(shí)加載一張立體三維再加陰影底紋之類(lèi)的圖片是非常痛苦的，其二就是方便做特效及兼容瀏覽器大小的縮放問(wèn)題，以保障視覺(jué)效果的最佳。

目前5g也馬上來(lái)了，說(shuō)不準(zhǔn)立體三維又會(huì)風(fēng)行起來(lái)，但大家的審美也已經(jīng)形成了習(xí)慣，不是扁平化的設(shè)計(jì)都感覺(jué)復(fù)古或者不習(xí)慣，那么這種扁平風(fēng)格到底來(lái)自什么國(guó)家，又如何發(fā)展起來(lái)的呢？

首先一切要從一款字體說(shuō)起，那就是大名鼎鼎的Helvetica（海維提卡）字體，這款無(wú)襯線字體有以下令人擊節(jié)贊賞的江湖綽號(hào)：“地球上最受歡迎的字體”；“設(shè)計(jì)師最?lèi)?ài)用的沒(méi)有之一的字體”；“世界大牌最?lèi)?ài)的字體”；“宇宙最強(qiáng)的英文字體”等等：

根據(jù)統(tǒng)計(jì)，最少有70多個(gè)全球知名品牌使用了這款字體來(lái)做logo或者規(guī)范字體，其中包括：阿里巴巴、寶馬、愛(ài)普生、芬迪、Jeep、無(wú)印良品、雀巢、松下、微軟、豐田、渣打銀行等世界大品牌企業(yè)的標(biāo)志都使用了Helvetica（海維提卡）字體。

這些logo放在一起是否有種“全家團(tuán)聚”的感覺(jué)，那么為何眾多品牌都熱愛(ài)這款字體呢，因?yàn)樵O(shè)計(jì)這款字體的設(shè)計(jì)師曾經(jīng)這樣來(lái)闡述他的理念：“字體應(yīng)該時(shí)一個(gè)容器”，意思是字體最大的作用就是信息傳達(dá)，應(yīng)該像容器一般讓人專(zhuān)注于內(nèi)容。

Helvetica（海維提卡）的設(shè)計(jì)師就是來(lái)自瑞士的愛(ài)德華德·霍夫曼（Eduard Hoffmann）和馬克斯·米耶丁格（Max Miedinger），而這款字體在拉丁文中的釋義就是“瑞士的”。

這款字體其實(shí)有一個(gè)前身，叫“阿克茲登茲·格羅特斯克字體”（Akzidenz grotesk），這款字體可以追溯到1896年那么久，據(jù)聞它可能是 Walbaum （沃保爾）或者 Didot（迪德勒） 這兩種襯線字體的衍生物，這款字體當(dāng)中匯集了蠻多怪誕的幾何元素，有突出形式感，如下圖所示：

這個(gè)字體后來(lái)被一名在法國(guó)巴黎發(fā)展的瑞士設(shè)計(jì)師阿德里安選中了進(jìn)行改造，創(chuàng)造出一套有21種不同大小字號(hào)的新無(wú)襯線體，命名為“通用體（Univers）”，這個(gè)字體的特點(diǎn)是21種字號(hào)的高度都是相等的，所以即便不同號(hào)的同種字體用在一起也同樣清晰和諧，不至于因?yàn)樽痔?hào)不同而產(chǎn)生沖突。

而愛(ài)德華德·霍夫曼（Eduard Hoffmann）和馬克斯·米耶丁格（Max Miedinger）就是基于這兩款字體來(lái)創(chuàng)造出Helvetica（海維提卡）字體。這款無(wú)襯線字體直接導(dǎo)致一種風(fēng)格的形成，那就是大名鼎鼎的“瑞士平面設(shè)計(jì)風(fēng)格（Swiss Desgn）”，這種風(fēng)格就如同這款無(wú)襯線字體，講究簡(jiǎn)單明確，重視傳達(dá)功能，所以非常符合二戰(zhàn)后整個(gè)世界的應(yīng)用需求，因此很快普及全球，其中最大的推動(dòng)者就是美國(guó)，原因是美國(guó)戰(zhàn)后貿(mào)易及經(jīng)濟(jì)發(fā)達(dá)，這種風(fēng)格通過(guò)商品流通及品牌傳播讓其流行，類(lèi)似全世界統(tǒng)一一種設(shè)計(jì)語(yǔ)言方便大家溝通這樣的模式，因此這個(gè)風(fēng)格后來(lái)被概括為“國(guó)際主義平面設(shè)計(jì)風(fēng)格（The International Typographic Style），而大家也誤會(huì)這種風(fēng)格由美國(guó)開(kāi)創(chuàng)。

我們可以看看一些典型的瑞士平面設(shè)計(jì)風(fēng)格作品，就會(huì)發(fā)現(xiàn)跟如今的扁平化設(shè)計(jì)風(fēng)格其實(shí)如出一轍：

假設(shè)繼續(xù)追溯，這個(gè)風(fēng)格其實(shí)跟包豪斯淵源很深，或者說(shuō)跟現(xiàn)代主義設(shè)計(jì)運(yùn)動(dòng)一脈相承，比方瑞士平面設(shè)計(jì)風(fēng)格的形成有兩個(gè)關(guān)鍵人物，他們其實(shí)都畢業(yè)于包豪斯，分別是西奧·巴爾莫 跟馬克斯比爾。

馬克斯比爾大致是1927年到1929年之間在包豪斯學(xué)習(xí)，先后師從過(guò)以下這些大咖，分別是包豪斯創(chuàng)始人格羅比烏斯，俄國(guó)大咖熱抽象代表人物康定斯基，還有納吉、漢斯邁耶及杜斯伯格等。

那么瑞士平面設(shè)計(jì)風(fēng)格有什么操作上的特點(diǎn)呢，其實(shí)關(guān)鍵之處就是網(wǎng)格，談到網(wǎng)格大家是否感到很熟悉，國(guó)內(nèi)知名設(shè)計(jì)師南征老師2012年曾經(jīng)出過(guò)一本書(shū)叫《設(shè)計(jì)師的設(shè)計(jì)日記》，里面就有詳細(xì)談及網(wǎng)格設(shè)計(jì)的問(wèn)題，可見(jiàn)這么現(xiàn)代的手法其實(shí)來(lái)自于80年前了。

瑞士平面設(shè)計(jì)風(fēng)格往往采用方格網(wǎng)為設(shè)計(jì)基礎(chǔ)，講究整潔、嚴(yán)謹(jǐn)、理性化、實(shí)用、追求幾何學(xué)式的嚴(yán)謹(jǐn)。其實(shí)我從業(yè)網(wǎng)頁(yè)設(shè)計(jì)已經(jīng)多年，有一個(gè)階段就經(jīng)常使用網(wǎng)絡(luò)的方式來(lái)讓網(wǎng)頁(yè)顯得有一種透明的規(guī)律感，這種方式叫“六分法“，有些人習(xí)慣九分甚至十二分，但其實(shí)不管如何分，其本質(zhì)上就是瑞士平面設(shè)計(jì)的網(wǎng)格設(shè)計(jì)法。

這里我們又來(lái)插播一段地理知識(shí)，最近我發(fā)現(xiàn)原來(lái)很多朋友居然以為瑞士跟瑞典是同一個(gè)國(guó)家，地理課明顯是化學(xué)老師代課的，其實(shí)這兩個(gè)國(guó)家一個(gè)在中歐，一個(gè)在北歐，中間還隔了德國(guó)、荷蘭、丹麥等國(guó)家，而且瑞典比瑞士面積大致大了十倍，如圖所示：

瑞典有很多經(jīng)典品牌，比方：宜家、沃爾沃、伊萊克斯（Electrolux）等等，而且他們擁有一位世界級(jí)超級(jí)明星科學(xué)家，那就是大名鼎鼎的諾貝爾了。

而今天的“主人公“瑞士，則以銀行、軍刀、手表等品牌聞名于世，關(guān)于瑞士銀行的故事大家只要多看一點(diǎn)電影就會(huì)了解了，瑞典人做事特別認(rèn)真，而在經(jīng)濟(jì)上他們也比瑞典發(fā)達(dá)許多，可見(jiàn)設(shè)計(jì)見(jiàn)長(zhǎng)的國(guó)家一般都比較富有。

所以今天開(kāi)始大家就不要再混淆這兩個(gè)國(guó)家了。

我們將話題回到“瑞士平面設(shè)計(jì)風(fēng)格“，這個(gè)風(fēng)格是靠美國(guó)人發(fā)揚(yáng)光大的，那么它到底是怎么傳到美國(guó)的呢，這里有兩位關(guān)鍵人物。

第一位叫諾爾馬丁，他其實(shí)是一名美國(guó)人，生于1922年，并沒(méi)有接受過(guò)正規(guī)設(shè)計(jì)教育的馬丁1947年在美國(guó)的辛辛那提美術(shù)博物館擔(dān)任平面設(shè)計(jì)工作，所以估計(jì)是一名臨時(shí)工，這個(gè)博物館有一個(gè)小型鑄字工廠及小型印刷廠，因?yàn)楣ぷ鞑凰惴泵?，馬丁在這個(gè)地方肆意汪洋進(jìn)行了大量的平面設(shè)計(jì)試驗(yàn)及探索，其中研究的一個(gè)重點(diǎn)就是開(kāi)始在美國(guó)產(chǎn)生萌芽的瑞士平面設(shè)計(jì)風(fēng)格。

他花了大量的時(shí)間在圖書(shū)館里閱讀瑞士及其它歐洲國(guó)家的設(shè)計(jì)書(shū)刊，經(jīng)過(guò)一段時(shí)間的深入研究及實(shí)踐，他真的開(kāi)始比較準(zhǔn)確的把握到了瑞士平面設(shè)計(jì)風(fēng)格的精髓，他利用掌握到的風(fēng)格為博物館設(shè)計(jì)了大量刊物及海報(bào)，因?yàn)轱L(fēng)格新穎，而且簡(jiǎn)單明確獲得了廣大到館的觀眾一致好評(píng)，由此正式讓瑞士平面設(shè)計(jì)風(fēng)格在美國(guó)較為成功的展露。

而另一位關(guān)鍵人物叫魯?shù)婪颉さ隆す?，也是一名自學(xué)成才的設(shè)計(jì)師，他1952年在紐約成立了一所設(shè)計(jì)事務(wù)所，50-60年代間事務(wù)所輸出的大量設(shè)計(jì)都具有版面結(jié)構(gòu)平穩(wěn)、高度次序性及理性的視覺(jué)傳達(dá)等瑞士平面設(shè)計(jì)風(fēng)格的特征，因?yàn)樗诩~約期間大量接觸到歐洲，特別瑞士的平面設(shè)計(jì)作品，出自欣賞與認(rèn)同，所以就將這種風(fēng)格有意的運(yùn)用到自己的商業(yè)作品當(dāng)中。

哈拉克在設(shè)計(jì)時(shí)候也直接采用了瑞士的網(wǎng)格設(shè)計(jì)法來(lái)組織自己的設(shè)計(jì)元素，所以作品都存在一種前面敘述過(guò)的“透明的規(guī)律感”，后期他喜歡用照片拼貼的方式進(jìn)行設(shè)計(jì)也仍然是將照片有序的安排到網(wǎng)格里，所以成為了一種很典型的瑞士風(fēng)格。

60年代他為美國(guó)最大的書(shū)籍出版公司麥克戈洛希爾公司相繼設(shè)計(jì)了350書(shū)籍，這些書(shū)籍幾乎都存在瑞士平面設(shè)計(jì)特征，由此影響了不少年輕設(shè)計(jì)師，由此讓這種風(fēng)格開(kāi)始流行起來(lái)。

由于這些先行者的努力，瑞士平面設(shè)計(jì)風(fēng)格從50年代開(kāi)始在美國(guó)風(fēng)行，一直到70年代才慢慢被后來(lái)更多元化的一些風(fēng)格進(jìn)行補(bǔ)充，而這個(gè)時(shí)候瑞士平面風(fēng)格已經(jīng)被正式稱(chēng)為“國(guó)際主義設(shè)計(jì)風(fēng)格”，影響了全球的設(shè)計(jì)風(fēng)貌，波及到其它國(guó)家后一直占據(jù)主流到90年代才有所式微。

所以我們發(fā)現(xiàn)2000年左右有大量三維、質(zhì)感類(lèi)的設(shè)計(jì)，其實(shí)也算是為了突破這種風(fēng)格的多元探索，后來(lái)再流行起來(lái)的扁平化設(shè)計(jì)正正是這種風(fēng)格的一種復(fù)辟或者說(shuō)演變，我們發(fā)現(xiàn)扁平化設(shè)計(jì)這個(gè)風(fēng)格其實(shí)跟瑞士平面設(shè)計(jì)風(fēng)格對(duì)比還有有進(jìn)化的，比方2.5d這種模式，其實(shí)就是用兩個(gè)純平面進(jìn)行正相交的結(jié)果。

以后假設(shè)你再跟其它設(shè)計(jì)師交流起扁平化風(fēng)格時(shí)，你就能按此淵源頭頭是道的說(shuō)出來(lái)龍去脈了。