簡述交互設(shè)計(jì)領(lǐng)域的扁平化設(shè)計(jì)

張?jiān)娕?/p>

摘 要：扁平化的設(shè)計(jì)還能流行多久，只有在多平臺(tái)日趨穩(wěn)定的情況下才可做出準(zhǔn)確判斷。無論是硬件還是軟件都在高速的擴(kuò)展，延伸到更加廣泛的領(lǐng)域。我認(rèn)為在搶占了這些市場之前各個(gè)廠商及公司還是會(huì)繼續(xù)沿用扁平化的設(shè)計(jì)風(fēng)格。

關(guān)鍵詞：扁平化；新風(fēng)格；審美

中圖分類號(hào)：J524.4 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1005-5312（2017）06-0166-01

扁平化設(shè)計(jì)最大的特點(diǎn)就是以最低的成本解決復(fù)雜的問題。因此在各家廠商及公司還沒有占領(lǐng)市場之前就想象上層的建筑形態(tài)是不可能的。因?yàn)閷?duì)于各大廠商而言占地市場成功后為了更好立于不敗之地才會(huì)為長遠(yuǎn)打算做一些新風(fēng)格的嘗試。如3D以及VR，語音以及肢體交互等。所以對(duì)于那些擁有競爭力的大公司應(yīng)該還會(huì)在近五年之內(nèi)繼續(xù)沿用扁平化這種設(shè)計(jì)風(fēng)格，并在這個(gè)過程中做出嘗試性的新風(fēng)格，但是這種新風(fēng)格的產(chǎn)生必定還是需要時(shí)間去慢慢醞釀。

一、扁平化設(shè)計(jì)

大眾的審美觀與時(shí)尚潮流一直都是在告訴的變化與發(fā)展，但是我們會(huì)發(fā)現(xiàn)最基本的審美最底層的感受基本上是不會(huì)發(fā)生太大的變化。在很多人眼中扁平化設(shè)計(jì)只是一種設(shè)計(jì)的風(fēng)格，甚至有人一點(diǎn)兒也不喜歡它，但是我認(rèn)為它最為一個(gè)新事物是設(shè)計(jì)師對(duì)視覺設(shè)計(jì)信息傳遞層級(jí)的反思，這個(gè)新事物正日漸走向成熟。

信息應(yīng)該怎么被呈現(xiàn)？我們還應(yīng)該通過逼真的還原來材質(zhì)來告訴大家這是一個(gè)按鈕？那是一些內(nèi)容，那是些邊框？一千個(gè)人的心中就會(huì)有一千個(gè)哈姆雷特，所以每個(gè)人都會(huì)有不同的看法，我們都在探索，正如扁平化設(shè)計(jì)一樣，它還處在一個(gè)探索的階段，它的探索也始終不會(huì)停止。例如上個(gè)世紀(jì)塑料剛被發(fā)明的那幾十年，這種材料的各種可能性被各種探索挖掘。直至今天，更多的人依然還在重新思考挖掘它。例如，有人把塑料做成成金屬的模樣，這是好的設(shè)計(jì)嗎？不論去好壞它只是提出一種可能性，我們才會(huì)對(duì)這種材料更深刻的認(rèn)識(shí)，才會(huì)有更嚴(yán)謹(jǐn)?shù)脑O(shè)計(jì)。

（一）扁平化的核心

扁平化設(shè)計(jì)能被廣產(chǎn)品經(jīng)理，交互設(shè)計(jì)師以及設(shè)計(jì)師所接受，最核心的是因?yàn)樗沟眯畔⒌膶蛹?jí)更加扁平化，以最直接的方式展示信息的層級(jí)關(guān)系。現(xiàn)在業(yè)界存在一種錯(cuò)誤的認(rèn)知，認(rèn)為原來需要用戶三四步的操作現(xiàn)在只需要一次就可以操作完成的就是扁平化，這是極其錯(cuò)誤的。信息層級(jí)的扁平化，表示將最核心的內(nèi)容及最根本最穩(wěn)固的功能在第一層級(jí)就展示給用戶，而其他第二層級(jí)第三層級(jí)甚至是更深層級(jí)的內(nèi)容將他們收起放在后面的流程及操作展示。并不是像很多人理解的“一次就夠了”，如果都展現(xiàn)平鋪出來的話，剛好是扁平化的反方向。如果做不到核心層級(jí)與其他層級(jí)的重點(diǎn)區(qū)分，即使視覺的風(fēng)格再扁平化，它的內(nèi)容也會(huì)讓人們眼花繚亂，感覺應(yīng)用依舊繁瑣不知道如何操作。

