扁平化設(shè)計在手機界面中的應(yīng)用

史文君 陳 思

（華北理工大學(xué)，河北 唐山 063000）

移動設(shè)備的快速堀起，智能手機的普及，手機APP的爆發(fā)式增長，越來越多的人在使用手機APP的同時，對界面的設(shè)計與功能也愈發(fā)挑剔。手機界面設(shè)計的首要原則是功能與需求相結(jié)合，一個APP應(yīng)用想要吸引并且留住用戶，美觀實用又簡潔的界面是至關(guān)重要的，扁平化設(shè)計的好處體現(xiàn)在此。

一、扁平化設(shè)計

扁平化設(shè)計是與擬物化設(shè)計相對應(yīng)的一種設(shè)計風(fēng)格，扁平化設(shè)計追尋“少即是多”的設(shè)計理念，摒棄了精雕細(xì)琢的擬物化裝飾，拋棄了高光、透視、陰影、漸變、3D效果等所有裝飾效果，通過抽象化的圖形和符號將有效信息表現(xiàn)出來。信息層級結(jié)構(gòu)淺而平，使用者不需要層層進(jìn)入和退出，操作起來更加方便快捷?！氨馄交边@個概念源于現(xiàn)代化企業(yè)管理中的扁平化管理體制。扁平化設(shè)計理念的起源可以追溯到德國的包豪斯學(xué)院，起源于國際主義平面設(shè)計風(fēng)格和極簡主義設(shè)計。扁平化設(shè)計這個概念最早是由谷歌在2008年所提出，扁平化設(shè)計實踐上的探索者是由微軟公司所開發(fā)的MetroUI。扁平化設(shè)計產(chǎn)生的原因可以歸結(jié)為擬物化設(shè)計的沒落、信息閱讀的碎片化和移動終端的多樣化。

二、扁平化設(shè)計在手機界面的設(shè)計特點

手機界面扁平化的設(shè)計特點有很多，但整體概括起來無非兩大類：信息架構(gòu)的扁平化和表現(xiàn)形式的扁平化。隨著智能手機的發(fā)展，只有視覺上的扁平化是不夠，信息架構(gòu)的扁平化也是同樣重要的。

第一種是信息架構(gòu)的扁平化，隨著智能手機設(shè)備的普及和發(fā)展，交互界面需要去更好地適應(yīng)其變化，信息構(gòu)架的扁平化恰好可以解決這一技術(shù)發(fā)展要求。扁平化的信息架構(gòu)在內(nèi)容上，將不需要和不重要的信息隱藏起來，將重要的信息和內(nèi)容留在一級層面上或者加入到快捷方式中。通過減少用戶實際操作量，利用最少的步驟實現(xiàn)用戶的目標(biāo)任務(wù)并縮小了其實到達(dá)目標(biāo)過程的時間，使對象用戶在實際操作過程中，縮短了信息訪問路徑，提高了實現(xiàn)任務(wù)的效率。

第二種是表現(xiàn)形式的扁平化，設(shè)計時注重簡化設(shè)計元素，加強色彩對比，將主要信息直觀地展現(xiàn)出來，減少用戶的認(rèn)知障礙。簡化設(shè)計元素可以體現(xiàn)在采用抽象化、符號化的圖形；大膽使用純色、形態(tài)簡單的色塊和對比鮮明的色彩搭配是扁平化設(shè)計色彩搭配的主要特點；文字的字號、顏色、字體同樣會直接影響到設(shè)計的視覺表現(xiàn)，在字體上的選擇需要考量字體的辨識度，清晰度，在此基礎(chǔ)之上，滿足用戶的審美需求。

三、扁平化設(shè)計在手機界面中的應(yīng)用方法

（一）減少層級結(jié)構(gòu)

減少層級結(jié)構(gòu)可以扁平化設(shè)計利用開放式的界面層級結(jié)構(gòu)，將所有圖形信息羅列的顯示在同一個界面中，簡化了信息的中間層級，縮短了信息訪問的路徑，用戶可以直觀的看到所有想要獲取的信息以及縮減了頁面跳轉(zhuǎn)的次數(shù)。在微軟windows8系統(tǒng)中，引入了扁平化的全新界面，用戶可以直觀地獲取信息。將應(yīng)用程序以方塊的形式平鋪地顯示在主界面中對多樣化的層級模塊進(jìn)行透明式管理，為用戶提供更加清晰的導(dǎo)航，多數(shù)情況下用戶不用進(jìn)行界面的切換，就可以在一個界面中了解和掌握其他子界面的信息變化，這種方法大量應(yīng)用在手機APP中。

（二）突出主要信息

系統(tǒng)界面最重要的作用就是傳達(dá)有效信息，然而過于華麗的界面容易造成用戶眼睛的視覺疲勞，增加使用者的外部認(rèn)知負(fù)荷，從而造成主題信息不夠突出，造成使用者的遺漏。突出主要信息，是扁平化設(shè)計最常用的方法，它是將用戶所關(guān)注的重要信息直接顯示在主界面或者圖標(biāo)上，用戶無需點擊進(jìn)入下一層級或進(jìn)入應(yīng)用程序就可以查看自己關(guān)注的信息。

（三）簡化交互步驟

簡化交互步驟，其實就是減化操作的步驟，扁平化設(shè)計把以往繁瑣的操作步驟進(jìn)行簡化，把操作步驟簡化到以前的 1/3以內(nèi)甚至更少，以此來提高用戶的使用效率。扁平化設(shè)計從用戶的認(rèn)知習(xí)慣出發(fā)，充分尊重和順應(yīng)用戶的使用習(xí)慣，簡化交互步驟。

四、結(jié)語

無論是扁平化設(shè)計，還是擬物化設(shè)計都是一種設(shè)計風(fēng)格，沒有優(yōu)劣之分。對于手機界面的設(shè)計來說，設(shè)計方案的選擇應(yīng)當(dāng)取決于應(yīng)用工具的實際功能和人們的使用習(xí)慣，針對應(yīng)用工具的功能和用戶的使用習(xí)慣找到最佳的解決方案，而不要受到某種設(shè)計風(fēng)格的干擾。