龔忱，吳旭敏

（武漢理工大學藝術(shù)與設計學院，湖北武漢430070）

淺析移動界面中擬物化設計

龔忱，吳旭敏

（武漢理工大學藝術(shù)與設計學院，湖北武漢430070）

目的為分析“擬物化”理念在移動界面設計中的應用，研究并論述其視覺風格特點，引導設計師在界面視覺特征及信息結(jié)構(gòu)特征上進行整體把握。方法為對擬物化設計在移動界面各個使用場景、用戶功能需求、用戶使用行為這3個方面進行應用分析和論證。結(jié)論為擬物化設計用以體現(xiàn)設計品質(zhì)，因此需要設計師善于觀察生活，積累設計素材，再將其轉(zhuǎn)化到實際的產(chǎn)品設計之中。只有這樣，才能設計出用戶體驗良好的移動界面。

移動界面；擬物化設計；使用場景；功能需求

擬物化設計就是要通過用戶對該物品的認知來幫助他們無障礙地學會如何使用軟件，它是從一個對象到另一對象的視覺線索的應用，具有其無與倫比的視覺美感，當應用中的可視化對象和操作按照現(xiàn)實世界中的對象與操作仿造時，用戶就能快速領(lǐng)會如何使用它。同時，擬物化也不應該只是為了擬物而擬物，它是設計師將實物的一些特性加入到設計中，并融入用戶對功能的需求而產(chǎn)生的一種設計方式。本文主要以錘子手機Smartisan OS和網(wǎng)易云音樂這兩個目前來說十分優(yōu)秀的擬物化設計作品為代表，主要探討目前主流的設計風格在扁平化趨勢下，其擬物化設計風格如何通過在移動界面各個使用場景、用戶功能需求、用戶使用行為這3個方面的運用，從而改變用戶對它的認識，促進其自身的發(fā)展和完善。

1 擬物化設計

“擬物化設計”這個詞源于希臘語中的「skeuos」（意為器具或工具）和「morphe」（意為形狀）。它通過模擬現(xiàn)實物品的造型和質(zhì)感，通過疊加高光、紋理、材質(zhì)、陰影等效果對實物進行再現(xiàn)，也可適當程度地變形和夸張，界面模擬真實物體。擬物設計會讓你第一眼就認出這是個什么東西，交互方式也模擬現(xiàn)實生活的交互方式。擬物化風格在20世紀80年代開始出現(xiàn)，1984年蘋果公司將擬物化設計應用到首款商用用戶GUI中，圖標和界面模仿了現(xiàn)實中的實物進行創(chuàng)作，展示出的豐富的視覺效果是人們在其他操作系統(tǒng)中從未見過的[1]。擬物化設計是一條連接過去與未來的紐帶，在適應新設備時起到了重要作用，其更是一種產(chǎn)品設計的元素或風格，它以新的外觀讓人感覺熟悉和親切，同時它更像一個富有情感的事物，會讓用戶使用起來感覺到十分親切。

2 擬物化和扁平化的優(yōu)缺點分析

設計的本質(zhì)是解決生活、生產(chǎn)中的實際問題，可用性和用戶體驗比外觀更重要。如何高效地幫助和指導用戶完成他們想做的事，是設計的根本。用戶看重的是完成任務流程的順暢程度和完成過程中的感受，而信息的組織性和展示方式在很大程度上決定了最終接收信息的效果。擬物化風格為追求逼真和細節(jié)而帶來諸多視覺元素之間的復雜關(guān)系，扁平化設計風格視覺元素簡潔單純，更容易突出重點[2]。

擬物化設計對現(xiàn)實事物的模擬常常體現(xiàn)了一種人性化的回歸，它營造出用戶熟悉且具有親切感的操作界面，能有效地減少認知和操作的障礙，消除對新產(chǎn)品的恐懼和排斥，在冰冷的數(shù)字世界給人帶來更多的人情味。同時還能感知回饋，具有趣味性。這些現(xiàn)實化的模擬不僅表示一種信息的回饋，還增加了使用的趣味和與用戶的互動。因此，擬物化設計優(yōu)點有以下2個：①認知和學習成本低，幾歲的小孩也能看懂移動界面幾乎所有原生應用的圖標；②各種按鈕的視覺質(zhì)感和按下去之后的交互效果，使用戶養(yǎng)成對這類“東西”的統(tǒng)一認知和使用習慣。

