简析交互设计中扁平化思维的应用

摘要：随着智能设备的遍及，为了让用户在行使过程中获得最佳的交互体验，流畅、高效地进行操纵，扁平化思维方法应运而生。这种思维形式不仅是视觉上的扁平，并且是驾驭体验、消息架构上的扁平，突显产品的易用性，做到以用户为中央来设计，给用户供应更优质的体验。基于此，本文首先简要分析了扁平化设计的含义，随后分析了扁平化设计在交互设计与视觉领域中的应用，最后从两方面分析了交互体验中的扁平化思维，以此供相关人士交流参考。

关键词：交互设计;扁平化设计;应用

中图分类号：TB47

文献标识码：A

文章编号：1005-5312 （2020） 09-0165-02

一、引言

现今，在互联网高度发展的时代，移动设备上交互设计的相关问题也日益显现，如手机屏幕和型号怎样适配、音信内容怎样高效显现、作用体验若何更加直观等。为处理这种问题，谋求“少便是多”“化繁为简”的效力美学应运而生，其内核即扁平化思维。仿佛包豪斯现代主义运动一样，扁平化思维让设计从繁复装饰的拟亡故转化为功用至上的扁平化。扁平化设计从iPhone手机的发展中演变而来，英文名为“FlatDesign”，视觉设计上强调抽象、极简、符号化的设计。扁平化思维不仅是界面设计的扁平，并且是交互架构与体验的扁平，其重点在于让消息作为中心被凸显出来，给用户更优质的体验，找寻简单高效。现在，好多互联网企业央求信息的扁平化，扁平化思维在数字设计的引领下成为现代设计的标杆。本文主要探讨扁平化思维在交互设计中的应用。

二、扁平化设计的含义分析

所谓扁平化设计，是指在进行设计过程中，将极少原有的、丰饶三维成果的风格和属性删除去，让整个产品界面变得越发简洁和直观。这里所说的丰饶三维成果的风格首要包括著落式阴影、梯度变化、外表质地差别等内容。这时有人可以会提出这样一个问题：这些丰足装饰性成果的内容整体删除了，扁平化设计还有什么优势呢？其实与传统的操纵界面比拟，扁平化的风格更为偏重的是产品自身的内容和消息。当这些需要传递出来的内容和消息被繁琐的装饰所掩盖的时候，人们领悟信息时就会比较费劲，相反当它们都被删除后，人们对这些消息的驾驭就会变得特别轻松，这便是扁平化设计的极大优势。

三、扁平化设计在交互设计中的应用

扁平化设计在交互设计中的应用是极其广泛的，大部分的交互设计都是扁平化的设计风格，而且不一样的交互设计在设计特点上有着差异化的特点。下面就对扁平化设计在交互设计中的应用进行详细的介绍和阐述。

（一）简洁化的形式

扁平化设计在交互设计中的第一个应用表现在简洁化的方式上，重要表现在以下几个方面：

第一是界面结构的简洁性。随着科技的快捷发展，人们所用机器的界面结构逐渐呈现出简洁性的特点。目前多少界面组织都是遵照一定的特点对整个界面进行综合的处理，借助图形的形式进行布列组合，从而造成一种独特的艺术视觉美感。扁平化的界面相对于传统的界面来说，最重要的一个特点便是简单，软件的图标平面化、无装饰化、直观化，让人们看到这些界面后马上就能感应到界面自身所传递出来的直接魅力。简单的操纵界面让人们能够迅速获取相关的消息，为实现高效劳动打下优良的基础。其次是界面层级的弱化。以电脑为例，在电脑设计之初，电脑的系统是DOS系统，这一系统莫大的特点是步骤化严重。当打开电脑后，不论操纵者想使用任何一个软件，都必要输入繁琐的号令后才能实现这一目的。同时利用者还需要掌握基础的DOS饬令才能更敏锐地找到相对应的应用步调，这即是层级化的特点。扁平化设计将这一缺点扫除了，以Windows为例，当Windows被发明后，人们在运用电脑软件时就十分简单，只必要从桌面上找到对应的软件后双击便可以进入到里面，这样高效能是以前的DOS系统所无法比拟的。

（二）便捷化的功能

与之前的交互设计比较，扁平化设计在功用方面同样富有一定的便捷化。这种便捷化重要表现在以下两个方面。

开始表现在提示性的引导功用。对于许多软件来说，为了更好地给大家使用上便利，让很多人在一开始应用软件时就能迅速地把握软件的特点，设计师通常会在软件中参与一些功用性的引导，从而让人们更好地提拔对软件的认识度。譬如目前良多浏览器在设计过程中植入了下载器的成效，人们在操纵浏览器的时候，在点击下载后，浏览器就会自动转跳到下载器，提高了人们的利用效率;再譬如目前大多数输入法在安装过程中都会有一个安装向导，通过一步步引导的体式让运用者在安装好软件后就能对软件的少许特点和行使习惯进行设计和设备，从而更好地提升软件整体的做事效率。

其次表现在操纵反馈及时化的特点上。交互设计的首要特点是人与计算机之间的交换，也便是说当人们给计算机下达对应的号令的时候，计算机应该马上给予反应。扁平化设计界面给人们带来的强壮变化便是更加及时的反馈。不论何时何地，也不顾无论不论使用者给出什么样的号令，机器都会马上给出对应的消息，哪怕在软件没有马上运行的时候，系统也会弹出对应的对话框提示目前设备的就业状态，这便是反馈及时的首要表现。比方當我们在手机上安装一个软件时，在安装过程中，软件会有一个安装的状态提示，IOS系统的提示是一个圆形由没有到有的状态，通过这种体例让人们更好地感想到整个界面的具体特点。

