朱南瑾 王佳惠

扁平化設(shè)計在短短時間內(nèi)迅速地崛起，在初始階段、在擬物化風(fēng)格流行的階段，扁平化設(shè)計這種新型設(shè)計模式從設(shè)計長河中脫穎而出，直到今天成為設(shè)計的主流方向?，F(xiàn)在的科學(xué)技術(shù)如此發(fā)達，在多年前的二維技術(shù)都已經(jīng)到了一個極限的狀態(tài)，既然能夠用技術(shù)做到更立體更逼真的效果，為什么扁平化這種設(shè)計風(fēng)格會成為一種流行趨勢呢？在當代的設(shè)計中，不論是網(wǎng)頁設(shè)計方向還是手機界面設(shè)計方向，質(zhì)感厚重、樣式繁多的設(shè)計不斷減少，取而代之的是輕薄感居多、簡潔大方、更富有創(chuàng)意的設(shè)計方式進入大眾視野中。那么扁平化的趨勢會帶來什么呢？為什么扁平化會普及？又為什么會流行起來？我們來看看扁平化未來的路程如何。

一、什么是扁平化設(shè)計？

扁平化設(shè)計的開端是風(fēng)靡一時的，它與之前的手機界面風(fēng)格有著很大的區(qū)別，它一改以往的設(shè)計繁復(fù)風(fēng)格，擺脫對實際物品的仿效，朝著更加簡潔明快的界面風(fēng)格發(fā)展。我們回過頭來看往年的設(shè)計，扁平化的設(shè)計風(fēng)格在早前以往就有出現(xiàn)過類似的設(shè)計。來看平面設(shè)計風(fēng)格，它最早出現(xiàn)于瑞士，所以我們也把它稱為瑞士平面風(fēng)格，這種平面設(shè)計風(fēng)格有著嚴謹?shù)膸缀涡巫非?，不論在組織上還是布局上都有著不同程度的留白，這種理性化的設(shè)計理念就被當下這種扁平化設(shè)計保留了下來。扁平化的含義簡單來說就是使用簡單的線條、簡潔的塊面來表現(xiàn)出更“平”的視覺效果。扁平化設(shè)計拋棄了多年以來流行的擬物化風(fēng)格的特點，它擺脫了陰影以及高光真實的效果，用更為簡單的設(shè)計元素使其能夠達到扁平的視覺效果。但是扁平化設(shè)計它不是我們口中一味地追求所說的“平”，而是以這種平面的方式來向我們傳達信息，雖然這樣摒棄了很多真實的擬物元素，但是這樣也減少了我們在使用過程中遭到的不必要的干擾，從而減少了厚重感，以此提高用戶的體驗感受，使我們的設(shè)計主題更加的鮮明突出。

不論是手機還是網(wǎng)頁的交互界面設(shè)計中為什么會逐漸流行扁平化設(shè)計？首先我們從硬件誕生出的石器時期，最開始技術(shù)問題導(dǎo)致設(shè)計的發(fā)揮空間非常有限，我們只能通過最簡單的方式來傳達我們所要表現(xiàn)的設(shè)計理念及構(gòu)思，可以發(fā)現(xiàn)有大量的圖標和UI設(shè)計的元素早在最初的時候就已經(jīng)確立了雛形。在短短的幾十年內(nèi)，我們的二維技術(shù)已經(jīng)發(fā)展到了一個非常頂端的階段，能夠在智能設(shè)備上模擬出非常真實的風(fēng)格。在擬物化設(shè)計非常流行的時期，為何扁平化就能一下子就成為發(fā)展趨勢？回觀整個設(shè)計史，可以發(fā)現(xiàn)在設(shè)計方面的審美觀念一直都是循環(huán)往復(fù)，也就是說一種設(shè)計風(fēng)格流行很長時間以后往往會被另外的風(fēng)格取而代之，這也是人們的審美疲勞所導(dǎo)致的，希望追求新鮮的設(shè)計感，簡單來說就是追求時尚。簡單的設(shè)計元素能夠給人機交互帶來更好的需求，滿足用戶的感官刺激。再加上科學(xué)技術(shù)的不斷發(fā)展，即使用更加平面的方式來呈現(xiàn)設(shè)計理念，也能有更好的視覺感官體驗，例如體現(xiàn)在屏幕的顯示上更加的清晰、渲染的元素更加舒適。

二、扁平化與擬物化的區(qū)別？