擬物化相比扁平化的優(yōu)勢在于擬物化設計的圖標，可以在視覺上更好地表現(xiàn)真實物體形態(tài)，模擬真實物體的材質(zhì)、質(zhì)感、細節(jié)、光亮等。這樣的設計如果描繪的是復古的物品，能使人們產(chǎn)生懷舊的感情；如果描繪的是在日常生活中比較常見的物品，人們會因先入為主的思想更容易對其產(chǎn)生好感。但任何事物都有兩面性，再好的設計也有它的缺點。

擬物化設計的缺點有以下幾點：①由于過于堅持對實物的模仿而忽視了界面交互的特點，擬物化設計限制了功能和創(chuàng)造力；②擬物化設計要求精致的立體效果，這會與其他維度較少的設計元素產(chǎn)生不和諧的感覺；③擬物化設計很好看，不過也經(jīng)常占用界面上寶貴的面積；④擬物化設計有一定的排他性，跟其他風格的設計放在一起就覺得非常奇怪。

但扁平化設計也有明顯的劣勢，比如傳達內(nèi)容的感情不豐富，甚至過于冰冷。然而我們發(fā)現(xiàn)，擬物化的優(yōu)點正是扁平化的缺點，那么作為設計師應當取二者之所長，避其短進行合理設計。擬物化設計圖形表意的明確性和扁平化設計信息傳達的便捷性相結(jié)合，與此同時，擬物化設計的嚴謹邏輯關(guān)系與扁平化設計的畫面簡潔性相協(xié)調(diào)，以達到產(chǎn)品設計更人性化的目的。所以，應當將以情景、功能為基礎(chǔ)的擬物化與扁平化設計相融合，使其相互促進、相互發(fā)展。

3 探析移動界面中擬物化設計

雖然目前扁平化設計成為當下移動界面設計的主流方向，但是用戶對軟件界面使用的便捷性、功能性、高效性等方面的需求是從未停止過的[3]。擬物化設計已經(jīng)開始有了新的自我轉(zhuǎn)變，設計者通過在交互方式、視覺布局設計、顏色搭配等方面不斷完善和進步，也給使用者帶來與眾不同的使用體驗。下面從3個層面來分析移動界面中擬物化設計的表現(xiàn)方式。

3.1 基于用戶使用場景的擬物化設計

當前是移動互聯(lián)網(wǎng)時代，使用移動設備的場景越來越多，作為設計者，需要考慮用戶的實際場景需求，可以通過調(diào)整優(yōu)化頁面布局、顏色搭配等方式來解決此類問題，以此來獲得其心理共鳴，也能給用戶帶來豐富的情感體驗。例如在Smartisan OS中有一個錘子時鐘的APP，它是由4個單獨的小功能組成的，分別為世界時鐘、鬧鐘、秒表、計時器，其中，最有趣且最實用的是秒表和計時器這兩個小工具。首先從秒表的這個界面來看，它是完全依托現(xiàn)實中秒表的真實形態(tài)而設計的，由3個按鈕組成，即時間記錄、開始或暫停、復位，操作使用的體驗幾乎與現(xiàn)實中使用秒表保持一致，并且還配有相應的音效。它的使用體驗十分有趣，那逼真的滴滴答答的倒計時相比秒表要更加悠閑，帶來一種一切盡在時間秩序的約束中的感覺，完全可以帶給用戶使用秒表的美妙感受，既愉悅了用戶的心情，又滿足了當時使用場景的功能需求，設計得太巧妙了。具體見圖1和圖2.

圖1 Smartisan OS秒表打開狀態(tài)

圖2 Smartisan OS秒表使用狀態(tài)

其次是計時器功能，使用后整個界面只有3個功能按鈕，分別為暫停、重置、下拉計時皮條，十分簡潔，易于操作使用，它也是基于用戶在比賽等使用場景的優(yōu)秀擬物化設計作品。使用時，只需下拉計時皮條，由用戶自由選擇計時的時間，并且在表盤的下方用飽和度較低的紅色顯示剩余時間，同時配以時針走的音效，其中，特效的聲音長短也都不一樣，帶給用戶好似在真實環(huán)境中使用的體驗。在使用期間，如果想更改計時的時間，只需向上拉動即可，操作簡單、高效、便捷。具體見圖3和圖4.

圖3 Smartisan OS計時器打開狀態(tài)

圖4 Smartisan OS計時器使用狀態(tài)

以上這兩個小功能都是按照用戶的使用情境設計出的功能，這些都是在目前大多數(shù)同類別的APP中較少存在的。雖然這些不是使用頻次很高的功能，但讓用戶使用后覺得十分貼心，可以滿足一些特殊使用環(huán)境下的用戶需求。

