李妙蘭

（廣州大學(xué)美術(shù)與設(shè)計(jì)學(xué)院，廣東廣州 511400）

隨著旅游業(yè)和互聯(lián)網(wǎng)的深度交融，用戶在使用APP時(shí)的需求越來(lái)越多、要求越來(lái)越高，不僅僅注重信息的傳達(dá)，更注重個(gè)性化的體驗(yàn)與審美。這就要求設(shè)計(jì)師不僅能夠站在專業(yè)的角度進(jìn)行界面設(shè)計(jì)，還要緊跟審美的傾向，推送符合時(shí)代要求的設(shè)計(jì)風(fēng)格。

1 MBE是什么？

MBE是2015年誕生于法國(guó)的一種設(shè)計(jì)風(fēng)格，名字取自于原創(chuàng)作者。是一種粗線條邊框的Q版卡通風(fēng)格設(shè)計(jì)元素。相比之前沒(méi)有邊框的扁平化風(fēng)格，它的重點(diǎn)突出、識(shí)辨度高、通用性廣，表現(xiàn)力強(qiáng)，偏移填充粗線條描邊的插畫風(fēng)格。

在它的諸多特征中，描邊是最為明顯的一個(gè)特征。它保持了設(shè)計(jì)師想要表達(dá)的獨(dú)立的設(shè)計(jì)風(fēng)格，還使人們產(chǎn)生情感上的共鳴，無(wú)斷點(diǎn)式描邊和斷點(diǎn)式描邊的交互運(yùn)用，除此之外，還有一個(gè)最大的特征就是形狀的溢出，其含義應(yīng)該是想表達(dá)物體通過(guò)光照折射出來(lái)的陰影因?yàn)橥ǔＲ绯龅姆较蚨际歉吖獾膶?duì)側(cè)，使用色塊溢出也增加了畫面的流溢性，使卡通風(fēng)格呼之欲出,給畫面營(yíng)造質(zhì)感增加對(duì)風(fēng)格的印象。

其次，MBE運(yùn)用的色彩飽和度、明度都相對(duì)比較高，無(wú)論是單色系還是鄰近色＋類似色，都是為了制造出一種明亮與溫暖的感覺。為了更好的傳遞畫面所要的表現(xiàn)的內(nèi)容，不用刻意保持色相的單一性。顏色在這里也是表達(dá)內(nèi)容、突出主題的一個(gè)重要的元素，讓畫面更有質(zhì)感。

再有，MBE風(fēng)格是從圓形、小花瓣、加號(hào)這三種最基本的圖形發(fā)展起來(lái)的，隨著設(shè)計(jì)內(nèi)容越來(lái)越多、設(shè)計(jì)師靈活的思維對(duì)這三種基本圖形進(jìn)行了各種各樣的衍生與變形，通過(guò)不同位設(shè)計(jì)師的演變它們被改變顏色、位置、大小另外也衍生了一些與扁平風(fēng)格的結(jié)合，這種改變都是通過(guò)圖形本身特有的氣質(zhì)而改變，形成了一種簡(jiǎn)而有趣，清新脫俗的風(fēng)格。

2 旅游APP界面設(shè)計(jì)原則

2.1 流暢的用戶語(yǔ)言

APP要讓用戶在最短的時(shí)間內(nèi)完成所有的操作，并得到自己想要的信息。這就要求APP的設(shè)計(jì)者不能只熟悉計(jì)算機(jī)語(yǔ)言，更要熟悉日常生活中的詞匯，將其編程進(jìn)取，讓用戶使用起來(lái)有“平易近人”的感受。為了增加使用的舒適性，APP還會(huì)將用戶熟悉的大量的圖案、圖片放置進(jìn)去，讓用戶多渠道獲取自己想要的信息，增加使用的流暢性。

2.2 簡(jiǎn)易的界面信息

APP的界面切忌內(nèi)容眾多、眼花繚亂。旅游類的APP通常包含大量的視覺信息，如果設(shè)計(jì)不好，一會(huì)讓用戶產(chǎn)生不舒服的視覺體驗(yàn)，二會(huì)讓用戶在使用的過(guò)程中時(shí)常陷入無(wú)所適從的心理感受中。所以在形式布局和內(nèi)容羅列上，要本著易辨認(rèn)、夠突出的特點(diǎn)，讓用戶快速檢索到自己想要的信息，節(jié)約操作的時(shí)間。

