淺析“扁平化設(shè)計”在交互設(shè)計中的應(yīng)用

（武漢理工大學(xué) 藝術(shù)與設(shè)計學(xué)院 430070）

一、引言

毫無疑問，扁平化設(shè)計是討論最多，最熱門的設(shè)計。在扁平時代之前，交互設(shè)計的作品通常都是比較寫實的并且立體的，信息爆炸時代，時間就是金錢，擬物化的繁瑣，視覺干擾太多，大家更希望直接關(guān)注到信息本身，由此，扁平化應(yīng)運而生。

二、扁平化設(shè)計概述

扁平化設(shè)計是近年來出現(xiàn)的一種新的界面設(shè)計樣式。它刪除了諸如陰影，漸變和透視圖之類的界面設(shè)計元素，并倡導(dǎo)簡單而扁平的呈現(xiàn)方式，以創(chuàng)建看起來更加“Flat”界面的外觀。以2018年微信的扁平化為例，其界面的設(shè)計中，摒棄了從前豐滿的視覺體驗和豐富的功能選擇，人們可以更加迅捷地進(jìn)行信息交換。這種簡潔性使信息與事物的交流更加簡單直接，減少了認(rèn)知障礙的發(fā)生，節(jié)約了時間。

三、扁平化的優(yōu)缺點

交互設(shè)計的主要是人機之間的交流，人一旦發(fā)出指令，計算機馬上給予反應(yīng)。扁平化設(shè)計是獨特的表現(xiàn)方式之一，扁平化設(shè)計的最大不同之處是更及時的反饋，簡單性是其優(yōu)勢之一，具有更好的適應(yīng)性。無論何時何地，無論用戶發(fā)出何種命令，機器都會立即給出相應(yīng)的信息。即使軟件無法立即運行，系統(tǒng)也會彈出相應(yīng)的對話框提醒設(shè)備當(dāng)前的工作狀態(tài)。這是及時反饋的主要表現(xiàn)。扁平化設(shè)計首先使用色彩對比和不同的大小來制作重要信息。除了幾個主要的操作按鈕以外，不重要的元素也被削弱，所有其他接口元素都是平坦的。例如在車載系統(tǒng)，穿戴設(shè)備等有大量不同場景的需求時，有更強的適用性。扁平化設(shè)計這一種設(shè)計使訪問者可以輕松地關(guān)注產(chǎn)品和信息，而無需受網(wǎng)站界面上的視覺元素干擾。

盡管扁平化設(shè)計有它強大的優(yōu)勢，然而必須承認(rèn)，這種設(shè)計理念依然有缺點存在。扁平化的交互作品需要一定的知識儲備和學(xué)習(xí)，并且它的表現(xiàn)形式缺乏個性，界面內(nèi)容比較空洞單調(diào)，有時會讓人覺得冷，沒有親和力。

四、扁平化設(shè)計的技巧

1.簡單的設(shè)計元素

扁平化設(shè)計就是設(shè)計風(fēng)格扁平，它通過簡化界面，使得軟件的圖標(biāo)簡單、直觀、樸素化，讓人們看到這些界面后馬上就能快速獲取主要信息，節(jié)約時間和精力。因為簡約所以形狀就很重要了，扁平化設(shè)計著眼于布局的組織和顏色上的差異，布局力求精簡，和諧。在一些優(yōu)秀設(shè)計中使用的“從動功能”和“精益求精”仍然是設(shè)計人的追求。簡而言之，在與用戶的交互設(shè)計中，設(shè)計師必須專注于產(chǎn)品的性質(zhì)，用途，真正為用戶提供便利。

2.關(guān)注字體和色彩

字體是界面設(shè)計中非常重要的部分，應(yīng)當(dāng)是視覺的一個焦點，它需要補充其他元素，因為界面更加簡潔，可以使用字體來完成所需的樣式。因為背景很簡單，所以字體會脫穎而出并設(shè)置樣式本身。如無襯線字體。

與此同時，頁面色彩變得尤為重要，使用規(guī)范的色彩通常可以起到?jīng)Q定性的作用。選擇調(diào)色板后，請確保為主要的交互分配顏色：“提交”，“發(fā)送”，“更多”之類的按鈕應(yīng)全部使用相同的顏色。理想情況下，鮮艷的色彩與背景形成鮮明對比。如果您的微標(biāo)簽或商標(biāo)使用主要顏色，則應(yīng)主要控制使用哪種顏色追求光亮整潔。

3.關(guān)注排版和創(chuàng)新