那么應(yīng)該如何去鑒別最穩(wěn)固最基本的功能呢？那么需要問自己，什么東西是這個(gè)app（或網(wǎng)頁、軟件）去掉就沒有辦法使用的？例如一個(gè)正在通話中的界面，對(duì)方的名稱、對(duì)方的頭像、撥號(hào)鍵盤、靜音按鈕、掛斷、通話時(shí)長等等哪些功能是沒了就是不行的，這個(gè)應(yīng)用就無法使用了？如果在設(shè)計(jì)中理清了這個(gè)思路，那么你的設(shè)計(jì)就是真正的理解了扁平化設(shè)計(jì)的核心。

扁平化這個(gè)概念并不是由微軟與蘋果先發(fā)起的，先不討論谷歌，其實(shí)國外很多的網(wǎng)站很早就開始這樣做了。國外的先驅(qū)們經(jīng)過對(duì)視覺傳達(dá)信息的反思開始放棄一切裝飾效內(nèi)容，例如陰影，圖案，紋理，透視，質(zhì)感，以及多種復(fù)雜效果的疊加，使得整個(gè)界面變得干凈利落，簡單明了一目了然。圖標(biāo)的設(shè)計(jì)更加的簡單，減少按鈕的數(shù)量以及選項(xiàng)讓界面更為干凈整齊。將最核心的內(nèi)容與核心功能以最簡單直接的方式表現(xiàn)出來，降低人們?cè)诓僮鬟^程中發(fā)生認(rèn)知障礙。

（二）扁平化優(yōu)缺點(diǎn)

扁平化優(yōu)點(diǎn)：（1）扁平化設(shè)計(jì)風(fēng)格最大的優(yōu)點(diǎn)即扁平化設(shè)計(jì)的核心以最簡單直接的方式展示信息層級(jí)，是信息層級(jí)扁平化從而減少認(rèn)知障礙的發(fā)生；（2）隨著電腦及手機(jī)制造商的增加網(wǎng)頁及app設(shè)計(jì)需要適配更多的機(jī)型，在設(shè)計(jì)及制作過程中創(chuàng)建很多個(gè)屏幕尺寸與分辨率就需要花費(fèi)較長的時(shí)間。扁平化的設(shè)計(jì)風(fēng)格要求減少認(rèn)知障礙，去掉多余干擾，但是讓各各設(shè)計(jì)師選擇這種方式還有一個(gè)重要考慮就是它良好的適應(yīng)性。最初嘗試扁平化設(shè)計(jì)風(fēng)格的大公司就是微軟公司了，可以說它是扁平化設(shè)計(jì)風(fēng)格的拓荒者，能做出如此大的改變與嘗試，所擁有的決心真的是令人敬佩。可以說微軟公司這個(gè)風(fēng)格一出也是各有各的說法，有的喜歡有的批判，但是經(jīng)過時(shí)間的檢驗(yàn)，它成功地引領(lǐng)了新的風(fēng)尚，就連蘋果公司也在IOS7的設(shè)計(jì)中開始放棄之前的擬物化設(shè)計(jì)風(fēng)格轉(zhuǎn)向采用扁平化的設(shè)計(jì)風(fēng)格。

二、現(xiàn)在的設(shè)計(jì)趨勢

在蘋果公司在推出iOS這個(gè)系統(tǒng)的時(shí)候，許多的產(chǎn)品經(jīng)理，交互及設(shè)計(jì)師開始逐漸喜歡上這種擬物化的仿真風(fēng)格，并盡自己最大的努力還原這種“真實(shí)”。但是隨著多平臺(tái)，多尺寸，多分辨率的出現(xiàn)使得大家更偏向于扁平化設(shè)計(jì)風(fēng)。現(xiàn)在的設(shè)計(jì)師喜歡這種扁平化的設(shè)計(jì)風(fēng)格，但是在這個(gè)過程中還在不斷修煉及提升自己的水平，使得界面簡單而不卻情感，加入更多的一些簡單的小修飾，增加一些小陰影或者梯度。個(gè)人認(rèn)為這是一個(gè)流行趨勢，會(huì)持續(xù)的火熱下去。

參考文獻(xiàn)：

[1]祝帥.設(shè)計(jì)觀點(diǎn)—產(chǎn)品設(shè)計(jì)的“宜家化”趨勢與功能主義的危機(jī)[M].沈陽：遼寧科學(xué)技術(shù)出版社，2010，