淺談手機(jī)用戶界面扁平化

王庭杰

摘要：IOS7是從IOS誕生以來(lái)最重要的一次變動(dòng)，但是如何看待這樣的變革才是最重要的。回歸了蘋(píng)果的極簡(jiǎn)風(fēng)格，新的設(shè)計(jì)基于“內(nèi)斂”的標(biāo)準(zhǔn)，讓界面更加凸顯內(nèi)容。從擬物到扁平化的設(shè)計(jì)過(guò)程，也是人機(jī)交互發(fā)展過(guò)程。

科技發(fā)展的趨勢(shì)是現(xiàn)實(shí)世界與虛擬世界的相互融合，現(xiàn)在我們需要打開(kāi)電腦，拿出手機(jī)才能進(jìn)入數(shù)字世界，而未來(lái)兩個(gè)世界的分界是越來(lái)越模糊。隨著物聯(lián)網(wǎng)技術(shù)的發(fā)展，在未來(lái)，衣服，桌子，家具等現(xiàn)實(shí)世界的物體都可以作為虛擬世界的接入口，使兩者融合在一起。

IOS7是從IOS誕生以來(lái)最重要的一次變動(dòng)，變革時(shí)期的爭(zhēng)論是不可避免的，有人會(huì)因?yàn)樗淖兓械讲贿m應(yīng)。有人會(huì)因?yàn)樗淖兓械脚d奮。這都是變革事情兩種不同的觀點(diǎn)，但是如何看待這樣的變革才是最重要的。回歸了蘋(píng)果的極簡(jiǎn)風(fēng)格，在此基礎(chǔ)上采取扁平化設(shè)計(jì)和鮮明的配色，以及多圖層的呈現(xiàn)形式。新的設(shè)計(jì)基于“內(nèi)斂”的標(biāo)準(zhǔn)，讓界面更加凸顯內(nèi)容。

所謂擬物化風(fēng)格，是在虛擬的數(shù)字圖標(biāo)上，添加真實(shí)物體的元素，讓冰冷的科技與現(xiàn)實(shí)生活完美聯(lián)系，讓完全不懂IOS的用戶也能夠憑借直覺(jué)輕松上手。按照蘋(píng)果的說(shuō)法，應(yīng)用程序的外觀看起來(lái)與現(xiàn)實(shí)生活中的對(duì)應(yīng)物越來(lái)越接近，使用起來(lái)就越簡(jiǎn)單，同時(shí)也能夠改善應(yīng)用程序的用戶體驗(yàn)，用擬物的方式來(lái)描繪現(xiàn)實(shí)世界中的東西，學(xué)習(xí)成本低，易于記憶，蘋(píng)果公司對(duì)于用戶界面來(lái)說(shuō)，則是需要任何人處于任何年齡都能夠在使用蘋(píng)果產(chǎn)品的時(shí)候能夠快速的掌握，模擬實(shí)物的視覺(jué)設(shè)計(jì)和交互體驗(yàn)讓用戶完全不同去抽象的理解，就可以直觀的使用。用戶對(duì)于圖形的認(rèn)知以及對(duì)圖形所體現(xiàn)的功能需要一個(gè)的學(xué)習(xí)過(guò)程，而這個(gè)聯(lián)系的過(guò)程也就是概念抽象化的過(guò)程，這在一定程度上也反應(yīng)了思維的發(fā)展。

從擬物到扁平化的設(shè)計(jì)過(guò)程，像是人機(jī)交互發(fā)展過(guò)程，在人機(jī)交互發(fā)展的初期，設(shè)計(jì)者會(huì)用相似的圖形來(lái)表現(xiàn)計(jì)算機(jī)的一些功能，就如電腦中的回收站會(huì)用廢紙簍的形象一樣，讓使用者能夠理解此應(yīng)用有什么功能。從認(rèn)知形狀的角度分析，人對(duì)于形狀的認(rèn)知是一個(gè)由簡(jiǎn)單到復(fù)雜的過(guò)程，相比較于復(fù)雜的圖形，簡(jiǎn)單的形狀更易于理解和使用，這是與人生理的客觀條件相關(guān)的，大腦在處理簡(jiǎn)單圖形的過(guò)程中需要處理的信息量很少，隨著年齡的增長(zhǎng)，生理機(jī)能的成熟，大腦所能夠承擔(dān)、處理的信息量與日俱增，表現(xiàn)為對(duì)所認(rèn)識(shí)的圖形越來(lái)越復(fù)雜，越來(lái)越具體，在處理復(fù)雜圖形或圖像的時(shí)候，大腦需要處理更多的數(shù)據(jù)與信息。而當(dāng)互聯(lián)網(wǎng)快速發(fā)展的進(jìn)程中，用戶已經(jīng)不再需要用簡(jiǎn)單象形的符號(hào)確認(rèn)使用的功能和在未知環(huán)境中的不確定性。在所有的用戶界面中都采用擬物化的圖標(biāo)，用戶早已經(jīng)是不再需要這樣的視覺(jué)效果，過(guò)多的擬物化只能使用戶對(duì)于界面的一種反感和對(duì)于這種界面的一種改變的心態(tài)，而扁平化設(shè)計(jì)，是在這樣的環(huán)境中應(yīng)然而生。