四、视觉设计中的扁平化思维

（一）图形设计中的应用

扁平化图形设计所以简洁的几何形体或抽象图形为主，将拟物风格的成果全部去掉，压缩图层，杰出元素边界，没有羽化、纹理、渐变或许阴影，虽然牺牲了局限视觉成果，可是获得了图形图标最直观的内容传达。扁平化思维下的图形设计对设计师的编造要求更高，图形去除全部的修饰成果，用最为简洁、归纳的形体传达内容。图形设计在维持有效、可用的前提下尽能够地保证设计的直观性与便捷性，使设计特征一清二楚。

（二）色彩设计中的应用

扁平化设计中，由于图形归纳、简洁，经常采用大色块与高亮、鲜艳的颜色，轮廓鲜明。苹果手机在iOS7系统升级以后，良多人认为iOS系统整体色调都变亮了。耀眼、明朗的颜色能够填充视觉元素的意义性与可识别性。手机APP图标的颜色不仅代表企业品牌文明，并且要让用户明晰有颜色的位置就能产生交互，这是一种操纵上的便利，也是扁平化思维在色彩设计中的应用。扁平化设计的图形编造十分归纳，扁平化思维下的色彩设计更侧重大块面的色彩成果，而不是单纯的色彩种类。扁平化设计中经常采用多种颜色的搭配，色彩富有连贯性，通过调节色彩的调性和比例获得整体、高效、准确的识别结果。

（三）文字设计中的应用

扁平化设计中字体多采用简洁、清楚、易于识别的类型。如，中文可应用雅黑、幼圆这类无衬线字体，英文字体的选择也遵守同样的原则。各大移动平台在发布新版本时几乎不会改变字体，偶尔会调整字号与线的粗细，许多资深交互设计师在设计产品时也不会轻易更正字体。因而，扁平化思维下的字体设计相对统一，常常只是从生理学角度改变字体的细节来减少误操纵行为，使消费者对于讯息的浏览和收受更为准确。

五、交互体验中的扁平化思维

交互设计中的扁平化思维是一种内在的设计思维，宗旨是在环境需求多变的情况下，依旧能做到以用户为核心的设计。设计师应当具体解析当今产品的新场景、新用户、新需求，对消息内容进行归纳和整合，行使户通过更少的时间和步骤完成运作，加深用户体验。

（一）一致性原则

各类移动终端产品都有本身的操纵习惯和手势，而各类产品最广泛的同等性原则是平台的相似性。小到图标手势，大到结构，都有统一的设计规范。扁平化思维通过节制平台内部的相同性，让用户在差异的客户端和媒体上实现顺畅的适配和切换，将交互设计中的主流效力进行简化，高效进行识别驾驭。

（二）压缩结构层级

为了减少用户点击的时间和浏览的界面层级，扁平化思维对结构层级进行了压缩，强调精简的交互步骤，让用户点击数量最少的操作指令就能达成任务目的，即页面结构层次上的扁平化。可是差异层级界面的版式编排依然要有主次之分，以彰显主体内容。压缩结构层级的格局在移动设备中常用的本事有：其一，设置迅速键，通过提示和快速方式进入更深层次的页面;其二，出色显示关键新聞，把少许非关键消息、非关键层级的消息剔除去，只显示关键的路径和关键的层级，这样的话页面结构就会减少许多。

（三）信息架构

交互设计中消息架构是产品的骨骼，更侧重设计的层级逻辑、延续和拓展。扁平化思维应用到消息架构中必要对消息进行梳理，再选取公道的导航方法满足消息呈现的需求。消息架构包含广度和深度两种模式。扁平化思维在这两种模式中都需将消息进行分类，构建逻辑消息的连接，搭建消息的桥梁。设计师对消息进行处理和设计，让讯息易识别、易记忆、易明白，让用户舒畅地获取信息，根据用户的需求供应舒适的用户体验。

六、结语

总之，随着人们生活水平的提升，人们对于周边使用的机器的要求越来越高，这种高要求主要表现在对工作效率的要求之上。扁平化设计，并不是设计层面上的扁平化，而是将那些繁琐的、复杂的、多余的东西和内容舍弃，并在其中增加一些有趣的内容，让整个界面变得更加富有简洁、直观的特点，实现人与机的完美融合。扁平化设计思维为交互设计供给了明了的思绪，无论是在把握方式还是消息传达上都拥有极大的优势，消减了用户的学习和运用成本，减少了考虑的时间。从产品的特点出发，理性的简化设计能够让用户获得高效、优质的体验。

参考文献：

[1]蒋晨，康翼，简析交互设计中扁平化思维的应用[J].美术教育研究，2018 （022）.

[2]侣冬梅，扁平化设计风格在平面设计中的应用[J].文教资料，2019 （18）.

[3]袁丽敏.扁平化图形设计在插画设计中的应用分析[J].明日风尚，2018 （05）.

[4]陈坤涛.扁平化风格在网页界面设计中的应用探究[J].艺术品鉴，2018 （10X）.

[5]谭柱成.扁平化风格插画在食品包装设计中的应用[J].商场现代化，2019 （17）.

[6]徐佳佳.交互设计在智能电网中的应用前景评析[J].明日风尚，2018 （24）.

作者简介：招丽娟（1983-）.女，江苏金湖人，大学本科，硕士在读，研究方向：UI视觉交互设计、人机交互理论、图形界面交互设计、CG创新技术研究、虚拟现实、信息多媒体设计方向研究等。