在國內(nèi)優(yōu)秀的擬物化系統(tǒng)錘子手機的Smartisan OS中，也有較多基于情境的擬物化設計。例如，當我們在開會等需要將手機鈴聲模式調(diào)整為靜音時，大多數(shù)手機只有一個靜音按鈕，有時我們用完靜音模式后會忘記把鈴聲模式調(diào)整回來，這會使我們因為漏接電話而耽誤重要事情。但在Smartisan OS中，卻有所不同，當我們選擇將模式調(diào)整為靜音時，界面的右上方會多一個按鈕，這個就是定時靜音功能，點擊后會出現(xiàn)幾個靜音時間的選項，分別為“一直”“2小時”“4小時”“6小時”“8小時”，并且使用的是滑動的操作方式，更加便于操作。倒計時結(jié)束后，手機會自動恢復成響鈴狀態(tài)，具體的使用情境為，看一場電影時就可設為2小時，一個上午或者一個下午就可設為4小時，睡覺時可設為6小時或者8小時，充分考慮了用戶在使用靜音模式時的各種需求。通過這些特別的人性化設計較好地解決了相關(guān)問題，也說明了基于用戶使用場景的擬物化交互設計是十分有價值的一種設計思路和方法。具體見圖5和圖6.

除此之外，還有一個十分有趣而又實用的小功能，叫作“閃念膠囊”，激活閃念膠囊則更像是一個普通的語音備忘錄配上搜索功能。使用方式是長按home健，錄入語音后會變成多條文字，這時在屏幕的右上角會出現(xiàn)一個浮動窗口，顯示方式為列表式，我們點擊左右箭頭的按鈕就可展開查看剛才錄入的多條語音內(nèi)容，可再次修改內(nèi)容和調(diào)整順序。當某一條內(nèi)容使用完畢后，我們也可直接左滑將其刪除，使用十分方便。不僅如此，這個懸浮窗口會一直顯示在最前面，可以有更多的使用場景，比如可將里面任何一條文字內(nèi)容復制、粘貼到便簽、微信、日歷中，形成新的代辦事項，這樣可以節(jié)省時間，帶給用戶高效、便捷的使用體驗。與其他手機UI系統(tǒng)中的語音不同的是，除了以上內(nèi)容外，還有一些新增加的功能，上半部分顯示的是語音內(nèi)容，在這個界面中有幾個按鈕可以將語音內(nèi)容進行分類標明，其中，紅色感嘆號用來標明重要事情，綠色的信息按鈕可以記錄普通信息，紫色的電燈泡按鈕可以記錄突然出現(xiàn)靈感的信息；下半部分為搜索功能區(qū)，可以方便地查找各種資料信息，同時也提供了有道翻譯詞典及百度百科的實用功能，這使得實用性大大增強了，讓用戶更愿意去使用。這些都是在目前大多數(shù)手機操作系統(tǒng)中很少存在的，但可以滿足我們在一些特殊使用環(huán)境中的需求，帶給我們獨特的情感體驗，很好地解決了目前大多數(shù)便簽軟件不好用的使用難題。具體見圖7和圖8.

圖5 Smartisan OS靜音模式打開狀態(tài)

圖6 Smartisan OS靜音模式使用狀態(tài)

3.2 基于用戶功能需求的擬物化設計

現(xiàn)在大多數(shù)手機品牌都研發(fā)設計了相應的移動界面，里面的各個APP也對應著不同的目標用戶，同時它們也具有相應的產(chǎn)品功能。這種通過基于滿足用戶功能需求而設計的方式相較于其他的設計方式，能更好地幫助用戶解決生活、工作中的實際困難，更有產(chǎn)品價值。例如在網(wǎng)易云音樂的播放器界面，有一個類似唱片機的擬物化設計，當我們點擊底部中間的播放按鈕時，上部就會出現(xiàn)唱片機在打碟播放的動畫效果，如果想讓音樂停下來，只需要用手指把打碟器移開，具有類似以前使用老式唱片機的使用體驗，然而在其他的音樂APP中卻很少看到此類設計。該類擬物化設計增加了用戶在使用時的樂趣，愉悅了用戶心情。具體見圖9和圖10.

