從用戶角度分析手機(jī)界面設(shè)計(jì)新趨勢(shì)

摘要：本文從用戶角度入手，結(jié)合行業(yè)最新動(dòng)向，綜合分析手機(jī)界面設(shè)計(jì)發(fā)展的新趨勢(shì)，特別是具有劃時(shí)代意義的變化，對(duì)廣大設(shè)計(jì)師和研究人員有一定的指導(dǎo)和啟迪作用。

關(guān)鍵詞：手機(jī)界面設(shè)計(jì);用戶;黑夜模式;品牌

中圖分類號(hào)：TP311.5 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1004-9436（2020）22-00-02

2020年是一個(gè)特殊的年份，席卷全球的疫情，讓人們的社會(huì)、經(jīng)濟(jì)生活都發(fā)生了巨大的改變。手機(jī)界面設(shè)計(jì)這一項(xiàng)目也受到了巨大的影響，且未來(lái)的發(fā)展趨勢(shì)呈現(xiàn)出新的變化。

本文結(jié)合行業(yè)動(dòng)向和最新資訊，從用戶心理角度分析和探討手機(jī)界面設(shè)計(jì)的發(fā)展趨勢(shì)。

1 影響原動(dòng)力

手機(jī)界面[1]的發(fā)展已有多年歷史，它有著自己的發(fā)展規(guī)律，始終受技術(shù)革新和用戶心理[2]兩大主流因素的影響。

但是在2020年，手機(jī)界面的發(fā)展產(chǎn)生了重大的變革，促成這種變化的原動(dòng)力就是用戶，而非技術(shù)，這是有深刻的時(shí)代背景原因的。

由于全球化疫情[3]的影響，大多數(shù)發(fā)達(dá)國(guó)家和發(fā)展中國(guó)家經(jīng)濟(jì)停滯甚至負(fù)增長(zhǎng)，導(dǎo)致購(gòu)買力下降，人們對(duì)物美價(jià)廉的產(chǎn)品的需求增長(zhǎng)。同時(shí)，因控制疫情的需要，人們被迫選擇在家辦公和學(xué)習(xí)，互聯(lián)網(wǎng)應(yīng)用迅速發(fā)展，特別是移動(dòng)互聯(lián)網(wǎng)軟硬件設(shè)施的發(fā)展。具體表現(xiàn)為移動(dòng)通信用戶數(shù)量激增，以及使用時(shí)間的延長(zhǎng)和使用頻率的提升，這些都是手機(jī)界面發(fā)生變化的原動(dòng)力。

2 劃時(shí)代意義的趨勢(shì)變化

由于用戶需求的刺激，手機(jī)界面產(chǎn)生了一些具有劃時(shí)代意義的變化，需要重點(diǎn)分析。

2.1 黑夜模式[4]開啟新的時(shí)代

首先，世界兩大主流手機(jī)操作系統(tǒng)，安卓和IOS，都在2020年推出了黑夜模式，揭開了新的黑夜時(shí)代。

其次，許多流行的平臺(tái)化App也先后發(fā)布新版本，支持黑夜模式。例如國(guó)內(nèi)的社交巨頭微信，還曾因是否支持黑夜模式鬧出過風(fēng)波，但最終完美解決。而百度和一些閱讀軟件，則早就有夜間或深色模式的設(shè)置。

隨著兩大操作系統(tǒng)的升級(jí)和規(guī)則的改動(dòng)，以及眾多主流軟件的示范，未來(lái)將有越來(lái)越多的App支持黑夜模式界面，使之成為一個(gè)必備的標(biāo)準(zhǔn)。

從用戶角度分析，出現(xiàn)這一趨勢(shì)的根本原因是移動(dòng)互聯(lián)網(wǎng)成為人們生活和娛樂的主流媒介之一，人們?cè)谝归g使用手機(jī)上網(wǎng)的時(shí)間更長(zhǎng)、頻率更高。特別是睡前時(shí)段的高頻應(yīng)用，讓手機(jī)成為“催眠工具”。從健康角度出發(fā)，有兩種選擇，第一是號(hào)召人們戒掉夜間看手機(jī)的壞習(xí)慣，這是最負(fù)責(zé)的做法，但沒有人可以從中獲利，只有醫(yī)生或公益組織去實(shí)施;第二種做法就是不改變?nèi)藗円归g看手機(jī)的習(xí)慣，通過一定的手段將其對(duì)健康的影響降至最低。所以，各軟件開發(fā)商以“人性的關(guān)懷”為由，推出夜間模式是理所當(dāng)然的，背后真正的原因是希望進(jìn)一步提升自己產(chǎn)品的市場(chǎng)占有率，并獲取更大的利益。

