浅析扁平化设计在旅游UI界面中的运用
2017-12-01彭媛媛成都信息工程大学银杏酒店管理学院610000
彭媛媛 (成都信息工程大学银杏酒店管理学院 610000)
浅析扁平化设计在旅游UI界面中的运用
彭媛媛 (成都信息工程大学银杏酒店管理学院 610000)
本课题从旅游UI界面设计的角度出发,力求对游客传递旅游信息、解决旅游障碍等功能性,针对景区游客及消费者对于旅游服务软件界面的疑难和诉求进行案例分析。课题从扁平化设计风格的独特视角,遵循视觉传达设计形式美及功能美德形式法则,简化界面设计以案例分析为核心,解析扁平化设计在旅游界面设计中的重要性,总结出将旅游服务类APP信息可视化设计的有效途径。最终,提升UI界面的功能性和美观性,达到宣传及提升旅游品牌竞争力的目的。
扁平化设计;旅游APP;UI界面设计;极简设计
一、扁平化设计的概述
扁平化设计风格运用于UI界面设计,受到了国际主义平面设计风格、现代主义以及包豪斯新兴风格的影响。其概念的含义是:去除繁冗厚重、繁杂装饰,实现极简主义风格。强调图形图标的抽象、极简和符号性。在手机APP界面中体现为:按钮和选项精简化,数字和字体简单化,让整个界面清爽整齐,让用户使用时清晰明了易懂,有效减少认知障碍的产生。另一个优势是从功能性上还能降低功耗、延长待机时间,增加运算速度等优势。
扁平化设计的元素组成元素,主要包括简单的图形元素、字体元素、色彩搭配。
在我们进行图形元素设计时,其核心的设计要点在于作减法。例如在图形图标设计中,类似透视、纹理、渐变和3D效果的图形图标去除掉,将信息中的核心简明扼要的凸显和优化。由于屏幕的大小限制,应高度归纳和概括按钮和选项的造型,使界面干净、整齐、简单。在字体元素设计的时候,需要和其图形元素相辅相成。花哨繁冗的字体在扁平化的界面里突兀且杂乱。符号化的字体和无衬线体的字体往往引人注目。特种字体包括手书字体虽然很有特点和亮点,但辨识度较低,容易被带入混乱的版面当中。在搭配色彩的时候,扁平化设计中,往往采用明亮、炫丽的色彩。由于界面载体的不同,普通版式色彩强调的形式法则,在扁平化色彩中不予以推荐。更建议使用饱和度较高的颜色使用到图形图标上面,6-8种均可。多种色彩可以更好的凸显图形造型的分类,让客户立刻找到需要的图标、图表和信息。
二、扁平化设计的原则和方法
1.旅游APP软件UI界面设计中的原则
首先,遵循界面简易原则。设计师在手机APP界面设计时候遵从简约法则。文字字体采用辨识度较高的中英文字体,这样做的好处是节约客户阅读及搜索信息的时间。图标的造型设计应言简意赅,掌握可看、易看、可读、易读的法则,高度提炼和概括的图形图标(扁平化)更易使得用户容易识别。背景方面注重实用和功能,用户一目了然地快速理解APP的操作方法,提高软件运作效率。其次,遵循增加记忆原则。人类脑容量储存信息是有限的,大量信息植入反而减少客户的记忆程度。时间越长,人们记忆事物的强度越低。简化界面设计,以减轻用户的记忆负荷。
2.旅游APP界面设计方法
首先,页面布局与设计方法。旅游APP的主界面设计要突出广告和信息的主要功能与特色,例如将景区摄影图片作为背景,图片来源可以是商业摄影也可以选择意境图,可以提升用户的的参与和体验性。主界面一般显示广告的核心,其余子页面设计,可根据信息类型、特征、属性选用统一的布局形式,并做出细节变化。其次,扁平化视觉设计方法。具体视觉元素可采用扁平化的设计风格,包括文字、图形、图标、图表、背景、色彩等,力求通俗易懂、言简意赅,以获得极简的视觉效果。最后,动效与反馈提醒设计方法。APP界面设计常见的动效设计,大致包括转场动效和反馈提醒。两者都需要注意,设计的数量适可而止,力求界面更加生动有趣的同时,避免繁冗和重复
三、扁平化设计在旅游APP界面中的运用
以下是一组由来自全球的设计师设计的漂亮而极其现代的旅游类界面案例解析。
图1来自Swipe to Travel界面设计,以“你想要飞往哪里”这个简单的问题开始,设计理念让犹豫不定的客户较为轻松地做出目的地决定,通过丰富的图片定位你的目的地,能让你向左右滑动,甚至都不需要知道确切的旅行日期。简短精小的APP能帮助犹豫不决的人更容易做出决定。
图2 携程旅行APP界面设计
图2来自国内最大一家旅游APP软件携程旅行网,界面设计简约清晰,扁平化风格融入其中。首页界面设计三个大类别酒店、机票、旅游等运用简约的图形样式(飞机、建筑、自由女神像)体现扁平化的视觉效果,力求为顾客提供全方位的商务及休闲旅游服务,例如酒店机票预订、休闲度假及商旅管理、特惠商户及旅游资讯。
四、结语
扁平化设计作为简约时尚的UI设计理念,普及在UI界面设计中。传统的媒介例如标志设计、包装设计、书籍设计、广告宣传设计等,现在的旅游类手机APP界面设计中尤为普及。其强调版面干净利落,图形图标形状规则饱满,字体清晰且一目了然,凸显出新颖现代的视效,给游客提供搜索信息无限的便利。用户对旅游APP设计越来越高,所以旅游APP界面设计一定要注重用户体验,在用户体验方面多下功夫,开发设计出更人性化、更实用、更简洁、更美观的旅游APP软件。
[1]汪兰川,刘春雷.UI图标设计从入门到精通[M].北京:人民邮电出版社,2016.10.
[2]赵大羽.交互设计的艺术:iOS 7拟物化到扁平化革命[M].北京:清华大学出版社,2014.02.
[3]严晨.多媒体界面设计[M].北京:电子工业出版社,2011.09.
本论文为四川景观与游憩研究中心资助科研项目的研究成果。项目名称:《川内旅游景区中旅游服务类APP的可视化设计研究》。项目编号:JGYQ2016026。