我們在談?wù)摰奖馄交O(shè)計的同時，也會想到他的對立面，也就是擬物化設(shè)計。擬物化作為扁平化的一個相反的設(shè)計風(fēng)格，其實從UI 誕生起就一直占據(jù)了主流的地位。擬物化設(shè)計特點是模擬了真實的材質(zhì)，用光影、構(gòu)造、漸變等元素來表現(xiàn)。它的好處是能夠顯而易見的，讓老人、年輕人、小孩一眼就能分辨這個圖標是用來干什么的？而且在使用的過程中，如果圖標模擬的越真實，能夠減少用戶對此使用的一個反應(yīng)速度，會加快他們對此的使用感和體驗感。比如說在蘋果手機的界面中，他們用逼真的相機造型來指代相機功能。在擬物化設(shè)計中，視覺元素它有一個很大的特點就是在對于形態(tài)的塑造上更加的細致，滿足了設(shè)計者在對藝術(shù)上的追求，用二維平面來展現(xiàn)一個三維的效果。

雖然擬物化的設(shè)計有很多優(yōu)秀突出的特點，但是在同時又有著一些不足。盡管大多數(shù)的圖標都能找到相對應(yīng)的實體物，但是仍然有一些圖標找不到相對應(yīng)的指代物。所以在設(shè)計圖標中會讓用戶造成一定的困擾，無法理解它的真正含義，一旦超出了其范圍，就無法讓用戶獲得認知經(jīng)驗。隨著時代的發(fā)展，圖標影射的現(xiàn)實的事物會隨著科技的發(fā)展而發(fā)生一些改變。比如說，對于70后80 后而言，他們用的錄音機、游戲機等，現(xiàn)在的10 后甚至00 后都是很少使用過甚至沒有見過的東西。在未來甚至有可能會被取代，所以當我們熟悉的事物越來越少，設(shè)計者就應(yīng)該不斷創(chuàng)新，所以這是物化的其中一個局限，會限制其發(fā)展。太過于陳雜的設(shè)計，在使用過程中也會產(chǎn)生一定的焦慮和疲倦，無法快速地找到所需要的信息。手機設(shè)計理念在整體的產(chǎn)品設(shè)計中界面設(shè)計受到了越來越多的關(guān)注，為了培養(yǎng)用戶的粘性和品牌文化，對于大部分使用者而言，界面的視覺元素是他們最直接的一個使用體驗。而對于設(shè)計師來說，更多的是界面的操作和多樣創(chuàng)意，在此基礎(chǔ)上能夠發(fā)揮更多的空間和屬于自己的設(shè)計風(fēng)格。

三、扁平化設(shè)計引領(lǐng)風(fēng)潮的原因？

（一）少即是多

當今設(shè)計平臺，扁平化設(shè)計在我們的生活中越來越成為一個主流的地位。慢慢地擬物化設(shè)計被扁平化設(shè)計取代。扁平化設(shè)計擬物化設(shè)計都吸收了他的一些設(shè)計細節(jié)，對圖標進行了簡化。扁平化的設(shè)計過濾掉了很多不必要的一些圖形信息，讓我們能夠更直觀地感受到圖標的意義，給人帶來眼前一亮的感覺。讓我們能夠更快速地找到自己所需要的東西。這樣就會代表著更低成本的運作，能夠用最短的時間做出更精良的設(shè)計，這也是為什么扁平化設(shè)計會流行的原因之一。扁平化的設(shè)計來源于極簡主義的設(shè)計理念。在使用久了過多繁雜的界面之后，對于扁平化設(shè)計的手機界面能夠感覺到更加的清爽和簡約。這樣呢進行了設(shè)計的簡化。由繁到簡，著名設(shè)計大師米斯·凡德羅的設(shè)計理念就是“少即是多”。剔除了過多無用的裝飾，回歸設(shè)計的本身。

（二）形式追隨功能

扁平化設(shè)計還有一個好處，就是在用戶的使用過程中。能夠更加聚焦于你需要獲取的信息本身，而不是被更多繁復(fù)的無用設(shè)計所干擾，這樣一個簡潔，邏輯清晰的網(wǎng)站或者是App 能夠讓你從中快速地找到你所要的內(nèi)容。這樣會大大提高用戶的體驗感。對于目前關(guān)于扁平化風(fēng)格的一種爭議，因為他在短短的幾年內(nèi)突然風(fēng)靡起來，也是視覺風(fēng)格的一種突破和改變。也是在一個探索的方向。我們不能把扁平化當作平面化，一味地“平”，而是一種抽象化體系建立的時期。

