淺析智能手機UI界面設計趨勢

王歌　張永寧

摘要：隨著智能手機不斷更新及其應用軟件多樣化發展，智能手機UI（User Interface）界面設計也趨于多樣化，而良好的用戶體驗是界面設計的關鍵所在。本文通過對IOS、Android、Windows Phone及其他系統（小米 MIUIV5、錘子 Smartisan OS）智能手機UI界面及圖標設計的分析可知，在充分考慮用戶體驗的前提下，智能手機UI界面設計在易用性的基礎上會朝著更高效更簡潔更智能的方向發展。

關鍵詞：智能手機；UI設計；圖標設計

隨著科學技術及手機的不斷發展，目前人們對手機這一通訊工具的需求，不再簡單的停留于通訊的方便上，更對其影音播放、瀏覽網頁、游戲娛樂、發送郵件、電子導航、商務辦公等功能提出了需求[1]。在智能手機應用軟件逐步占主導地位的發展背景下，觸屏式界面取代了繁瑣的物理按鍵成為手機最主要的操作平臺，而圖標已成為觸屏手機交互界面最重要的組成部分[2]。功能的復合化及圖形界面的傳播效果，使得手機界面及其交互方式也越來越多樣化，而在其多樣化的發展方向上必須秉持以用戶為中心的設計理念[3]。智能手機UI界面及圖標設計的好壞直接影響到用戶使用軟件的心理體驗以及交互功能實現的有效程度。本文主要分析了IOS 7、Andriod 4.2、Windows Phone 8以及其他主流系統手機用戶界面及圖標設計。在充分考慮用戶體驗的提前下，探討了手機界面圖標設計的未來發展趨勢。

1IOS 7系統

根據移動設備越來越多地采用“扁平化”的設計風格，蘋果公司設計主管喬尼·艾維主導設計的IOS 7系統為迎合消費者口味，其應用程序界面及圖標采用更為簡潔、扁平、明亮和更加充滿活力的設計風格[4]。扁平設計是一種簡潔的設計，將各種紋理和實體感覺去除，讓界面看起來更精簡，而且能經得起時間的考驗。IOS一直都以簡單易用的革命操作系統作為宣傳，因此，IOS 7不僅整體風格讓人吃驚，而且比之前的版本更簡單易用。

IOS 7新的圖標拋棄很多原有的設計理念，不同于以往的風格[5]。全新設計的工具欄、標簽欄和其他基本界面功能，撥號、天氣、日歷、短信等幾乎所有應用的UI界面都進行了重新設計，整體透露出簡潔、動感、時尚之感。界面本身的輪廓也做了改進：一個彩虹般的調色板以及為新圖標所設計的黑白背景。導航欄更加輕快，采用更圓的圓角邊緣。部分采用照片的選項圖標調整為抽象圖形，而且通過不同顏色區分功能區。功能開關減少了現有版本的過度玻璃質感，就連向右的箭頭都采用圓角以符合新采用的字體的風格。屏幕本身也呈現密集的多層化圖像效果，從分解的三位投影角度去理解，可以看到一個非常清晰的背景作為底層，應用程序是中間層，而頂層是模糊的面板，作為控制中心的背景，背景色也去掉了隱約可見的線條。此外，IOS 7系統設備具有偏光濾鏡，這樣可以減少設備的可視角度，提升系統隱私性。IOS 7盡管只是小修小補，卻讓整體感覺一下子清新了很多，功能更趨于完善，且主題帶有青春氣息。

2Android 4.2

Android系統是一個以Linux為基礎的半開源操作系統，主要用于行動設備，由Google和開放手持設備聯盟開發與領導。平臺的開放性造就了Andriod無窮的發展潛力，具備觸摸屏、高級圖形顯示和上網功能，界面強大，可以說是一種融入全部Web應用的單一平臺。系統推出時間不是太長但市場占有率瘋漲。

Android 4.2是Google新一代移動操作系統，它沿用了4.1版“果凍豆”（Jelly Bean）這一名稱，最新操作系統與Android 4.1相似性很高，但仍在細節之后做了一些改進與升級，增加了易用性，主要包括：鍵盤手勢輸入；Photo Sphere全景拍照；Miracast無線顯示共享；手勢放大縮小屏幕及為盲人用戶設計的語音輸出和手勢模式導航功能等[6]。Google Nexus系列第四代手機LG Nexus 4采用Android 4.2操作系統，其亮點是支持行業標準的WiFi顯示共享工具Miracast，允許Nexus 4向電視流傳輸音頻和視頻，具有更快捷、高效、易用的用戶體驗，更加智能化。

3Windows Phone 8系統

Windows Phone 8是微軟公司2012年6月21日最新發布的一款手機操作系統[7]，是Windows Phone系統的最新版本，也是Windows Phone的第三個大型版本，該系統旗艦手機諾基亞 Lumia 920。Windows Phone 8采用和Windows 8相同的針對移動平臺精簡優化NT內核并內置諾基亞地圖，其與以前的版本相比有許多提升和變化，其中最重要的是實現了桌面系統與移動終端系統的協同發展，方便桌面應用遷移至移動平臺，也可實現單一用戶界面，提高用戶的使用體驗，增加了手機的易用性[7]。

