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

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

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

中圖分類號：TP311.5 文獻標識碼：A 文章編號：1004-9436（2020）22-00-02

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

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

1 影響原動力

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

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

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

2 劃時代意義的趨勢變化

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

2.1 黑夜模式[4]開啟新的時代

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

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

隨著兩大操作系統(tǒng)的升級和規(guī)則的改動，以及眾多主流軟件的示范，未來將有越來越多的App支持黑夜模式界面，使之成為一個必備的標準。

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

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

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

2.2 品牌滲透

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

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

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

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

同時，在強勢品牌的影響下，新產(chǎn)品和新項目崛起將更加困難，不但面臨市場原有壟斷品牌的競爭壓力，更面臨著用戶的習慣性忽視，因為有限的關(guān)注點都聚集在原有強勢品牌的產(chǎn)品上。

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

3 革新式變化的趨勢

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

3.1 類蘋果風格

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

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

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

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

3.2 輕擬物化風格的回潮

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

4 結(jié)語

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

參考文獻：

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

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

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

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

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

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

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

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

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

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