浅析扁平化设计风格对现代展示设计的影响

■骆 文张乘风陈 航

(1.2.3 南京林业大学，江苏南京 210037)

浅析扁平化设计风格对现代展示设计的影响

■骆 文1张乘风2陈 航3

(1.2.3 南京林业大学，江苏南京 210037)

信息资讯极度发达的今天，人们每天都要通过数字设备处理大量信息的，例如购物、预定机票、工作等等。因此信息的有效传递就变得尤为重要。扁平化设计就是这样一种高效的设计风格，它作为一种二维表现形式通过各种数字终端让人们日益熟悉。这一高效设计风格不应仅仅出现在显示屏上，本文就扁平化设计风格的特点、优势发展情况等进行分析并通过案例研究扁平化设计对现代展示设计的借鉴意义。

扁平化；展示；高效

扁平化设计在如今的设计界可谓十分火热，有关于它的探讨一直有升温趋势。平板电脑、智能手机以及其他新兴电子产品的普及，也让更多的人接触到了扁平化设计。其中大众最为熟悉的就是Win8操作界面Metro UI以及最新的IOS7操作系统，这些都是众多扁平化设计作品的代表。

1 什么是扁平化设计

1.1 扁平化设计的概念

扁平化设计英文名称为“flat design”，它概念源于平面范畴。只是从表面上看扁平化设计很简朴，简单来说起来就是不添加阴影、渐变和纹理，运用简洁的形状，明快的颜色和明晰的排版。扁平化设计抛弃了所有无用的修饰，只留下事物的本质特征。从某些方面看来，扁平化设计具有现代主义的特征。

作为一种设计理念，扁平化设计的目标十分明确，即更深入地关注于易用性。这一理念追求更高效、更友好的使用感受。例如现在的手机界面设计，按钮越来越少，界面越来越干净整齐，使用起来格外简洁。这能更直接的将有效信息和事物的工作方式展示出来，过滤大量无效信息，减少认知障碍。

1.2 扁平化设计的来源

扁平化设计是相对它的前辈——拟物化设计而提出的。拟物化设计看起来就像是对真实世界操作方式的反馈。例如（图1）界面就反映出真实的音频控制器的功能和外观。拟物化设计始于计算机技术高速发展的20世纪80年代，它最初是为了帮助使用者快速适应虚拟的计算机界面。苹果公司就是拟物化设计的忠实拥护者，在早期的产品中这种设计理念运用在了公司所有用户界面中。

但拟物化设计的劣势也很明显。多数拟物化界面并没有实现功能化，只是花费大量时间在视觉的阴影和质感效果。在实际使用中，拟物化界面效果，对于真实物体的模拟，最终会在一定程度上制约产品的发展和功能的扩充。另一方面，拟物化设计的繁杂和过分写实让使用感觉过于沉重，进而让人开始视觉疲劳，所以让设计变得简洁和明确成为了必然趋势。

1.3 扁平化设计的特点

1.3.1 拒绝过度装饰

避免过度装饰即放弃所有多余的装饰，设计中的元素轮廓直接干净，不使用羽化、渐变或是阴影效果。尽可能简化设计方案，避免设计中元素复杂。扁平化设计所使用的元素间有明确的分层和布局，这使得体验者能直观的了解设计中每个元素的含义以及功能。

1.3.2 界面元素

扁平化设计常常使用各种简洁的图形元素，例如图标等。设计师们通常坚持使用简单的外形，并设法凸显轮廓，这些元素多数为直角。这样界面元素可以方便理解，这能极大的减少学习成本。

1.3.3 优化排版

由于扁平化设计中元素相对简单朴素，排版必然成了重要的步骤，版式的优劣直接影响视觉效果，甚至可能间接影响使用便捷与否。而排版中字体及其排列方式又是其重要一环，字体需要和其他设计元素相互配合。

1.3.4 配色

简单的元素更需要明朗鲜艳的配色，扁平化设计中常常能看到比其他风格更明亮更鲜艳的颜色。在这些配色中你还会发现更多不同的色调，但同一件设计中往往会使用单一色调，特别是纯色，并且不做任何减淡或柔化。

2 扁平化设计的发展

在扁平化设计的发展过程中科技公司扮演了重要角色例如Adobe、微软、苹果等。

作为设计师肯定不会对Adobe的产品感觉陌生，它们扮演着设计师画笔的角色贯穿设计始末。随着时间的推移Adobe的产品不断升级，但随之带来的产品图标不断的变化却值得我们思考。

上图（图2）可以明显发现Adobe产品图标的变化历程。图标从CS3版本开始有了质的变化，从最早的具象风格到后期扁平的色块大号的文字。这一变化曾经让多数人不能接受，大家会觉得太过简单没有创意，可短短几年后人们就开始明白这一改变带来的好处。随着Adobe产品家族的扩大，设计师的电脑桌面

越来越拥挤，五颜六色不同功能的软件图标出现在桌面上，这时你突然发现PS、AI、ID等Adobe家族的图标十分显眼，在一堆繁杂的图标中你很容易发现他们。这时关于Adobe产品新旧图标的争论也有了答案。由此可见在信息膨胀的今天，可识别性，传递的高效性有多么重要。

Windows 8的Metro界面也是扁平化设计的经典代表，新的界面设计，引领了更简约、更直接的设计趋势。除了突出产品核心的内容外，没有更多装饰设计。

