扁平化设计在旅游产品ui中的应用

杨秀 张晓悦

摘 要：随着新时代的到来，智能设备的普及以及旅游业迅速的发展，旅游产品ui设计风格的迥异引起了越来越多人的关注与讨论。在旅游产品用户界面设计中，设计师们为了追求更多的视觉效果而导致过量的装饰，设计出的界面也越来越复杂，从而使用户产生视觉疲劳，丧失了产品本身的实用性与功能性特征。为了解决这一现状，扁平化设计风格的使用使设计更具有简洁、概括、简练与朴素的特征，使其变得功能化与实用化，同时提高了设计师们的工作效率。优秀的扁平化设计需要设计师认真推敲，学习不当传达的感情會产生一定的局限性。本篇文章主要研究扁平化风格在旅游产品ui中的应用，以金陵游ui界面设计为例详细研究。（南京工业大学浦江学院大学生创新创业训练计划项目资金资助，项目编号PJ20211390533）

关键词：扁平化设计;旅游产品ui设计;拟物化设计

一、扁平化设计

1.1 扁平化设计的特点

扁平化设计是存在于二维世界并且不加繁琐装饰的一种设计手法。其减少了3D立体中如纹理、渐变、高光、立体、阴影、透视等图形装饰方法，打造一种纯二维空间的、纯“平”的视觉效果。扁平化设计的朴素、简洁、功能性与实用性等特点对平面设计师们及平面设计领域都产生了很大的影响。

扁平化设计去除了繁琐的装饰效果，具有简洁和抽象的图形、无衬线字体、高明度的色彩对比，极具视觉冲击力的画面效果等特点，把扁平化设计风格推上了时尚浪尖。2013年苹果公司发布了iso7操作系统的手机设备，如图1， iOS7系统操作界面采用扁平化设计，其中标志、icon、主屏幕、插图、通知界面等设计都采用高明度配色方法，字体也采用简洁的不加装饰的无衬线字体，并且增加适当的留白，使整体界面更具有通透性，变得简洁明了干净了。在此之后，扁平化风格的ui界面设计逐渐成熟。

1.2 扁平化设计的应用

扁平化设计最先被应用在界面设计、交互设计，并随后逐渐扩展到更广泛的领域中。例如视觉导视系统、信息图表设计、海报设计、网站设计、包装设计、插画设计等。其实用性和功能性优势被最大化应用在各个设计领域，让用户对信息更具辨识性。例如将信息可视化的信息图表设计，如图2，整体画面采用扁平化风格，运用常规简洁的无衬线字体，更具高级感和精致感，扁平化小插画将信息可视化，一方面节省了设计师的工作时间，另一方面大大增加了观者的兴趣。扁平化风格截然不同于真实的拟物化风格，反其道而行之，摒弃了一切多余复杂的透视、纹理、渐变、阴影等效果，以及任何能做出3D效果的装饰性元素，完全只凸显最主要的核心信息，同时在设计元素上，去除厚重、冗杂和繁琐的装饰，强调极简风，更强的功能性和符号化[2]。

扁平化设计将核心信息可视化，让用户更快获取信息，提高了用户阅读的效率，界面整体排版简约有序。因此不论是年龄大或是小，又或者是没有过相关操作经验的人来说在拿到设备后都能够在短时间内轻松愉快地学会并且掌握它的使用方法，大大提高了用户的使用效率，使用户在使用的过程中减少了阻力获得了成就。

但随着扁平化设计席卷设计界，成为设计界的一股时尚浪潮，相对应的也出现了一系列问题，如界面整体风格较为单调冷峻，对信息的描述也只是简单的平铺直叙，缺少人情味，颜色的明度亮度与饱和度的使用不当，使主题信息无法突出。另外界面的设计语言与功能性出现了同质化现象，越来越多的界面设计出现更新滞后性，缺乏人为情感与创新性，并且行业之间缺乏核心竞争力，从而有些UI设计已经不再满足用户需求，甚至开始出现了审美疲劳。

目前来看，扁平化设计准确、有效、积极的应用在界面上才是正道。

二、扁平化设计在金陵旅游产品ui中的应用

2.1 标志的极简化

随着扁平化设计的深入人心，金陵旅游产品标志设计也更新迭代。

“拟物化设计”的初衷是为了降低学习成本，对于标准化规范制作的要求很低，同时又有着仿真写实的效果。但对于现代人来说，“拟物化设计”已不再满足用户需求。近些年，金陵旅游产品ui设计为了更好的吸引用户的关注，逐渐由拟物化设计转换为扁平化设计，增加了界面的层次感以及趣味性，在标志的细节把控上也仅仅采用微渐变和微投影，使标志呈现出一种简洁轻快的立体感，既避免了标志由于过多的视觉装饰而产生的沉重感，又减少了标志样式的相似性。

