论文部分内容阅读
【摘要】：扁平化设计 （flat design），又称“零 3D 属性的设计”，是相对于“拟物化”的一种设计理念。是近年来视觉传达设计领域出现的一种新的设计风格，在界面设计中更是被广泛运用，成为一种新的设计潮流。相比拟物化设计，扁平化设计去除了阴影、渐变等较为复杂的设计因素，崇尚简约、平面化的表现形式，所以更易为现代快节奏生活中的人们欣赏和接受。
【关键词】：界面设计；扁平化风格；研究
一、扁平化设计概述
扁平化设计最初出现在网页设计中，微软公司最初设计的Metro风格的用户接 main是最初出现在公众视野中的扁平化设计。与当时的IOS系统应用不同，Metro风格并没有拟物化设计风格的阴影、渐变、纹理和材质感，取而代之的是由简单图形组成的色块和突出文字信息。而随后微软公司推出的Windows8操作系统和Windows phone操作系统则广泛地应用了这一扁平化设计。在苹果公司推出的IOS7系统后，扁平化设计就成为了移动终端界面设计的主流设计风格。
扁平化设计是指在设计中不使用材质、阴影、渐变等仿真的视觉效果，取而代之的是简单的色块和平面图形，以达到界面看上区更加“扁”更加“平”的视觉效果。扁平化设计可以以更加简单直接的方式把使用者需要的信息展现出来，这不仅节省了资源，更使用户能够快捷的进行交互。
二、移动终端界面设计中扁平化风格的应用
好的版式是扁平化界面设计的前提。排版形式是网站中信息列举的重要表现方式，优秀的版式设计不仅具有视觉导向性，而且能有效地传达信息。为了创作出优秀的扁平化设计作品，首先要考虑的是页面信息的空间布局，也就是通常说的版式设计。图形、色彩、文字是一切版式设计的基本组成部分。在网页界面设计中，只有合理地协调它们之间的关系才能做到信息有层次，页面布局美观并具有视觉导向功能。这里对扁平化设计中的图形、色彩、编排、文字设计的特点及核心问题进行分析。
（1）图形
在界面设计中，通常使用基本形简单明确的扁平化图形，取代具有仿真效果的有机形态。而基本形多由几何形与几何形、或曲直线条与几何形组合而成。八个图标设计，如放大镜、书本、指南针、靶心等，图形全部采用最简练的方式表现，圆形为底，线条简洁、图形高度凝练概括，装饰性几乎为零。当然越简单的图形越有设计难度，这样的表现形式对设计师的专业要求非常高，它强调提炼事物的图形特点，弱化多余的修饰，突出主题，让用户更加专注于内容本身，视觉效果直接简便，功能清晰，一目了然，减少了人们接受、适应信息时花费的时间和精力。
（2）配色
扁平化设计几乎都是平涂色彩，没有光影的立体效果。在其风格的作品中，色调层次很丰富，非常讲究色彩之间的和谐搭配，颜色搭配温和协调。扁平化设计中既有鲜艳明快的，也有同色系、饱和度较低的色彩，但是它们都深浅分明，没有过多的透明度重叠、羽化边缘以及淡化柔化等效果。扁平化设计多用色块来表现各种关系，单纯的颜色配合几何形的块面，让人看上去干净清晰，一目了然。
（3）编排
扁平化风格的界面编排遵循简洁、理性的设计原则，它与栅格设计系统相似，版面分割很有规律，结构清晰明了、简约大气。
（4）文字
文字可通過字体、字号、色调、排版方式等产生视觉空间感，达到区分主次信息、引导视觉流程的作用。字体是扁平化设计中非常重要的元素，不同风格的字体会产生不同的视觉情感，在选择字体时要保持文字的视觉感受与表述内容的统一，从而创建出期望的风格和基调。例如，宋体给人的感觉是端庄典雅，它占据的版面较小，字体秀丽，适合大面积的文字编排，通常在正文中使用，是排版过程中应用最为广泛的一种字体。在 Windows 系统下网页通常使用中易宋体和新宋体。黑体的字形严肃庄重，醒目大方，传达出来的气质干净利落，不拖泥带水，因此多用黑体作标题或标识重点，展现一级主题信息，网页编排中使用最多的是正黑和微软雅黑。
三、界面扁平化设计案例分析
界面设计中，Metro 的扁平化设计，是比较典型的一个案例。Metro 是微软在 Windows Phone 7 中正式引入的一种界面设计语言，也是 Windows 8 的主要界面风格。微软在新发布 Office 15 中也采用了 Metro设计，并得到了用户的广泛认可，今后的微软产品，可能也将会出现更多这种“扁平化”的设计风格，而少见传统的 Windows 视窗界面。Metro 这一界面风格，是基于瑞士平面设计的原则，以文字为主的界面导航。从 2006 年起，微软的应用软件 Zune 就开始使用类似 Metro 的设计风格，其设计师计划重新设计现有用户界面，以更清爽的排版和突出重点来方便用户使用。Metro 的设计理念，源于美国华盛顿州金县都会交通局的巴士站牌、机场和地铁的指示牌设计，它采用大量醒目的字体，以吸引受众注意力，这些简洁明快的设计给了微软团队灵感。微软认为 Metro 设计原则应该是“光滑、快、现代”。这也恰恰体现了当下现代设计的一种趋势。扁平化设计的优势不仅表现在视觉效果上，它还体现在实际的操作中，例如、windows8 界面设计，相比之前的版本，减少了跳转的次数，增加了经常使用的工具，如查询天气、日历等，全部集中在开始界面上，一目了然，不需要像windows7 的界面那样，需要分别点开不同的工具和子菜单才能看到。
结语
不可否认扁平化已经成为当前界面设计中的流行趋势。但从视觉方面来说，不管是简约的扁平化设计还是逼真的拟物化设计，都是众多设计中的一种。扁平化并不是仅仅因为其视觉上的简约而受到用户的欢迎，拟物化也并没有被时代所抛弃，扁平化设计更简单的信息层级以及拟物化设计更容易被人理解的视觉形象都是两个设计风格中互相所不能取代的。无论是拟物化设计还是扁平化设计，最终都是为了能够给用户带来更好的使用体验。因此，不论哪一种设计风格，优秀的交互设计体验才是界面设计的根本立足点。
参考文献：
[1]常海，蒋晓.交互设计中的用户控制感研究[J].包装工程，2010，31（31）：29-31.
[2]徐延章.网页导航设计艺术表达特征分析[J].包装工程，2009，30（4）：177-178.
【关键词】：界面设计；扁平化风格；研究
一、扁平化设计概述
扁平化设计最初出现在网页设计中，微软公司最初设计的Metro风格的用户接 main是最初出现在公众视野中的扁平化设计。与当时的IOS系统应用不同，Metro风格并没有拟物化设计风格的阴影、渐变、纹理和材质感，取而代之的是由简单图形组成的色块和突出文字信息。而随后微软公司推出的Windows8操作系统和Windows phone操作系统则广泛地应用了这一扁平化设计。在苹果公司推出的IOS7系统后，扁平化设计就成为了移动终端界面设计的主流设计风格。
扁平化设计是指在设计中不使用材质、阴影、渐变等仿真的视觉效果，取而代之的是简单的色块和平面图形，以达到界面看上区更加“扁”更加“平”的视觉效果。扁平化设计可以以更加简单直接的方式把使用者需要的信息展现出来，这不仅节省了资源，更使用户能够快捷的进行交互。
二、移动终端界面设计中扁平化风格的应用
好的版式是扁平化界面设计的前提。排版形式是网站中信息列举的重要表现方式，优秀的版式设计不仅具有视觉导向性，而且能有效地传达信息。为了创作出优秀的扁平化设计作品，首先要考虑的是页面信息的空间布局，也就是通常说的版式设计。图形、色彩、文字是一切版式设计的基本组成部分。在网页界面设计中，只有合理地协调它们之间的关系才能做到信息有层次，页面布局美观并具有视觉导向功能。这里对扁平化设计中的图形、色彩、编排、文字设计的特点及核心问题进行分析。
（1）图形
在界面设计中，通常使用基本形简单明确的扁平化图形，取代具有仿真效果的有机形态。而基本形多由几何形与几何形、或曲直线条与几何形组合而成。八个图标设计，如放大镜、书本、指南针、靶心等，图形全部采用最简练的方式表现，圆形为底，线条简洁、图形高度凝练概括，装饰性几乎为零。当然越简单的图形越有设计难度，这样的表现形式对设计师的专业要求非常高，它强调提炼事物的图形特点，弱化多余的修饰，突出主题，让用户更加专注于内容本身，视觉效果直接简便，功能清晰，一目了然，减少了人们接受、适应信息时花费的时间和精力。
（2）配色
扁平化设计几乎都是平涂色彩，没有光影的立体效果。在其风格的作品中，色调层次很丰富，非常讲究色彩之间的和谐搭配，颜色搭配温和协调。扁平化设计中既有鲜艳明快的，也有同色系、饱和度较低的色彩，但是它们都深浅分明，没有过多的透明度重叠、羽化边缘以及淡化柔化等效果。扁平化设计多用色块来表现各种关系，单纯的颜色配合几何形的块面，让人看上去干净清晰，一目了然。
（3）编排
扁平化风格的界面编排遵循简洁、理性的设计原则，它与栅格设计系统相似，版面分割很有规律，结构清晰明了、简约大气。
（4）文字
文字可通過字体、字号、色调、排版方式等产生视觉空间感，达到区分主次信息、引导视觉流程的作用。字体是扁平化设计中非常重要的元素，不同风格的字体会产生不同的视觉情感，在选择字体时要保持文字的视觉感受与表述内容的统一，从而创建出期望的风格和基调。例如，宋体给人的感觉是端庄典雅，它占据的版面较小，字体秀丽，适合大面积的文字编排，通常在正文中使用，是排版过程中应用最为广泛的一种字体。在 Windows 系统下网页通常使用中易宋体和新宋体。黑体的字形严肃庄重，醒目大方，传达出来的气质干净利落，不拖泥带水，因此多用黑体作标题或标识重点，展现一级主题信息，网页编排中使用最多的是正黑和微软雅黑。
三、界面扁平化设计案例分析
界面设计中，Metro 的扁平化设计，是比较典型的一个案例。Metro 是微软在 Windows Phone 7 中正式引入的一种界面设计语言，也是 Windows 8 的主要界面风格。微软在新发布 Office 15 中也采用了 Metro设计，并得到了用户的广泛认可，今后的微软产品，可能也将会出现更多这种“扁平化”的设计风格，而少见传统的 Windows 视窗界面。Metro 这一界面风格，是基于瑞士平面设计的原则，以文字为主的界面导航。从 2006 年起，微软的应用软件 Zune 就开始使用类似 Metro 的设计风格，其设计师计划重新设计现有用户界面，以更清爽的排版和突出重点来方便用户使用。Metro 的设计理念，源于美国华盛顿州金县都会交通局的巴士站牌、机场和地铁的指示牌设计，它采用大量醒目的字体，以吸引受众注意力，这些简洁明快的设计给了微软团队灵感。微软认为 Metro 设计原则应该是“光滑、快、现代”。这也恰恰体现了当下现代设计的一种趋势。扁平化设计的优势不仅表现在视觉效果上，它还体现在实际的操作中，例如、windows8 界面设计，相比之前的版本，减少了跳转的次数，增加了经常使用的工具，如查询天气、日历等，全部集中在开始界面上，一目了然，不需要像windows7 的界面那样，需要分别点开不同的工具和子菜单才能看到。
结语
不可否认扁平化已经成为当前界面设计中的流行趋势。但从视觉方面来说，不管是简约的扁平化设计还是逼真的拟物化设计，都是众多设计中的一种。扁平化并不是仅仅因为其视觉上的简约而受到用户的欢迎，拟物化也并没有被时代所抛弃，扁平化设计更简单的信息层级以及拟物化设计更容易被人理解的视觉形象都是两个设计风格中互相所不能取代的。无论是拟物化设计还是扁平化设计，最终都是为了能够给用户带来更好的使用体验。因此，不论哪一种设计风格，优秀的交互设计体验才是界面设计的根本立足点。
参考文献：
[1]常海，蒋晓.交互设计中的用户控制感研究[J].包装工程，2010，31（31）：29-31.
[2]徐延章.网页导航设计艺术表达特征分析[J].包装工程，2009，30（4）：177-178.