2.3 輕便的記憶存儲(chǔ)

用戶對(duì)于互聯(lián)網(wǎng)信息的記憶和存儲(chǔ)功能非常有限，這和互聯(lián)網(wǎng)數(shù)以億萬(wàn)計(jì)的信息容量特點(diǎn)有著密不可分的關(guān)系。人類在龐大的信息中只能依靠不斷遺忘舊的信息來(lái)獲取新的信息。也就是說(shuō)，人們?cè)谑褂没ヂ?lián)網(wǎng)時(shí)，更傾向于短期記憶。因此，APP的界面設(shè)計(jì)要減少用戶瀏覽過(guò)程中的記憶負(fù)擔(dān)，幫助用戶記住登錄名、使用圖像、驗(yàn)證碼進(jìn)行密碼功能等等，從而讓用戶把注意力更多的放在界面內(nèi)容上。

3 基于MBE風(fēng)格的旅游APP界面設(shè)計(jì)

旅游類的APP包含的信息遠(yuǎn)高于其他類型的APP，交通工具有車船飛機(jī)、住宿有酒店民宿、餐飲購(gòu)物與個(gè)性定制也一個(gè)都不能少。再加上各種優(yōu)惠券的內(nèi)容推送、活動(dòng)動(dòng)態(tài)的不斷更新，使得用戶常常被淹沒(méi)在大量的文字和圖片中，難以獲得良好的用戶體驗(yàn)。但是如果沒(méi)有完美的外觀設(shè)計(jì)，再好的技術(shù)也成為毫無(wú)意義的擺設(shè)。在設(shè)計(jì)APP時(shí)，總是有很多東西可以參考，并且是保證APP界面視覺外觀的協(xié)調(diào)性和審美性的一些基本要求，因此增加界面的生動(dòng)性和趣味性，提升用戶使用的舒適度就成為亟待解決的問(wèn)題。MBE利用線條流暢、重點(diǎn)突出的畫面不僅可以提高人們的信息辨識(shí)度，還能讓界面化繁為簡(jiǎn)，使每一個(gè)界面之間具有連續(xù)性，成為一個(gè)整體。

3.1 MBE使卡通形象流動(dòng)起來(lái)

為了提升用戶語(yǔ)言的流暢性，當(dāng)下的旅游app界面都會(huì)使用動(dòng)效設(shè)計(jì)，使得每一個(gè)界面都能連起來(lái)，最終實(shí)現(xiàn)信息的組塊化。這時(shí)就可以利用MBE中各種呆萌的卡通形象來(lái)做APP的啟動(dòng)頁(yè)動(dòng)效設(shè)計(jì)，讓用戶在等待界面的信息是不再感到無(wú)趣。另外，這些卡通形象常常被人們賦予情感的意義或主題推薦功能，不僅避免了界面的乏味，還增進(jìn)了界面和用戶之間的交流，提高用戶的點(diǎn)擊搜索欲。比如，驢媽媽旅游APP中使用了驢的卡通形象，當(dāng)用戶伸出手指進(jìn)行點(diǎn)擊時(shí)會(huì)發(fā)現(xiàn)，這些卡通形象背后還隱藏著信息，他們不僅不會(huì)產(chǎn)生厭煩，相反還會(huì)在這些卡通形象的帶領(lǐng)下，完成獲取一個(gè)完整信息的操作過(guò)程，最終實(shí)現(xiàn)了旅游APP傳達(dá)核心信息的目的。

3.2 MBE使清晰畫面溫馨提示

一項(xiàng)調(diào)查顯示，用戶在進(jìn)行實(shí)際的操作時(shí)，最希望得到的信息是整個(gè)操作的進(jìn)程，這會(huì)讓他們?cè)谑褂玫倪^(guò)程中更有安全感，從而確定下一步應(yīng)該采取怎樣的操作。所以進(jìn)度提醒對(duì)于用戶來(lái)說(shuō)很重要。在這里就可以利用MBE的高飽和度色彩為畫面提升感染力，例如藍(lán)色的色塊代表進(jìn)程剛剛開始、橘色的色塊代表進(jìn)程接近尾聲等，通過(guò)這樣簡(jiǎn)單的色彩上的搭配互補(bǔ)，用戶的體驗(yàn)感會(huì)被“修復(fù)”，從而產(chǎn)生忠實(shí)于APP的心理感受。