黑夜模式給手機(jī)界面帶來(lái)了根本性的影響，不僅僅是更改底色的問題，在設(shè)計(jì)之初，對(duì)所有元素其相互關(guān)系都要進(jìn)行針對(duì)性的考慮和優(yōu)化。從工作量和軟件資源限制的角度出發(fā)，每一個(gè)界面都準(zhǔn)備兩套圖文排版是不現(xiàn)實(shí)的，所以界面的所有元素要能夠同時(shí)匹配明亮的日間模式和幽暗的夜間模式。元素的選擇、版面的安排、視覺流向的調(diào)整等方面都要進(jìn)行改革[5]。

舉個(gè)例子，大面積高明度色彩柔和的圖片，在淺色背景上顯得協(xié)調(diào)自然。但當(dāng)模式切換到夜間，原本柔和的圖片呈現(xiàn)在黑色或深色背景之上時(shí)，則不再協(xié)調(diào)，反而顯得夸張和刺眼。反之亦然，所以能夠適應(yīng)日夜雙模式要求的圖片將成為主流，這對(duì)界面設(shè)計(jì)師和素材提供者都是一大挑戰(zhàn)。

2.2 品牌滲透

安卓在新一代的系統(tǒng)設(shè)計(jì)語(yǔ)言里增加了圖形特征模塊，形象化地解釋就是在各類產(chǎn)品設(shè)計(jì)中，強(qiáng)化自身品牌的圖形特征，以期加強(qiáng)各產(chǎn)品之間的家族化聯(lián)系，并強(qiáng)化對(duì)用戶的影響力[6]。IOS系統(tǒng)雖然沒有明確的規(guī)則支持，但這基本上是蘋果一貫的作風(fēng)。

從用戶角度理解這一變化，可以看出，移動(dòng)互聯(lián)網(wǎng)所涉及的行業(yè)在近年來(lái)獲得了更快的發(fā)展，他們希望擴(kuò)大自己品牌在用戶中的影響力。同時(shí)用戶也對(duì)某些品牌產(chǎn)生依賴感和信任感，能夠較快接受該品牌推出的系列產(chǎn)品。

最佳的例證是國(guó)內(nèi)互聯(lián)網(wǎng)巨頭的發(fā)展，已經(jīng)形成諸如阿里系、騰訊系、頭條系或百度系等多個(gè)產(chǎn)品集團(tuán)化競(jìng)爭(zhēng)的趨勢(shì)。品牌化發(fā)展的重要性不言而喻。

這種品牌滲透的趨勢(shì)，對(duì)界面設(shè)計(jì)而言是一柄雙刃劍。一方面，它讓界面設(shè)計(jì)師的工作成果更加明確化，也讓設(shè)計(jì)工作的過程更加簡(jiǎn)化，時(shí)刻圍繞著品牌特征進(jìn)行設(shè)計(jì)即可。另一方面，它也讓界面設(shè)計(jì)師的創(chuàng)新工作更加艱難，如何在品牌影響的范圍內(nèi)推陳出新，將越來(lái)越具挑戰(zhàn)性。

同時(shí)，在強(qiáng)勢(shì)品牌的影響下，新產(chǎn)品和新項(xiàng)目崛起將更加困難，不但面臨市場(chǎng)原有壟斷品牌的競(jìng)爭(zhēng)壓力，更面臨著用戶的習(xí)慣性忽視，因?yàn)橛邢薜年P(guān)注點(diǎn)都聚集在原有強(qiáng)勢(shì)品牌的產(chǎn)品上。

這一點(diǎn)對(duì)于正在高速發(fā)展的中國(guó)企業(yè)尤為重要，重視品牌發(fā)展，并善于利用各種手段強(qiáng)化，可以讓一個(gè)企業(yè)快速崛起。例如，今日頭條旗下各大App，創(chuàng)造了一個(gè)又一個(gè)經(jīng)濟(jì)神話，并形成巨大的家族化勢(shì)能，形成發(fā)展的良性循環(huán)，也刺激著越來(lái)越多的創(chuàng)新企業(yè)投入創(chuàng)業(yè)的洪流。