由于可以運用的元素較于簡單，排版是非常重要的。設(shè)計人員應(yīng)嘗試簡化其設(shè)計并避免設(shè)計中不必要的元素。簡單的顏色和字體就足夠了。如果要添加一些內(nèi)容，請嘗試選擇一種簡單的模式，比如圖標(biāo)，務(wù)必簡單，提高頁面的整潔度。盡管扁平化設(shè)計風(fēng)格刪除了許多視覺元素，但這并不意味著它使界面沒有吸引力。目前，許多界面布局是根據(jù)某些特征進(jìn)行綜合處理的，并通過特定的方式排列和組合，便呈現(xiàn)出了獨特的視覺美感。其次，最好的設(shè)計是創(chuàng)新。我個人更喜歡的一種方法：打破以前的框架。例如，要設(shè)計一座房子，那么他首先必須消除“房子”的概念，不要被這種“房子”的思維所束縛，只想最好地使用和設(shè)計這種用具。例如，時間不僅要考慮時鐘，還要考慮其他更好的演示方式。

五、扁平化設(shè)計與UI設(shè)計的運用和趨勢

1.關(guān)于UI設(shè)計

UI即界面設(shè)計，是一種整體設(shè)計，需要將多方面相互整合，但是體驗感確實更加的好。出色的UI設(shè)計使該軟件具有個性，簡單，舒適和免費的特點。UI設(shè)計不僅包括用戶和界面，還包括用戶和界面之間的交互。更好的UI設(shè)計給人帶來提供舒適的視覺體驗，讓人與機器的融合感會更強。

2.扁平化設(shè)計在UI設(shè)計中的運用

排列組合以創(chuàng)造獨特的藝術(shù)視覺美感。扁平化的界面首先是界面布局的簡單性。隨著技術(shù)的飛速發(fā)展，人們使用的機器的界面布局逐漸變得簡單。目前，許多接口布局是根據(jù)某些特征進(jìn)行綜合處理的。使用圖形界面時，最重要的功能是簡單，軟件圖標(biāo)扁平，無裝飾且直觀，讓人們一旦看到這些界面，便會立即感受到界面本身的直接魅力。簡單的操作界面使人們可以快速訪問相關(guān)信息，并為高效工作奠定了良好的基礎(chǔ)。其次是接口級別的削弱。以計算機為例。在大腦設(shè)計之初，計算機系統(tǒng)是DOS系統(tǒng)。該系統(tǒng)的最大特點是認(rèn)真的編程。打開計算機時，無論是否要使用任何軟件，都需要丟失繁瑣的命令才能實現(xiàn)此目標(biāo)。扁平化設(shè)計使這一缺點不復(fù)存在。例如Windows，只需從桌面找到相應(yīng)的軟件，然后雙擊它即可進(jìn)入。高效的效率是以前的DOS系統(tǒng)無法比擬的。

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

扁平化的設(shè)計它無疑是最具爭議的設(shè)計形式，物化設(shè)計為標(biāo)志的蘋果公司最先發(fā)布了他們的扁平化設(shè)計作品——ios7系統(tǒng)。慢慢的華為等也陸續(xù)走上扁平化設(shè)計的道路，當(dāng)時的艱難一步步走過來，逐漸被大家認(rèn)可。作為設(shè)計師，我們不應(yīng)受到扁平化設(shè)計的束縛。要明白，扁平化不是完全肯定的，也不是完全否定的。圖形設(shè)計倡導(dǎo)一種極簡主義的設(shè)計理念，該理念消除了繁復(fù)并使其變得簡單。請記住，這僅僅是為了使事情變得簡單和容易，而不是使一切看起來很無聊?，F(xiàn)如今，幾乎處處都有扁平化設(shè)計的身影，同樣的，扁平化的交互設(shè)計將不可避免地在網(wǎng)頁設(shè)計，電子移動終端設(shè)計和許多其他領(lǐng)域中得到應(yīng)用和發(fā)展，未來會越來越優(yōu)秀。

六、結(jié)語

“扁平化”設(shè)計可以在短時間內(nèi)迅速出現(xiàn)，從質(zhì)量的角度來看，這不僅是視覺風(fēng)格的改變，而且是設(shè)計語言和思維的改變和公式的演變。在如今這個全新的時代，技術(shù)等等都一直在迅猛地發(fā)展和變化，我們可以大膽地猜測，扁平化概念不會被拋棄，將一直一直繼續(xù)傳承下去，而后終會發(fā)展成為全新的風(fēng)格。而今之際，想要做出好的設(shè)計，無論是否“扁平化”，都不能忘記要應(yīng)著重于功能內(nèi)容和應(yīng)用本身，通過簡潔的視覺交互，有效的設(shè)計和易于使用的體驗為用戶解決問題。