MBE風格在旅游APP界面設計運用

李妙蘭

（廣州大學美術與設計學院，廣東廣州 511400）

隨著旅游業和互聯網的深度交融，用戶在使用APP時的需求越來越多、要求越來越高，不僅僅注重信息的傳達，更注重個性化的體驗與審美。這就要求設計師不僅能夠站在專業的角度進行界面設計，還要緊跟審美的傾向，推送符合時代要求的設計風格。

1 MBE是什么？

MBE是2015年誕生于法國的一種設計風格，名字取自于原創作者。是一種粗線條邊框的Q版卡通風格設計元素。相比之前沒有邊框的扁平化風格，它的重點突出、識辨度高、通用性廣，表現力強，偏移填充粗線條描邊的插畫風格。

在它的諸多特征中，描邊是最為明顯的一個特征。它保持了設計師想要表達的獨立的設計風格，還使人們產生情感上的共鳴，無斷點式描邊和斷點式描邊的交互運用，除此之外，還有一個最大的特征就是形狀的溢出，其含義應該是想表達物體通過光照折射出來的陰影因為通常溢出的方向都是高光的對側，使用色塊溢出也增加了畫面的流溢性，使卡通風格呼之欲出,給畫面營造質感增加對風格的印象。

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

再有，MBE風格是從圓形、小花瓣、加號這三種最基本的圖形發展起來的，隨著設計內容越來越多、設計師靈活的思維對這三種基本圖形進行了各種各樣的衍生與變形，通過不同位設計師的演變它們被改變顏色、位置、大小另外也衍生了一些與扁平風格的結合，這種改變都是通過圖形本身特有的氣質而改變，形成了一種簡而有趣，清新脫俗的風格。

2 旅游APP界面設計原則

2.1 流暢的用戶語言

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

2.2 簡易的界面信息

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

2.3 輕便的記憶存儲

用戶對于互聯網信息的記憶和存儲功能非常有限，這和互聯網數以億萬計的信息容量特點有著密不可分的關系。人類在龐大的信息中只能依靠不斷遺忘舊的信息來獲取新的信息。也就是說，人們在使用互聯網時，更傾向于短期記憶。因此，APP的界面設計要減少用戶瀏覽過程中的記憶負擔，幫助用戶記住登錄名、使用圖像、驗證碼進行密碼功能等等，從而讓用戶把注意力更多的放在界面內容上。

3 基于MBE風格的旅游APP界面設計

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

3.1 MBE使卡通形象流動起來

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

3.2 MBE使清晰畫面溫馨提示

一項調查顯示，用戶在進行實際的操作時，最希望得到的信息是整個操作的進程，這會讓他們在使用的過程中更有安全感，從而確定下一步應該采取怎樣的操作。所以進度提醒對于用戶來說很重要。在這里就可以利用MBE的高飽和度色彩為畫面提升感染力，例如藍色的色塊代表進程剛剛開始、橘色的色塊代表進程接近尾聲等，通過這樣簡單的色彩上的搭配互補，用戶的體驗感會被“修復”，從而產生忠實于APP的心理感受。

3.3 MBE為視覺設計“減負減重”

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

3.4 MBE用線條分類優化信息

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

結語：旅游 APP 的界面設計是一個復雜的課題，它要兼顧審美需要、情感需要、成就需要等各個層面的內容。MBE的出現使APP界面的設計變得生動而流動起來，根據這些元素的優勢，將界面設計化繁為簡、優化整合，可以極大地改善用戶的使用體驗，使目標信息醒目而親近，向用戶傳達溫暖的企業形象，進而成為APP的忠實用戶，實現真正意義上的雙贏。

[1]黃晟;基于用戶體驗的APP設計研究[D];陜西科技大學;2012年

[2]郝闊;旅游APP界面優化設計[D];昆明理工大學;2015年

[3]溫文龍;旅游類APP研究分析與交互設計[D];昆明理工大學;2015年

[4]韓黎晶;李志平;基于Android的智慧旅游APP的設計與開發[J];電腦知識與技術;2017年29期

[5]孫雪鏈;陳敏;余夢霞;王穎;屠惠婷;智慧時代旅游APP使用行為及創新發展研究[J];北方經貿;2017年10期

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