3 革新式變化的趨勢(shì)

有些趨勢(shì)并不具有劃時(shí)代的意義，而是在原有的風(fēng)格基礎(chǔ)上被進(jìn)一步強(qiáng)調(diào)，但它們對(duì)未來(lái)界面設(shè)計(jì)的影響也非常重要，值得關(guān)注。

3.1 類蘋果風(fēng)格

客觀而言，蘋果[7]一直走在界面設(shè)計(jì)的最前端，引領(lǐng)著潮流的走向。

簡(jiǎn)而言之，蘋果的大圓角卡片設(shè)計(jì)，以及大標(biāo)題、粗字體等影響了眾多界面設(shè)計(jì)師，這一趨勢(shì)在未來(lái)仍將持續(xù)下去。新版的IOS13設(shè)計(jì)語(yǔ)言強(qiáng)調(diào)了卡片設(shè)計(jì)的重要性，使之成為今后移動(dòng)互聯(lián)網(wǎng)界面設(shè)計(jì)的一大方向。

從用戶角度分析，在2020年的疫情過程中，蘋果作為經(jīng)濟(jì)風(fēng)向標(biāo)之一，也受到挫折，產(chǎn)量和銷量都受到影響，但是它的影響力并沒有下降，反而有提升的趨勢(shì)。因?yàn)槿藗兊馁?gòu)買力下降了，所有的手機(jī)廠商都受到影響，蘋果還針對(duì)性地作出價(jià)格調(diào)整，擴(kuò)大了在中低收入人群中的影響力。同時(shí)，人們使用手機(jī)頻率的提升和時(shí)長(zhǎng)的增加，更增強(qiáng)了對(duì)App的依賴性，蘋果在軟件方面的影響力更加凸顯，所以蘋果風(fēng)格的設(shè)計(jì)仍然備受關(guān)注，且影響著未來(lái)的發(fā)展。

但反過來(lái)說，設(shè)計(jì)風(fēng)格沒有知識(shí)產(chǎn)權(quán)的保護(hù)，大圓角、大標(biāo)題等潮流雖然由蘋果引領(lǐng)，但已成為眾多設(shè)計(jì)師共同的智慧結(jié)晶，所以本文用“類蘋果風(fēng)格”來(lái)概括。真正探究起來(lái)，大卡片的首創(chuàng)者還是當(dāng)年曇花一現(xiàn)的Winphone界面，可惜市場(chǎng)不成功，已黯然退市。而且，從大圓角的方形卡片出發(fā)，圓潤(rùn)造型的幾何設(shè)計(jì)也大為流行，共同影響著未來(lái)的發(fā)展趨勢(shì)。

3.2 輕擬物化風(fēng)格的回潮

手機(jī)界面最早深入人心的就是擬物化風(fēng)格[8]，以真實(shí)的質(zhì)感和細(xì)膩的描繪打動(dòng)人心，并將單調(diào)傳統(tǒng)的功能機(jī)界面徹底淘汰。應(yīng)該說擬物化風(fēng)格在智能機(jī)淘汰功能機(jī)的歷史階段，立下了汗馬功勞，成為了一代人的經(jīng)典記憶。

但當(dāng)智能機(jī)越來(lái)越普及，甚至出現(xiàn)各種非手機(jī)類型的移動(dòng)智能終端后，擬物化風(fēng)格逐漸被人們拋棄。隨著簡(jiǎn)約主義的流行，人們審美心理的變化和技術(shù)發(fā)展的需求，扁平化風(fēng)格更加純粹，且適合跨設(shè)備、跨平臺(tái)的界面協(xié)調(diào)，逐漸替代了擬物化[9]。經(jīng)過多年的發(fā)展，扁平化被用戶熟知并熟悉，成為界面設(shè)計(jì)的主流風(fēng)格。

不過物極必反，從用戶求新求變甚至是喜新厭舊的心理出發(fā)，扁平化所代表的單純和簡(jiǎn)約，在描繪類似場(chǎng)景或事物時(shí)，容易產(chǎn)生雷同感或抄襲現(xiàn)象，并產(chǎn)生審美疲勞。當(dāng)用戶高頻次地接觸類似畫面時(shí)，甚至可能產(chǎn)生厭煩的心理。所以作為扁平化的對(duì)立面，擬物化的風(fēng)格再一次登場(chǎng)，只不過和原先的“真實(shí)再現(xiàn)物體”設(shè)計(jì)不同，新時(shí)代的擬物化強(qiáng)調(diào)的是“意向再現(xiàn)物體”，可以理解為抽象化的半寫實(shí)，結(jié)合了扁平化風(fēng)格的局部擬物或輕度擬物。

