王歌　張永寧

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

關(guān)鍵詞：智能手機(jī)；UI設(shè)計(jì)；圖標(biāo)設(shè)計(jì)

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

1IOS 7系統(tǒng)

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

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

2Android 4.2

Android系統(tǒng)是一個以Linux為基礎(chǔ)的半開源操作系統(tǒng)，主要用于行動設(shè)備，由Google和開放手持設(shè)備聯(lián)盟開發(fā)與領(lǐng)導(dǎo)。平臺的開放性造就了Andriod無窮的發(fā)展?jié)摿?，具備觸摸屏、高級圖形顯示和上網(wǎng)功能，界面強(qiáng)大，可以說是一種融入全部Web應(yīng)用的單一平臺。系統(tǒng)推出時間不是太長但市場占有率瘋漲。

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

3Windows Phone 8系統(tǒng)

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

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

4其他系統(tǒng)

4.1小米MIUIV5

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

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

4.2錘子Smartisan OS

2013年3月27日晚間，羅永浩在北京發(fā)布了其籌劃了九個月的錘子ROM[10]。發(fā)布會上，羅永浩將錘子ROM的特點(diǎn)歸納為：美觀、細(xì)節(jié)設(shè)計(jì)、人性化的功能。

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

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

5結(jié)語

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

參考文獻(xiàn)：

[1] 周睿.淺談手機(jī)界面設(shè)計(jì)交互方式的發(fā)展趨勢[J].南京藝術(shù)學(xué)院學(xué)報，2007（02）：129133.

[2] 喻婷，殷俊.智能手機(jī)用戶界面的圖標(biāo)人性化交互設(shè)計(jì)研究[J].包裝工程，2011（12）.

[3] 唐超蘭.以用戶為中心的手機(jī)界面設(shè)計(jì)方法探討與實(shí)踐[J].應(yīng)用技術(shù)與研究，2010（07）：5759.

[4] 探究蘋果的全新iOS7系統(tǒng)設(shè)計(jì)理念[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真實(shí)體驗(yàn)[J].消費(fèi)電子，2013（03）：5256.

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

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

作者簡介：王歌（1988—），女，長春工業(yè)大學(xué)設(shè)計(jì)學(xué)院11級設(shè)計(jì)藝術(shù)學(xué)碩士研究生，研究方向：設(shè)計(jì)藝術(shù)學(xué)。

張永寧，男，長春工業(yè)大學(xué)副教授，碩士研究生導(dǎo)師。