扁平化设计去掉了复杂的装饰效果，使标志变得更加简洁明快直接，从而突出主题，迅速抓住用户的注意力。标志回归其最本身的作用，实用性功能性是标志最重要的标准，标志设计的扁平化，抛弃其不必要的装饰效果，学习时间和成本也大大减少，达到了事半功倍的作用。游客们在辛苦游玩时，清爽简洁明快的标志设计更能抓住人眼球。

2.2 色彩的靓丽化

不同的色彩赋有不同的情感特征，色彩是一种无声但是强有力的表达方式，人的思维将色彩和情绪进行关联，在界面设计中适当的色彩点缀可以影响人的情绪，唤醒人的记忆。扁平化设计采用较为鲜亮的大胆配色，极大地吸引了用户的注意力。

扁平化设计的色彩特征被大量运用在南京旅游产品ui设计界面中，高明度的色彩不仅具有一定的装饰效果，还具有一定的功能性，起到了先声夺人的作用。对于去除了装饰效果的界面来说，色彩是视觉表达最重要的因素，通过旅游景点的特征以及用户的属性来确定界面的主色调和色彩的层级，其中为了帮助游客们了解金陵文化的历史及人文内涵，在ui设计色彩上结合了当地自然景观。南京历史悠久，拥有着浓厚的文化底蕴和历史内涵，因此在界面颜色的选取上以明黄色主色调，象征着阳光、光明，给用户一种辉煌灿烂，仿佛回归历史的感觉，唤醒人们的记忆。绿色和蓝色为点缀色，赋予一种活泼、生机勃勃的感觉，让用户在旅游时能够身临其境、身心愉悦，给用户更好的体验感。

作为全国首批旅游试点城市之一，南京市于2011年启动智慧旅游建设[1]，下载“南京游客助手”手机客户端便可看到景区的实时状况。南京拥有大面积的的古建筑旅游景区，如老门东、中山陵和夫子庙等。如图2，其旅游产品ui界面设计采用统一的色调，以明黄色为主色调以符合当地的历史文化韵味与气质。主题画面采用扁平化设计将核心信息可视化，让用户更快获取信息，提高了用户阅读信息的效率，界面整体排版简约有序，增加适当的留白，营造了一种轻松愉快的氛围。

扁平化设计通过高饱和度的色彩，不同明度之间的对比，凸显了核心信息，使界面中的设计元素更具秩序感和层次感，符合一定的视觉流程，吸引用户眼球，帮助用户快速获取信息。扁平化设计ui界面中，正因为颜色的合理运用，才呈现出丰富而不失简洁、鲜艳而不趋于杂乱的画面视觉效果。

2.3 文字的简洁性

在极简主义大环境下，扁平化版面设计中字体大多使用简约不加装饰的无衬线字体，具有很好的条理性和适应性，并且可以兼容不同尺寸的手机和电脑，通过字体大小、文字的编排来划分信息的层级关系。

金陵旅游产品界面设计大多选用无衬线字体。少数选用衬线字体，装饰性也都保持适度，字体的字间距、行间距、粗细等也都控制在合理内。字体的大小则根据画面的需求来设置，不为了画面的精致感和高级感而特意缩小字体，适当的放大字体，突出主题，提高用户阅读效率，在旅游的同时减少视觉疲劳。

无衬线字体所具备的易读性和高适应性大大提高了设计师的工作效率，让用户在旅游的同时不仅仅关注于界面表面的装饰效果，而是更关注于内容的本身，简洁大方清爽，让用感到户焕然一新。

三、展望未来

在大数据互联网时代，传统的拟物化设计风格已经不再适应新的社会和审美需求。扁平化设计摒弃了设计元素的各种阴影、渐变、纹理、羽化等装饰效果和写实效果，改为一种微渐变、微羽化的扁平化设计形式，把信息内容以一种简洁而不简单、干净、清爽的方式呈现出来，并注重色彩搭配与文字间距等。有效的提高了用户的体验感，扁平化设计体现了设计美学的形式美、功能美和技术美以及其所具备的优势在未来数十年将会一直被受用。并且会应用到更广泛的领域。最先被应用在界面设计、交互设计，再到导视系统、包装设计、vi设计、插画设计等，在未来将会有更多机会与多种媒介、平台，结合不同的元素，发挥出不同的魅力，最大化使其具有實用功能。

扁平化设计风格已经流行了很多年，它的热度有增无减，但随着技术的不断发展，例如手机屏幕显示的更新迭代、信息的智能感知等，都会影响到设计风格的改变。人们的审美是与时俱进的，设计的发展是与科技的发展相匹配的。因此在未来数十年后设计风格又会是一次转变。

参考文献：

[1]沈杨.我国智慧旅游建设的现状与思考[J].甘肃农业，2013（03）. 第 3 章 南京智慧旅游 APP 的发展

[2]李琨，胡婧琪.扁平化风格替代拟物化风格初探-----以手游UI设计为例[J].美术大观，2018（2）：126-127.