一、IOS7界面與IOS6相比所體現(xiàn)的優(yōu)點(diǎn)

（一）鎖屏界面，滑屏解鎖變成了全屏操作，相比于IOS6的滑屏解鎖區(qū)域，此項(xiàng)改變更加容易接受，從交互設(shè)計(jì)的角度來(lái)看，也是更加的方便了用戶的使用，減少了新版本學(xué)習(xí)的難度。

（二）對(duì)界面元素進(jìn)行重新設(shè)計(jì)，原有圖標(biāo)中運(yùn)用到的玻璃和漸變效果被拋棄、取而代之的是色彩鮮明，更加扁平化的圖標(biāo)，新的圖標(biāo)摒棄了原有擬物化的風(fēng)格，而是應(yīng)用了更加簡(jiǎn)潔的符號(hào)，更加的明晰。

（三）搜索界面，不管在任何界面都可以能夠隨時(shí)調(diào)出搜索界面，而不再是IOS6那樣需要退出當(dāng)前界面后才可以使用，這樣的改變更加的方便了用戶的使用。

（四）淡化了擬物設(shè)計(jì)的視覺(jué)沖擊，加強(qiáng)功能上的交互，IOS6中圖標(biāo)以及界面是單個(gè)點(diǎn)的形式的視覺(jué)沖擊，每個(gè)圖標(biāo)對(duì)用戶都是能形成吸引，而在IOS7中，扁平化所形成的整體則是整體面對(duì)用戶的視覺(jué)感受。

隨著互聯(lián)網(wǎng)產(chǎn)品應(yīng)用的深入，我們已經(jīng)不再需要看見(jiàn)一個(gè)書(shū)架的樣子才知道那是閱讀的應(yīng)用，擬物化應(yīng)用在形象的優(yōu)勢(shì)背后，同時(shí)也為用戶帶來(lái)了不必要的噪音，在智能手機(jī)發(fā)展到現(xiàn)在，人們獲取信息的途徑的寬廣化，我們可以通過(guò)一個(gè)符號(hào)性的圖標(biāo)就能夠理解軟件應(yīng)用的功能。

二、扁平化風(fēng)格流行的必然性

扁平化設(shè)計(jì)之所以能夠成為趨勢(shì)，一定程度上是與思維的發(fā)展和“最小化”的原則是相關(guān)的。建立聯(lián)系的學(xué)習(xí)過(guò)程讓誤讀圖形的可能性減小，使得相對(duì)抽象的圖形也具有了具象的特征，并且相對(duì)于復(fù)雜圖形或圖像，大腦對(duì)這種經(jīng)過(guò)建立聯(lián)系簡(jiǎn)單圖形需要處理的信息量更少，也更為迅速，因此，扁平化這一趨勢(shì)也成為在思維發(fā)展到一定程度、一定階段之后的選擇。

首先，IOS界面擬物化的目的是降低用戶的學(xué)習(xí)成本，使目標(biāo)群體無(wú)論年齡大小，是否有操作經(jīng)驗(yàn)都可以在拿到設(shè)備后，能夠快速的掌握它的使用方法。但在數(shù)碼普及以及互聯(lián)網(wǎng)技術(shù)發(fā)展的今天，對(duì)于很多的年輕用戶來(lái)說(shuō)，擬物化設(shè)計(jì)所體現(xiàn)的便捷優(yōu)勢(shì)已經(jīng)不再明顯，大家早已適應(yīng)了各類界面的操作方法，當(dāng)界面中常用的圖形抽象化、符號(hào)化之后，用戶并不會(huì)因此產(chǎn)生陌生感而增加識(shí)別的難度，反而會(huì)因?yàn)槿コ烁黝悘?fù)雜視覺(jué)效果，過(guò)多的裝飾元素而一目了然的得到想要的信息，加強(qiáng)了功能上的交互性。

其次，扁平化界面有助于提高用戶體驗(yàn)。一，視覺(jué)效果方面，扁平化設(shè)計(jì)傾向于矢量風(fēng)格的圖形，在一定程度上減弱對(duì)像素精度的要求，從而創(chuàng)建出簡(jiǎn)潔的用戶界面，增強(qiáng)用戶體驗(yàn)。二，是信息層級(jí)方面，每點(diǎn)擊一次進(jìn)入下一層級(jí)，層級(jí)越多，操作體驗(yàn)性越差，當(dāng)圖標(biāo)不僅是應(yīng)用程序的入口，同時(shí)又是信息的載體能夠直接展示關(guān)鍵信息時(shí)，就大大提高了使用效率。正如WIn8系統(tǒng)的磁貼，不用進(jìn)行任何點(diǎn)擊操作便可以看到很多常用應(yīng)用的最新信息狀態(tài)。

【參考文獻(xiàn)】

[1]侯景艷.從符號(hào)學(xué)角度解讀扁平化設(shè)計(jì)趨勢(shì)[J].科技創(chuàng)新與應(yīng)用.2014（03）

[2]高凱.扁平設(shè)計(jì)初探[J].現(xiàn)代裝飾理論.2013（11）

[3]韓曉墨.繼承與發(fā)展并重—論扁平化設(shè)計(jì)的席卷[J].現(xiàn)代裝飾理論.2013（07）

【作者單位：南京藝術(shù)學(xué)院設(shè)計(jì)學(xué)院】