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失去自己的形象设计。现在综合性旅游类呈现信息量大，设计师如何为用户减轻视觉负担便显得非常重要，因此可以首先做一些板块合并的工作，把一些重叠的版块整合起来，然后从横向排列变为纵向深入，最终在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期