3.3 MBE為視覺設(shè)計(jì)“減負(fù)減重”

目前國(guó)內(nèi)最大的幾家旅游APP，如攜程旅游和去哪兒都不同程度的引入了MBE元素來(lái)實(shí)現(xiàn)界面的優(yōu)化。尤其是去哪兒網(wǎng)在沒(méi)有使用之前，一個(gè)界面分布著多達(dá)18個(gè)功能的板塊給人一種心理上的壓力和視覺上的分割之感，同時(shí)讓APP失去自己的形象設(shè)計(jì)?，F(xiàn)在綜合性旅游類呈現(xiàn)信息量大，設(shè)計(jì)師如何為用戶減輕視覺負(fù)擔(dān)便顯得非常重要，因此可以首先做一些板塊合并的工作，把一些重疊的版塊整合起來(lái)，然后從橫向排列變?yōu)榭v向深入，最終在MBE形象圖標(biāo)的帶領(lǐng)下逐層深入，比如，攜程旅游APP主界面利用了MBE風(fēng)格，劃分了“保險(xiǎn).簽證、外幣兌換、購(gòu)物、禮品卡、”等多個(gè)功能性圖標(biāo)讓用戶一目了然，形成視覺上的良好體驗(yàn)。

3.4 MBE用線條分類優(yōu)化信息

整合用戶的需求是每一個(gè)APP界面設(shè)計(jì)的必備過(guò)程。線條是一種富于變換的個(gè)體單位，它可以通過(guò)橫向、縱向、閉合、斷點(diǎn)等各種形式呈現(xiàn)出來(lái)。MBE風(fēng)格對(duì)線條的使用可謂爐火純青，可以將這些線條做成的圖案變成一個(gè)橫向軸，在軸上對(duì)用戶的各種需求進(jìn)行差異化分類，偏向于軸上的哪一個(gè)方向，則用戶就屬于哪一類消費(fèi)者。如經(jīng)濟(jì)性消費(fèi)者、奢華型消費(fèi)者、獨(dú)行俠、背包客等等，然后針對(duì)不同的人群推送有針對(duì)性的信息，讓用戶可以在單位時(shí)間內(nèi)得到最多、最適合自己的信息，從而去除干擾信息，甄別有效信息，鎖定消費(fèi)品種。這種根據(jù)信息架構(gòu)來(lái)合理設(shè)計(jì)軟件結(jié)構(gòu)層次的方式可以實(shí)現(xiàn)產(chǎn)銷服務(wù)的緊密連接。

結(jié)語(yǔ)：旅游 APP 的界面設(shè)計(jì)是一個(gè)復(fù)雜的課題，它要兼顧審美需要、情感需要、成就需要等各個(gè)層面的內(nèi)容。MBE的出現(xiàn)使APP界面的設(shè)計(jì)變得生動(dòng)而流動(dòng)起來(lái)，根據(jù)這些元素的優(yōu)勢(shì)，將界面設(shè)計(jì)化繁為簡(jiǎn)、優(yōu)化整合，可以極大地改善用戶的使用體驗(yàn)，使目標(biāo)信息醒目而親近，向用戶傳達(dá)溫暖的企業(yè)形象，進(jìn)而成為APP的忠實(shí)用戶，實(shí)現(xiàn)真正意義上的雙贏。

[1]黃晟;基于用戶體驗(yàn)的APP設(shè)計(jì)研究[D];陜西科技大學(xué);2012年

[2]郝闊;旅游APP界面優(yōu)化設(shè)計(jì)[D];昆明理工大學(xué);2015年

[3]溫文龍;旅游類APP研究分析與交互設(shè)計(jì)[D];昆明理工大學(xué);2015年

[4]韓黎晶;李志平;基于Android的智慧旅游APP的設(shè)計(jì)與開發(fā)[J];電腦知識(shí)與技術(shù);2017年29期

[5]孫雪鏈;陳敏;余夢(mèng)霞;王穎;屠惠婷;智慧時(shí)代旅游APP使用行為及創(chuàng)新發(fā)展研究[J];北方經(jīng)貿(mào);2017年10期

[6]張鷺旭;旅游者的旅游App使用行為研究[J];安徽大學(xué)學(xué)報(bào);2016年23期