同時，在國內(nèi)優(yōu)秀的擬物化系統(tǒng)錘子手機的Smartisan OS中，也有一個叫作“One Sep”的特色功能，它很好地體現(xiàn)出基于功能的擬物化設計。它的打開方式十分簡單，只用兩根手指一捏，便可呼出One Sep的功能區(qū)。它主要分為2個功能區(qū)，其中一個為屏幕上部的編輯區(qū)，包含近期圖片、近期文件、剪切板等使用頻率較高的功能。右側(cè)為手機APP的展示區(qū)，使用方法也十分簡單，可以將文字、圖片、通信錄、數(shù)字等都通過右側(cè)的手機APP快捷地分享和發(fā)送給有需要的人。用戶還可以自定義排序及新增和刪除APP，這就簡化了許多不必要的操作步驟，使得用戶能夠便捷、高效地在各個手機APP之間來回切換，為用戶節(jié)約大量的時間。這一功能得到了廣大用戶和網(wǎng)友們的一致好評。不僅如此，每個功能按鈕的圖標都是采用擬物化設計，例如近期圖片按鈕的形狀好似一張實景照片，剪切板的按鈕外形像一把剪刀，近期文件采用了餅狀圖的表現(xiàn)形式，一眼就可以看出當前文件的使用占比，十分生動、形象，其他APP的圖片使用了立體化的設計，似乎要浮現(xiàn)出屏幕，很好地吸引了用戶，讓用戶愿意花更多的時間去使用它。具體見圖11和圖12.

圖7 Smartisan OS閃電膠囊打開狀態(tài)

圖8 Smartisan OS閃電膠囊使用狀態(tài)

圖9 網(wǎng)易云音樂播放器打開狀態(tài)

圖10 網(wǎng)易云音樂播放器使用狀態(tài)

3.3 基于用戶使用行為的擬物化設計

行為習慣是人們長期積累的一種行為方式。在產(chǎn)品的交互設計中，設計師可以采用這種與用戶行為習慣相關(guān)的提醒式信息方式，縮短使用者認知的差距，將平時生活中用戶們的各種需求合情合理地慢慢植入到移動界面設計中，而基于用戶使用行為的擬物化交互設計可以較好地解決這一難題。例如在錘子手機的Smartisan OS中，有一個叫作“Big Bang”的功能，它將目前在大多數(shù)手機上很難操作的文字編輯變得十分方便和實用。

圖11 SmartisanOS OneSep功能打開狀態(tài)

圖12 SmartisanOS OneSep功能使用狀態(tài)

圖13 SmartisanOS BigBang功能打開狀態(tài)

圖14 SmartisanOS BigBang功能使用狀態(tài)

“Big Bang”被譯為“大爆炸”，主要的操作方式為按住某段文字內(nèi)容，將其炸開之后，單獨選擇文字內(nèi)容進行二次編輯，之后再保存信息或者發(fā)送給其他人。這個功能是基于人們經(jīng)常要在手上編輯處理文字內(nèi)容的這種高頻次的行為而設計出來的，較好地解決了目前在大多數(shù)手機上編輯文字難，不方便、不快捷的難點，十分值得稱贊。這種基于用戶日常行為的擬物化設計，不僅很好地滿足了用戶使用需求，同時還讓使用者更加開心，滿足了用戶的心理需求，這樣獨特的交互體驗也正是將來擬物化設計的發(fā)展趨勢。具體見圖13和圖14.

4 結(jié)束語

過多裝飾性的擬物化設計或許已經(jīng)沒落，但是人們對情感化的需求卻是永恒的，在擬物化設計視覺風格下的深層次設計才是滿足用戶需求的關(guān)鍵所在。擬物化設計，其視覺美感無與倫比，給人一種帶入感，當可視化對象和操作按照現(xiàn)實世界中的對象與操作仿造時，用戶就能快速領(lǐng)會如何使用它。它將實物的一些特性加入到設計中，即便這些特性并不具有任何功能性的需求。通過分析可以知道，擬物化設計的優(yōu)勢在于信息傳達的明確性和信息查詢的準確性，體現(xiàn)出設計者個性、情感以及產(chǎn)品人性化的回歸?？偠灾瑪M物化設計體現(xiàn)的是設計品質(zhì)，因此需要設計師善于觀察生活，積累設計素材，再將其轉(zhuǎn)化到實際的產(chǎn)品設計之中[4]，這樣才能設計出用戶體驗良好的移動界面。

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

［2］李佳.界面設計中的扁平化設計與擬物化設計之探議［J］.藝術(shù)與設計，2014（3）：55-57.

［3］曹瑾，肖狄虎.扁平化設計趨勢下的擬物化設計探析［J］.藝術(shù)與設計，2014（4）：105-107.

［4］王怡，趙鋼.移動交互界面擬物化設計解讀［J］.包裝工程，2013，34（18）：58-61.

〔編輯：劉曉芳〕

TB47

A

10.15913/j.cnki.kjycx.2017.18.103

2095－6835（2017）18－0103－04