從技術(shù)角度來(lái)看，新的風(fēng)格重視漸變的應(yīng)用和層次的塑造，較多使用投影增強(qiáng)淺層次的立體感，制造浮雕效果。同時(shí)盡量忽略材質(zhì)的深刻表現(xiàn)，特別是需要底紋或貼圖的復(fù)雜材質(zhì)。因?yàn)闈u變的層次和立體可以在不同尺寸的界面中快速調(diào)整，且占資源較少，既能適配不同屏幕大小的設(shè)備，又具備一定的變化和趣味性，還能最大限度地發(fā)揮設(shè)計(jì)師的創(chuàng)意能力和表現(xiàn)技巧。

這也驗(yàn)證了黑格爾的“螺旋式上升”理論，界面設(shè)計(jì)風(fēng)格和人類歷史一樣，發(fā)展軌跡不是一條呈上升趨勢(shì)的直線，而表現(xiàn)為螺旋式的上升，在“寫實(shí)—抽象”兩個(gè)極端之間，相互影響與融合，螺旋式發(fā)展。對(duì)于今天的界面設(shè)計(jì)師而言，擬物化和扁平化都要擅長(zhǎng)，不僅要尋找其中的平衡點(diǎn)以形成自己的個(gè)性，還要根據(jù)項(xiàng)目特點(diǎn)進(jìn)行調(diào)整。

3.3 網(wǎng)格化布局的進(jìn)一步提升

在手機(jī)界面設(shè)計(jì)中，網(wǎng)格化是基礎(chǔ)性的技術(shù)。有些App的網(wǎng)格化布局比較明顯，而有些軟件界面則較隱蔽，仍然能看出網(wǎng)格的影響。

從設(shè)計(jì)的歷史來(lái)看，網(wǎng)格技術(shù)脫胎于書籍裝幀的圖文排版，并對(duì)平面設(shè)計(jì)的各類應(yīng)用產(chǎn)生深遠(yuǎn)影響，無(wú)論是工作效率還是最終效果，都是設(shè)計(jì)師的首選技術(shù)和基本技能。

從技術(shù)角度上講，隨著移動(dòng)互聯(lián)網(wǎng)接入設(shè)備的不斷增多，出現(xiàn)了各種規(guī)格的屏幕，界面設(shè)計(jì)需配適不同的尺寸。但對(duì)于最終用戶來(lái)說，卻需要單一化的視覺效果，也就是說更換設(shè)備后，用戶希望獲得一致或近似的視覺效果，以及交互體驗(yàn)。為了達(dá)到這個(gè)要求，界面設(shè)計(jì)師應(yīng)盡量遵照網(wǎng)格技術(shù)進(jìn)行設(shè)計(jì)和引導(dǎo)。

當(dāng)然過于規(guī)則的網(wǎng)格設(shè)定，或者過于明顯的網(wǎng)格布局，容易產(chǎn)生死板和缺乏創(chuàng)意的畫面，讓設(shè)計(jì)師的創(chuàng)意受到質(zhì)疑。所以未來(lái)界面設(shè)計(jì)中的網(wǎng)格，將更加注重網(wǎng)格本身結(jié)構(gòu)的豐富化，以及在固定網(wǎng)格系統(tǒng)中排版的趣味性突破。

3.4 交互效果的進(jìn)一步發(fā)展

交互效果其實(shí)是把雙刃劍，它活潑、有趣，能吸引人，能產(chǎn)生更好的用戶體驗(yàn)，這是最大的優(yōu)點(diǎn);但它同時(shí)也更加耗費(fèi)資源，特別是同時(shí)運(yùn)行多個(gè)App時(shí)更是如此，讓本來(lái)可能很好的用戶體驗(yàn)變成雞肋。