Windows Phone 8在軟硬件性能方面也有了全面提升，硬件主要包括支持雙核及更多內核的處理器、支持SD卡擴展存儲及多種分辨率等方面的提升，軟件方面的完善包括支持能力更強的IE10瀏覽器、預裝了諾基亞地圖和導航，以及支持NFC等應用[7]。此外，還改進了Metro用戶界面，使新的開始界面可讓用戶放置更多應用圖標，從而使得UI界面具有更清爽的排版和較少的重點，更便于用戶使用[8]。Metro UI是一種界面展示技術，和蘋果的IOS、谷歌的Android界面最大的區別在于后兩種都是以應用為主要呈現對象，而Metro界面強調的是信息本身，而不是冗余的界面設計元素。

4其他系統

4.1小米MIUIV5

小米的MIUI自推出以來就深受用戶的歡迎，除了適配機型豐富以外，MIUI也在不斷的更新以增強MIUI的功能以及用戶體驗，從第一次改版到MIUIV5，MIUI對于Android的改造也進行的越來越深入，風格也更加清新[9]。從解鎖界面和主界面中，可以看到MIUI V5相比V4界面上的元素簡單了不少，看起來比MIUI V4更加美觀。而主界面上最明顯的變化便是圖標，此次圖標的設計有了很大的進步，圓角更為自然，顏色也更為鮮艷，圖標設計簡潔了不少，在陰影和漸變的效果下顯得更加漂亮。

而在新的文件夾方面，MIUI V5也突出了簡潔的設計，打開文件夾并沒有類似窗口的邊框，而是全屏顯示文件夾中的內容，背景變黑且有虛化效果，有些類似Windows AERO的毛玻璃效果，看起來非常大氣，有同樣設計效果的還包括了后臺程序管理。新的彈窗設計風格與MIUI新文件夾風格一致，彈出的不再是窗口，這樣的效果相比之前更為簡潔。此外，MIUI V5具有更多的特征界面，在MIUI V5中比較受用戶歡迎的圖形解鎖也加入了主題功能，并且有輸入正確與錯誤之分。MIUI V5整體的設計水平相比V4有了長足的進步，簡約而精致的設計風格是其趨勢所在。

4.2錘子Smartisan OS

2013年3月27日晚間，羅永浩在北京發布了其籌劃了九個月的錘子ROM[10]。發布會上，羅永浩將錘子ROM的特點歸納為：美觀、細節設計、人性化的功能。

Smartisan OS的主界面是一個“九宮格”，上面排列著擬物化風格的圖標，給人感覺像收納盒，整齊而簡潔。解鎖的時候，九宮格會以不同的速度從下方浮上來。長按圖標是移動，而當用雙指捏屏幕會進入36宮格的畫面，它將手機屏幕劃分為四個界面，用戶可以將某個頁面上的應用移動到另外一個頁面上的任意位置。點擊下方的齒輪，每個界面的上方將出現“眼鏡”和“鎖”，前者可以隱藏應用，后者可以徹底鎖住不讓人看的應用。換言之，再次進入Launcher的設置界面，點擊眼鏡可以重新顯示隱藏起來的應用，而鎖住的界面則必須輸入密碼才能查看。

從“錘子系統”中可以感受到其與科技“極簡”理念產生的共鳴。首先，新的錘子系統將各種圖標釋放回原本模樣，海豚瀏覽器圖標讓海豚跳躍于洋面之上，韋氏字典圖標讓字典立體地放置于桌面。其圖標設計保留了圖標形狀（不向圓角矩形妥協）并將其做大，與此同時減少每一屏內顯示的圖標數量。在Smartisan OS中每一屏都由九宮格加Dock內的三個圖標組成，為了更加整齊美觀，錘子團隊還在App間用看得見的實線打了格子。除此之外與圖標配套的文字在默認狀態下也被取消，從而減少了文字的多余，顯得更加簡潔。

5結語

通過對上述IOS 7、Andriod 4.2、Windows Phone 8以及其他系統（小米 MIUIV5、錘子 Smartisan OS）智能手機UI界面設計分析可知，在科學技術迅速發展的今天，雖然人們對時尚、審美、趣味的不斷追求促進了手機UI設計的推陳出新，但在以用戶體驗為中心的設計思潮中，為了更好的滿足智能手機用戶需求，在實用性原則的基礎上，高效、智能、簡潔、易用已成為智能手機UI界面設計之趨，未來智能手機UI界面的設計在易用性的基礎上會朝著更簡潔更智能的方向發展。

參考文獻：

[1] 周睿.淺談手機界面設計交互方式的發展趨勢[J].南京藝術學院學報，2007（02）：129133.

[2] 喻婷，殷俊.智能手機用戶界面的圖標人性化交互設計研究[J].包裝工程，2011（12）.

[3] 唐超蘭.以用戶為中心的手機界面設計方法探討與實踐[J].應用技術與研究，2010（07）：5759.

[4] 探究蘋果的全新iOS7系統設計理念[J].中國傳媒科技，2013（06）：1.

[5] 蔣彬.iOS 7最新特性對決Android[J].微電腦世界，2013（07）：2830.

[6] 谷歌即將開始全面推送Android 4.2.1 更新[J].電腦與電信，2012（11）：15.

[7] 劉默.微軟借Window s Phone 8改變移動終端市場格局[J].世界電信，2012（08）：2731.

[8] 梁景裕.WP8王者歸來 諾基亞Lumia920 /820真實體驗[J].消費電子，2013（03）：5256.

[9] 丁明明.MIUI V5升不升級[J].電腦愛好者，2013（04）：9697.

[10] 梁偉.羅永浩 一切從“錘子”開始[J].中華兒女，2013（08）：5456.

作者簡介：王歌（1988—），女，長春工業大學設計學院11級設計藝術學碩士研究生，研究方向：設計藝術學。

張永寧，男，長春工業大學副教授，碩士研究生導師。