（三）人性化設(shè)計

人性化設(shè)計是設(shè)計發(fā)展的重要趨勢，設(shè)計的最終目的是滿足“人”的需求，這就促使設(shè)計的發(fā)展越來越向人性化的方向發(fā)展，也就是在設(shè)計的過程中更加注重人機工程學(xué)上的生理層面的同時兼顧消費者心理層面的需求。人機工程學(xué)也就是人的自然尺度與設(shè)計結(jié)合形成的人機工程學(xué)。在人性化設(shè)計中，包含兩方面，物質(zhì)需求和精神需求，物質(zhì)上是為了滿足于依賴人機工程學(xué)的幫助，使得設(shè)計具有實用性，就像在界面中的設(shè)計排版，更多的要考慮人在使用時的舒適度及在精神層面要人使用的更加舒適、美觀為主，在簡約界面的同時要寓于美的享受。

四、扁平化設(shè)計的發(fā)展趨勢

在當今的UI 設(shè)計領(lǐng)域，扁平化的應(yīng)用能夠更快提升用戶來獲取信息。對于設(shè)計師的難度也大大的降低了許多。

這種狀態(tài)持續(xù)了很多年，打開任何App，幾乎都是扁平化風(fēng)格為主。但是在近兩年應(yīng)用市場有出現(xiàn)一些不同的聲音，那就是打破了純扁平風(fēng)格的UI 元素，比如在今年年初就開始出現(xiàn)了新擬態(tài)風(fēng)格，也就是輕擬物風(fēng)格。

在用戶注意力的思路引導(dǎo)下，扁平化的風(fēng)格做到極致，以后很難滿足所有的需求。這時候有一些更多的細節(jié)處理就顯得更為重要。比如說，在一些快速入口分類圖標中底部導(dǎo)航欄這些是最需要被突出的部分。之前我有寫過擬物化風(fēng)格，它不僅僅是表現(xiàn)元素的本身的光影透視構(gòu)造，甚至?xí)憩F(xiàn)物體表面的材質(zhì)和質(zhì)感。

這樣的圖標確實是能夠給人帶來一定的視覺享受，由于細節(jié)太多，有可能會造成系統(tǒng)的卡頓或者是運行緩慢。所以為了符合界面設(shè)計的美觀，輕擬物化這個風(fēng)格漸漸地被提出，他結(jié)合了兩個的特點，是一個非常好的折中辦法。他有和擬物化風(fēng)格有著共同的特點，例如光影結(jié)構(gòu)透視，但它省去了表面的肌理感和層級感，使界面看起來更加整體有辨識度?，F(xiàn)在是一個比較初始的階段，從扁平化插畫圖標這些多年的累積。慢慢地會結(jié)合一些新的東西在里面，只是時間關(guān)系。

五、結(jié)論

要想更好地進行設(shè)計，不得不要談?wù)撛O(shè)計美學(xué)，在手工業(yè)時代設(shè)計是在手工藝方面有很大的突出成就。比如一些家具、瓷器、青銅器，因手工制作的關(guān)系，還有織繡、印染等，被稱“為工藝之美”。而進入大機器時代，設(shè)計美學(xué)在質(zhì)量、形態(tài)上都發(fā)生了改變。就像我們談?wù)摰氖謾C界面，也就是UI 行業(yè)，是一個比較新興的行業(yè)，在設(shè)計當中，我們要講求功能之美、科學(xué)之美和技術(shù)之美。就像之前提到過的，功能是最重要的，形式要追隨功能，產(chǎn)品之所以要有其使用價值，最根本的屬性就是它是有用的物，所以從而體會到的愉悅和滿足才是他美的存在?？茖W(xué)之美是一種美的高級形式，是在理性思維和審美意識交流滲透下形成的。技術(shù)之美則是生產(chǎn)技術(shù)和結(jié)構(gòu)功能結(jié)合起來的，更多的是機械的美。在我們的設(shè)計中，更多的要把三者結(jié)合起來，不僅僅要考慮審美，也要考慮它的功能。功能的重要性不僅僅在于它的使用，而在于他也是設(shè)計美的構(gòu)成之一，我們用扁平化設(shè)計去進行手機界面的分析，也是更多地考慮了功能性能夠給人直觀的傳達信息，提升易用性，這并不僅僅意味著忽略了形式，而是強調(diào)產(chǎn)品的形式能夠提高產(chǎn)品的附加值，也是對人的尊重和肯定。