從技術(shù)上講，更快速的芯片、更大容量的存儲(chǔ)設(shè)施和更快速的網(wǎng)絡(luò)傳輸，讓交互效果在未來(lái)成為主流，動(dòng)圖、短視頻和各類交互控制程序?qū)⒃絹?lái)越多。而且從軟硬件開發(fā)商的自身利益出發(fā)，其也會(huì)積極引導(dǎo)客戶接納新的交互效果，并因此刺激他們進(jìn)入購(gòu)買新軟硬件設(shè)施的循環(huán)中。歷史上的3G替換2G，4G取代3G，均是如此，現(xiàn)在5G時(shí)代已經(jīng)到來(lái)，這個(gè)循環(huán)會(huì)再次上演。在這個(gè)循環(huán)中，用戶其實(shí)是被動(dòng)引導(dǎo)的，而界面設(shè)計(jì)師將是促成這種引導(dǎo)的主力。

設(shè)計(jì)師可以通過以下原則，設(shè)計(jì)和制作出更有說服力的交互效果，從而達(dá)到引導(dǎo)的目的。

首先是可理解性原則，這是交互設(shè)計(jì)過程中的最高目標(biāo)。隨著新技術(shù)的應(yīng)用，新市場(chǎng)的開發(fā)或新消費(fèi)習(xí)慣的養(yǎng)成，有諸多創(chuàng)新的元素或動(dòng)作需要呈現(xiàn)給用戶。讓用戶快速理解這些新事物，是交互設(shè)計(jì)的重點(diǎn)，也是這些功能開發(fā)成功的前提。

其次是可學(xué)習(xí)性原則，它是在理解的基礎(chǔ)上，和用戶已有經(jīng)驗(yàn)相適應(yīng)，并引導(dǎo)出新的知識(shí)、技能或操作習(xí)慣。

最后是可用性原則，交互設(shè)計(jì)應(yīng)提供必需的功能來(lái)滿足用戶的需求，并盡量提高操作的效率，這在一些工具類App的界面設(shè)計(jì)中尤其重要。而對(duì)于一些社交類和購(gòu)物類App，使用一些美化或增強(qiáng)臨場(chǎng)感的交互效果，看似沒有直接提高操作的效率，但它們優(yōu)化了用戶的體驗(yàn)，并對(duì)最終的社交或購(gòu)物行為起到了促進(jìn)作用。

4 結(jié)語(yǔ)

在手機(jī)界面設(shè)計(jì)這個(gè)領(lǐng)域，用戶和技術(shù)始終是兩個(gè)驅(qū)動(dòng)性因素。智能手機(jī)替代功能機(jī)的時(shí)代，技術(shù)是顯性因素。但在當(dāng)前的時(shí)代，技術(shù)尚未發(fā)生革命性的改變，所以用戶成為顯性的因素，技術(shù)成為隱性的因素，兩者相互作用，影響著界面設(shè)計(jì)的發(fā)展趨勢(shì)。

參考文獻(xiàn)：

[1] 楊蓉.手機(jī)界面未來(lái)的發(fā)展趨勢(shì)[J].中國(guó)科技信息，2008（03）：76-77.

[2] 羅仕鑒，朱上上，應(yīng)放天，等.手機(jī)界面中基于情境的用戶體驗(yàn)設(shè)計(jì)[J].計(jì)算機(jī)集成制造系統(tǒng)，2010，16（002）：239-248.

[3] 蘇慶義.疫情沖擊下的世界局勢(shì)之一：當(dāng)經(jīng)濟(jì)全球化遭遇疫情全球化[J].中國(guó)外資，2020（07）：30-31.

[4] 王偉云.手機(jī)夜間模式知多少[J].大眾用電，2016（5）：43.

[5] 周杰.手機(jī)界面的視覺設(shè)計(jì)分析與認(rèn)知研究[D].西北大學(xué)，2013.

[6] 喻國(guó)明.媒介品牌形象及影響力指數(shù)的設(shè)計(jì)與分析[J].新聞前哨，2011（06）：8-11.

[7] 鄭慧真，傅炯.手機(jī)界面視覺設(shè)計(jì)趨勢(shì)研究與設(shè)計(jì)[J].工業(yè)設(shè)計(jì)研究，2015（01）：95-100.

[8] 嚴(yán)屏，韋錦城.探析現(xiàn)代數(shù)字界面中的擬物化風(fēng)格與扁平化風(fēng)格[J].包裝工程，2014，35（22）：114-117+126.

[9] 湛晨. GUI設(shè)計(jì)中情感與體驗(yàn)研究以擬物化和扁平化為例[D].中南民族大學(xué)，2015.

作者簡(jiǎn)介：孟慶濤（1976—），男，上海人，碩士，講師，研究方向：界面、產(chǎn)品、藝術(shù)設(shè)計(jì)。