Metro UI风格简单明确，传达功能准确，设计师为微软优化了原有的用户界面、精简的重点和简洁轻快的排版使用户便于抓住重要信息、方便使用。Metro UI的设计中标题字体方正并且硕大，具体内容映衬在简单的大色块上以达到吸引使用者注意力的目的，这一系列改变可以帮助人们能够在短时间内，高效分拣有用信息。

■图1 拟物化操作界面

■图2 Adobe图标变化历程

■图3 Metro UI操作界面

■图4 门店中的现状

■图5 重新设计后的产品展示面

3 扁平化设计对现代展示设计的意义

以上讨论了扁平化设计在二维中的种种优势和特点，因此它作为一种热门的设计理念不应该仅限于平面范畴。在众多空间设计中，展示空间对传播效率和质量有着很高的要求，因此扁平化设计在展示空间设计中有着重要的借鉴意义。

3.1 现代展示设计的概况

现代展示设计起源于1851年伦敦海德公园举办的第一次国际工业博览会，经过了百年的发展，今天的展示设计已经成为了一个专门的学科，它涉及多个研究领域，包括视觉传达、策划与管理、信息技术、展品性能、市场供求、建筑空间、消费心理、传播学、美学等多个学科。现代展示设计的展示方式也越发丰富，例如二维表现方式、三维表现方式、多媒体表现方式等。纷繁复杂的表现方式在丰富展示空间的同时也增加了空间规划的难度。

展示设计有别于其他空间设计，首先展示空间讲究次序性，展品、色调等都必须是关联有序的；其次展示设计要有观众的参与性，展品与人应有互动；再次展示设计内容要简洁突出，有高识别度让人印象深刻。

3.2 现代展示设计的发展方向

3.2.1 高技术的运用

计算机虚拟技术以及各种先进数字设备的出现使展示手段花样繁多，展示形式也出现了全新的变革。

3.2.2 艺术性与商业性的统一

现代展示设计有很强的市场导向性，它跨越多学科和领域，立足于策划和传播，相对于其他设计对市场更加敏感，设计的形式也受经济条件制约。展示设计产生的效果是高度集合的广告宣传。商业展示的根本目的是让观众在有限的时间空间中，最有效的接收到尽可能多有用信息，通过视觉影响观众的心理。

4 扁平化设计风格在展示空间的运用（案例分析）

笔者通过对扁平化设计风格元素的提取，对一家中国电信门店做出了重新的设计。该电信门店位于南京市云南路，主要受众为周边白领和老小区的住户。门店现况如图（图4），中国电信社区门店除了传统的柜台业务，其更为重要的功能在于服务及产品展示，但就现有的设计来说显得十分凌乱、庞杂。初到店中会有混乱感，无法迅速找到需要的产品或服务。

针对这些问题，在改造方案中，首先对空间功能做出了重新规划，分出主次。设置完整清晰的导视系统以及合理的人流动线。

在具体设计中加入了扁平化设计的特点，拒绝过度装饰，所用元素干净俐落。尽量简化设计方案，使设计有的层次感。大小不一方形元素贯穿空间，展台、展架、导视、吊顶等均为方形，元素统一并各有变化。

在产品主要展示面上优化排版，改变原空间中产品混乱堆砌的视觉感受。采用大号字体配合单纯背景突出主题。将同类产品进行合理划分，让顾客轻松对产品进行挑选和比对。（图5）

空间配色上，使用大色块将空间分出三个不同的功能区域（产品展示、服务体验、业务办理）。用零星小色块点缀贯穿各个空间，又让空间产生关联感。户外门头部分采用明亮单纯的底色，加上简洁明了的LOGO让店面整体识别性大大增强。

对展示内容庞杂的空间进行了这样一番重新规划后，使用感受、展示效率明显提升。扁平化设计思想在空间设计中也体现出了的独特优势。

5 小结

“扁平化”的优势在于它可以更加简单、直接的将使用者想要的信息展示出来。设计师在进行展示设计时，将这一元素加以利用、完善和深化，使其更好地为我们服务。扁平化风格在展览空间中的运用可以开发我们的图形表达能力，对整个社会的发展、信息交流和沟通都是具有十分广泛的意义。

（责任编辑：贺 辉）

[1]周雅铭,张杰.商业展示设计[J].北京:清华大学出版社,2013.

[2]胡以萍.展示陈列与视觉设计[J].北京:清华大学出版社,2013.

[3]陆江燕.展示设计概论[J].北京:清华大学出版社,2013.

[4]赖亚楠,赵坚.展示设计概论[J].石家庄:河北美术出版社,2008.

[5][西]卡尔斯•布鲁托,刘静译.展厅设计[J].南京:江苏人民出版社,2012.

[6]吴昊.日本“超平”建筑的深层意义[J].家具与室内装饰,2012.(07):43-44.

[7]张书鸿.论艺术设计中创造性思维的提高[J].家具与室内装饰,2012,(04):72-73.

The Infl uence On Modern Display Design From Flat Design Style

Luo Wen1& Zhang Chengfeng2& Chen Hang3

With the rapid developing information era, people have to deal with a lot of information through digital devices, such as shopping, booking tickets, work and so on. Therefore, the effective transfer of information becomes particularly important. Flat design is such an effi cient design, it as a two-dimensional form of expression through a variety of digital devices allow people to become increasingly familiar with. This effi cient design should not only appears on the display screen, the paper fl at design features, advantages, such as the development of case studies to analyze and design of modern fl at display design reference.

Flat Design; Display; High Effi ciency

TS664;TU238+.3

A

1006-8260(2014)11-0028-02