论文部分内容阅读
摘要：本文介绍了拟物化设计和扁平化设计的区别与联系，通过实际案例探讨如何在GUI设计中更好地运用扁平化设计，并研究了未来的扁平化设计风格的趋势。为今后GUl的设计工作提供参考。
关键词：拟物化设计 扁平化设计类 扁平化GUI
中图分类号：TN711 文献标示码：A 文章编号：1003—0069（2014）09—0105—03
扁平化设计无疑是当前讨论最多、最火的设计形式。扁平化时代之前，设计师的作品往往非常的写实，非常的有立体感。但是现在即便是拟物设计的引领者苹果，也不得不转变设计思路，在iOS 7上开始着手扁平化设计的探索。
拟物设计和扁平化设计的优劣，更不想说谁更好，在形式服从内容的今天，只有哪种设计风格更适合你的产品。就像水和酒哪个好喝一样，没有办法回答，只能看此时你的用户最需要什么。
首先我们来看看为什么会出现扁平化设计，有人说是对拟物设计审美疲劳了，有人说是一群高级设计师为寻求突破做出来的设计潮流，有人说，是从平面设计中演化而来，这些都是对的，扁平化设计是设计发展的必然规律。
什么是“拟物化设计”
对于拟物化设计的简单理解就是“模拟现实对象”。按照苹果公司的说法，应用程序的外观看起来与现实生活中的对应物越接近，使用起来就越简单，相应的也有利于改善应用程序的用户体验。
人类最早的语言“象形文字”便是拟物化，几乎所有的人类文字一开始都是象形文字，用拟物的方式来描绘现实世界中的东西，学习成本低、易记。乔布斯对界面设计的一个理想是，任何年龄的人，任何经历的人，都可以在拿到设备后的几分钟内轻松地掌握它的用法。于是Apple通过利用人们的日常经验，做出拟物化的界面，从而降低用户的学习成本以及理解难度。
想像一下，当你应用中的可视化对象和操作按照现实世界中的对象与操作仿造，用户就能快速领会如何使用它。模拟实物的视觉设计和交互体验，让用户完全不用去抽象地理解就可以直观地认知和使用。当你到Apple商店里面，你会发现很多的小孩、老人在操作iPhone、iPad的时候，根本不需要别人去教，自己玩几分钟即可以流畅地使用它们。
苹果之所以形成了如今的界面风格，是因为乔布斯对低学习成本的极大重视，因而才会在界面中大量使用隐喻和模仿；而如今的扁平化设计也没有从本质上脱离这个根本的轨道。
什么是“扁平化设计”
所谓扁平化设计，就是在进行设计的过程中，去除所有具有三维突出效果的风格和属性。也就是说，去除掉下落式阴影、梯度变化、表面质地差别，以及所有具有三维效果的设计效果。对于设计师来说，扁平化设计是一种实打实的设计风格，不要花招，不要粉饰。从整体的角度来讲，扁平化设计是一种极简主义美学，附以明亮柔和的色彩，最后配上粗重醒目，而风格又复古的字体。扁平化设计简化了诸如按钮、图标一类的界面元素。
扁平化设计风格可以让设计更具有现代感，另外可以强有力地突出设计中最为重要的内容：内容和信息，因此扁平化设计在如今备受设计师们的青睐。其实那些具有三维效果的属性，本身都是某段时间的流行风格，所以去除掉了这些信息，就能让你的设计不那么容易过时。更何况还能突出内容本身。因此扁平化设计风具有很多优点。
说到扁平化设计就不能不提它的相反面，也就是rich design——丰富设计风格。所谓rich design就是通过添加各种设计装饰，例如下落阴影、梯度等，让整体设计显得很丰富。这种设计风格可以让用户在网页上进行导航时更加自如。另外rich design和拟真设计风格也不同，后者是通过模拟物理实物来让设计更加逼真。
“扁平化风格”如何应用在GUI设计中
扁平化设计如日中天。去除繁杂装饰的极简主义界面设计正当时。扁平化设计聚焦两点：视觉的极简主义，功能的最优表达。用最简单的用户界面达成最详备的功能。
在革新了由iPhone建立的拟物时代后，扁平化成为设计风格的领导者。
对于设计需要量体裁衣，我们要考虑扁平化设计真的符合自己的项目吗？
扁平化的好与坏取决于两点：1 设计师个人设计理念与设计造诣的高低；2 扁平化是否与设计需求相符。那么怎么判断扁平化是否合适呢？
扁平化设计天生简约。我们需要回归到事物的本质，追寻最重要的特质加以体现——这样，最重要的元素便显得突出，成为了视觉焦点。
影响扁平化设计的几个重要元素如下所示：
1 字体
因为扁平化设计是简约的，形状是最基本的。那么扁平化设计中，字体将被打造成视觉焦点。扁平化设计习惯加粗字体，提高视觉表现和辨识度。字体应该在极简背景下视觉表现良好，如图1所示，无衬线字体Helvetica便是典型。
2 按钮样式
按钮务求形状简单，不带有投影、光效以及渐变，色彩扁平。色彩之间对照感要强，从而提高辨识度。但是，凡事都在发展，长投影、3D扁平式、多边形的应用为扁平化按钮设计加入了更多的变数。
3 色彩
扁平化设计多姿多彩，用色大胆，因为细节的缺失必然要用色彩加以弥补。光鲜整洁的色彩将为整体设计加分。
4 形状
一改传统的蜂巢型，几何形状是扁平化设计采用的主要形式，优雅整齐。
5 图标
图标能起到形象化简述内容的作用。扁平化的图标设计务求简单。使用图标可以减少文字，提高界面的整齐感。
我们来看看Triggermall这个网站。
网站的美学风格与内容相符。通过扁平化设计去除了繁杂元素，提供了更容易上手的导航。将机构的创意体现最大化。再来看看魔兽世界的网站。
这个网站并不适合扁平化风格，导航条和图像增添了整体的神秘感和中世纪氛围。如果采用扁平化设计很明显，设计和内容无法联系到一起。 在进行设计时，一定要考虑新美学风格与内容的联系性。新风格适合内容吗？新风格与产品描述相符吗？如果不幸地错误使用扁平化设计，会对网站形象造成损害。要记住好的设计是超越潮流的，一定要谋而后定。
那么，什么情况下适合？什么情况下不适合？如何判定扁平化风格是否适合你的设计呢？
1 采用扁平化：
如果你的用户能够认可扁平化网站、熟悉扁平式导航，扁平化设计后，网站信息依然组织有效。
①内容过载，信息量大，需要整洁、有序的设计风格时，需要使用扁平化；
②当你需要收束—下页面中过于自由、散漫的设计元素时；
③一些具有进步精神的行业：诸如数码界和科技界就适合，而儿童站点不适合。
2 不采用扁平化；
①面向的用户无法接受扁平化这么新潮的风格；
②扁平化对你的设计没什么提高。如果你的页面本来就高效整洁，就不必多此一举；
③基于本能层的设计，需要对观众产生情绪作用；
④网站高度依赖视觉、交互元素，这时扁平化设计会起到限制作用。
作为设计师，我们不要被扁平化设计牵制住，扁平化不是全盘肯定，也不是全盘否定。扁平化设计提倡一种极简设计理念，消灭华而不实，将一切变得简单。记住，是将一切变得简单轻松，而不是让一切看起来枯燥呆板。设计师不要总是复制那些优秀设计作品。微软是喜欢标题和小方块，但是你没必要学微软，要做自己的设计，走自己的风格。要重视字体，字体要和网站的色彩和视觉风格搭调。扁平化设计的目标是通过简洁让重要元素更加醒目，因此还要在布局上下功夫。
扁平化世界的支持者会向你滔滔不绝地讲述科技进步，全球一体化，全时段的数字时代，更扁平化的信息传递模式。某种角度来看，他们的说法没错。任何一个人通过手机，几秒钟之内就能实现上网。因此，对设计可用性的要求更高了。我们需要更人性化的触感和更联系用户的设计方法，打造更好的用户浏览体验。那么扁平化设计是用户体验的绊脚石，影响了设计的兼容性吗？只要不盲目使用扁平化风格，就不会。
值得一提的是，扁平化设计对响应式设计大有裨益，因为扁平化设计的核心便是简约，网页的“减负”，自然能让响应式设计更高效。
时至今日，扁平化风格已经被多家大公司采用，随后，全世界都在跟风。
扁平化设计的变种有很多，但是还没有出现一种统一的标准风格。这是好事，这说明还是有一部分人没有盲从潮流，他们做出了一种反射式的设计：根据趋势与理念，掺杂—点个人理解，在趋势的基础上进行创造。
在使用扁平化风格之前，一定要进行种种考虑，到底这种风格和你的网页、内容是否能够协调。如果能提升功能性，那么自然可以。如果仅仅是为了追赶一时潮流，将风格强加给用户，且与内容不相符，那么这种设计模式是不可取的。
“类扁平化”设计时代到来
“类扁平化设计”并未彻底抛弃拟物化的优势，但是，从另一个维度，它在“扁平化设计”方面进行了大胆的尝试，比如取消了浮雕效果。
在触摸的时代，浮雕效果的必要性大大减弱了，它变成了一种偏重装饰性的多余的设计。“类扁平化设计”成为一种必然的趋势，并不是单纯的因为审美疲劳导致的为了变化而变化：
1 “类扁平化设计”具备非常好的兼容性，而单纯的拟物化设计既繁琐又费时。现在是一个多屏的时代，不同尺寸和分辨率的智能终端，PC显示器、智能电视以及所谓的智能手表等等，你会发现，类扁平化设计都能很好地适配到不同的终端上。
2 “类扁平化设计”具备优秀的组织和展现信息的能力。现在是一个信息纷杂的时代，扁平化设计可以把纷繁复杂的内容和功能有效地组织起来，以简单但合理的方式排列，使得最终的用户界面变得如此的简单易用。
3 “类扁平化设计”更适合屏幕较小的智能终端，它有更少的按钮和选项，使整个界面干净整洁、条理清晰，让用户减少认知障碍，降低用户的学习成本。
没有任何公司能够把所有的生意都做完，也没有任何的商人能够把全世界所有的钱都能赚完。同样，也没有任何的设计风格能够包打天下。但是笔者认为，泛滥的数据、纷杂交叉的信息流、PC时代网页当在前多屏时代就要凭借“类扁平化设计”呈现给用户。“类扁平化设计”才刚刚开始。
我们的设计应不应该“扁平化”
关于扁平化设计，最错误的理念便是：扁平化设计意味着视觉风格的扁平。字体、图像、图标一律都要扁平吗强：面扁平化、全面拟物化是不可取的，真要是这样，设计连一点可操作性都没有，还要设计师干嘛？
扁平化设计是一种糅合视觉与理念的设计风格，不能从字面意义上理解这种风格。很多网站明白这个道理，将扁平化提炼至纯粹，采用适合他们网站风格的扁平化元素。
视觉上可以部分使用扁平化风格，但是组织形式和主题表达上却不必拘泥形式。如果一味地盲目跟风，兼容性、可发挥的地方必然有限。
例如，如果你的网页用来贩卖产品，那么你的设计中必须要包含产品图像。显而易见，产品图像不是扁平化的，会给页面增添一种深度感。但是我们可以在其他地方使用扁平化元素。
这就说明了，扁平化设计有的地方能够提高你的视觉表现力，达成设计目标。有的地方不能。灵活使用，才能走得更远。我们做的是设计，而不是扁平化设计。
总结
人没有能够预测未来的水晶球，我们必须谨记一点：一切都是周而复始的，反之亦然，反复、循环、更替的出现，扁平化设计必然会在未来的某一天被取代。扁平化浪潮过后，又会是谁？设计师们会不断地计划和尝试，并最终将它进化到一个新的风格。
总之，设计行业永远处于变化之中。好的设计，无论其是否“扁平”，都应该注重通过整洁的视觉交互、有效的设计和易用的体验为用户解决问题。
关键词：拟物化设计 扁平化设计类 扁平化GUI
中图分类号：TN711 文献标示码：A 文章编号：1003—0069（2014）09—0105—03
扁平化设计无疑是当前讨论最多、最火的设计形式。扁平化时代之前，设计师的作品往往非常的写实，非常的有立体感。但是现在即便是拟物设计的引领者苹果，也不得不转变设计思路，在iOS 7上开始着手扁平化设计的探索。
拟物设计和扁平化设计的优劣，更不想说谁更好，在形式服从内容的今天，只有哪种设计风格更适合你的产品。就像水和酒哪个好喝一样，没有办法回答，只能看此时你的用户最需要什么。
首先我们来看看为什么会出现扁平化设计，有人说是对拟物设计审美疲劳了，有人说是一群高级设计师为寻求突破做出来的设计潮流，有人说，是从平面设计中演化而来，这些都是对的，扁平化设计是设计发展的必然规律。
什么是“拟物化设计”
对于拟物化设计的简单理解就是“模拟现实对象”。按照苹果公司的说法，应用程序的外观看起来与现实生活中的对应物越接近，使用起来就越简单，相应的也有利于改善应用程序的用户体验。
人类最早的语言“象形文字”便是拟物化，几乎所有的人类文字一开始都是象形文字，用拟物的方式来描绘现实世界中的东西，学习成本低、易记。乔布斯对界面设计的一个理想是，任何年龄的人，任何经历的人，都可以在拿到设备后的几分钟内轻松地掌握它的用法。于是Apple通过利用人们的日常经验，做出拟物化的界面，从而降低用户的学习成本以及理解难度。
想像一下，当你应用中的可视化对象和操作按照现实世界中的对象与操作仿造，用户就能快速领会如何使用它。模拟实物的视觉设计和交互体验，让用户完全不用去抽象地理解就可以直观地认知和使用。当你到Apple商店里面，你会发现很多的小孩、老人在操作iPhone、iPad的时候，根本不需要别人去教，自己玩几分钟即可以流畅地使用它们。
苹果之所以形成了如今的界面风格，是因为乔布斯对低学习成本的极大重视，因而才会在界面中大量使用隐喻和模仿；而如今的扁平化设计也没有从本质上脱离这个根本的轨道。
什么是“扁平化设计”
所谓扁平化设计，就是在进行设计的过程中，去除所有具有三维突出效果的风格和属性。也就是说，去除掉下落式阴影、梯度变化、表面质地差别，以及所有具有三维效果的设计效果。对于设计师来说，扁平化设计是一种实打实的设计风格，不要花招，不要粉饰。从整体的角度来讲，扁平化设计是一种极简主义美学，附以明亮柔和的色彩，最后配上粗重醒目，而风格又复古的字体。扁平化设计简化了诸如按钮、图标一类的界面元素。
扁平化设计风格可以让设计更具有现代感，另外可以强有力地突出设计中最为重要的内容：内容和信息，因此扁平化设计在如今备受设计师们的青睐。其实那些具有三维效果的属性，本身都是某段时间的流行风格，所以去除掉了这些信息，就能让你的设计不那么容易过时。更何况还能突出内容本身。因此扁平化设计风具有很多优点。
说到扁平化设计就不能不提它的相反面，也就是rich design——丰富设计风格。所谓rich design就是通过添加各种设计装饰，例如下落阴影、梯度等，让整体设计显得很丰富。这种设计风格可以让用户在网页上进行导航时更加自如。另外rich design和拟真设计风格也不同，后者是通过模拟物理实物来让设计更加逼真。
“扁平化风格”如何应用在GUI设计中
扁平化设计如日中天。去除繁杂装饰的极简主义界面设计正当时。扁平化设计聚焦两点：视觉的极简主义，功能的最优表达。用最简单的用户界面达成最详备的功能。
在革新了由iPhone建立的拟物时代后，扁平化成为设计风格的领导者。
对于设计需要量体裁衣，我们要考虑扁平化设计真的符合自己的项目吗？
扁平化的好与坏取决于两点：1 设计师个人设计理念与设计造诣的高低；2 扁平化是否与设计需求相符。那么怎么判断扁平化是否合适呢？
扁平化设计天生简约。我们需要回归到事物的本质，追寻最重要的特质加以体现——这样，最重要的元素便显得突出，成为了视觉焦点。
影响扁平化设计的几个重要元素如下所示：
1 字体
因为扁平化设计是简约的，形状是最基本的。那么扁平化设计中，字体将被打造成视觉焦点。扁平化设计习惯加粗字体，提高视觉表现和辨识度。字体应该在极简背景下视觉表现良好，如图1所示，无衬线字体Helvetica便是典型。
2 按钮样式
按钮务求形状简单，不带有投影、光效以及渐变，色彩扁平。色彩之间对照感要强，从而提高辨识度。但是，凡事都在发展，长投影、3D扁平式、多边形的应用为扁平化按钮设计加入了更多的变数。
3 色彩
扁平化设计多姿多彩，用色大胆，因为细节的缺失必然要用色彩加以弥补。光鲜整洁的色彩将为整体设计加分。
4 形状
一改传统的蜂巢型，几何形状是扁平化设计采用的主要形式，优雅整齐。
5 图标
图标能起到形象化简述内容的作用。扁平化的图标设计务求简单。使用图标可以减少文字，提高界面的整齐感。
我们来看看Triggermall这个网站。
网站的美学风格与内容相符。通过扁平化设计去除了繁杂元素，提供了更容易上手的导航。将机构的创意体现最大化。再来看看魔兽世界的网站。
这个网站并不适合扁平化风格，导航条和图像增添了整体的神秘感和中世纪氛围。如果采用扁平化设计很明显，设计和内容无法联系到一起。 在进行设计时，一定要考虑新美学风格与内容的联系性。新风格适合内容吗？新风格与产品描述相符吗？如果不幸地错误使用扁平化设计，会对网站形象造成损害。要记住好的设计是超越潮流的，一定要谋而后定。
那么，什么情况下适合？什么情况下不适合？如何判定扁平化风格是否适合你的设计呢？
1 采用扁平化：
如果你的用户能够认可扁平化网站、熟悉扁平式导航，扁平化设计后，网站信息依然组织有效。
①内容过载，信息量大，需要整洁、有序的设计风格时，需要使用扁平化；
②当你需要收束—下页面中过于自由、散漫的设计元素时；
③一些具有进步精神的行业：诸如数码界和科技界就适合，而儿童站点不适合。
2 不采用扁平化；
①面向的用户无法接受扁平化这么新潮的风格；
②扁平化对你的设计没什么提高。如果你的页面本来就高效整洁，就不必多此一举；
③基于本能层的设计，需要对观众产生情绪作用；
④网站高度依赖视觉、交互元素，这时扁平化设计会起到限制作用。
作为设计师，我们不要被扁平化设计牵制住，扁平化不是全盘肯定，也不是全盘否定。扁平化设计提倡一种极简设计理念，消灭华而不实，将一切变得简单。记住，是将一切变得简单轻松，而不是让一切看起来枯燥呆板。设计师不要总是复制那些优秀设计作品。微软是喜欢标题和小方块，但是你没必要学微软，要做自己的设计，走自己的风格。要重视字体，字体要和网站的色彩和视觉风格搭调。扁平化设计的目标是通过简洁让重要元素更加醒目，因此还要在布局上下功夫。
扁平化世界的支持者会向你滔滔不绝地讲述科技进步，全球一体化，全时段的数字时代，更扁平化的信息传递模式。某种角度来看，他们的说法没错。任何一个人通过手机，几秒钟之内就能实现上网。因此，对设计可用性的要求更高了。我们需要更人性化的触感和更联系用户的设计方法，打造更好的用户浏览体验。那么扁平化设计是用户体验的绊脚石，影响了设计的兼容性吗？只要不盲目使用扁平化风格，就不会。
值得一提的是，扁平化设计对响应式设计大有裨益，因为扁平化设计的核心便是简约，网页的“减负”，自然能让响应式设计更高效。
时至今日，扁平化风格已经被多家大公司采用，随后，全世界都在跟风。
扁平化设计的变种有很多，但是还没有出现一种统一的标准风格。这是好事，这说明还是有一部分人没有盲从潮流，他们做出了一种反射式的设计：根据趋势与理念，掺杂—点个人理解，在趋势的基础上进行创造。
在使用扁平化风格之前，一定要进行种种考虑，到底这种风格和你的网页、内容是否能够协调。如果能提升功能性，那么自然可以。如果仅仅是为了追赶一时潮流，将风格强加给用户，且与内容不相符，那么这种设计模式是不可取的。
“类扁平化”设计时代到来
“类扁平化设计”并未彻底抛弃拟物化的优势，但是，从另一个维度，它在“扁平化设计”方面进行了大胆的尝试，比如取消了浮雕效果。
在触摸的时代，浮雕效果的必要性大大减弱了，它变成了一种偏重装饰性的多余的设计。“类扁平化设计”成为一种必然的趋势，并不是单纯的因为审美疲劳导致的为了变化而变化：
1 “类扁平化设计”具备非常好的兼容性，而单纯的拟物化设计既繁琐又费时。现在是一个多屏的时代，不同尺寸和分辨率的智能终端，PC显示器、智能电视以及所谓的智能手表等等，你会发现，类扁平化设计都能很好地适配到不同的终端上。
2 “类扁平化设计”具备优秀的组织和展现信息的能力。现在是一个信息纷杂的时代，扁平化设计可以把纷繁复杂的内容和功能有效地组织起来，以简单但合理的方式排列，使得最终的用户界面变得如此的简单易用。
3 “类扁平化设计”更适合屏幕较小的智能终端，它有更少的按钮和选项，使整个界面干净整洁、条理清晰，让用户减少认知障碍，降低用户的学习成本。
没有任何公司能够把所有的生意都做完，也没有任何的商人能够把全世界所有的钱都能赚完。同样，也没有任何的设计风格能够包打天下。但是笔者认为，泛滥的数据、纷杂交叉的信息流、PC时代网页当在前多屏时代就要凭借“类扁平化设计”呈现给用户。“类扁平化设计”才刚刚开始。
我们的设计应不应该“扁平化”
关于扁平化设计，最错误的理念便是：扁平化设计意味着视觉风格的扁平。字体、图像、图标一律都要扁平吗强：面扁平化、全面拟物化是不可取的，真要是这样，设计连一点可操作性都没有，还要设计师干嘛？
扁平化设计是一种糅合视觉与理念的设计风格，不能从字面意义上理解这种风格。很多网站明白这个道理，将扁平化提炼至纯粹，采用适合他们网站风格的扁平化元素。
视觉上可以部分使用扁平化风格，但是组织形式和主题表达上却不必拘泥形式。如果一味地盲目跟风，兼容性、可发挥的地方必然有限。
例如，如果你的网页用来贩卖产品，那么你的设计中必须要包含产品图像。显而易见，产品图像不是扁平化的，会给页面增添一种深度感。但是我们可以在其他地方使用扁平化元素。
这就说明了，扁平化设计有的地方能够提高你的视觉表现力，达成设计目标。有的地方不能。灵活使用，才能走得更远。我们做的是设计，而不是扁平化设计。
总结
人没有能够预测未来的水晶球，我们必须谨记一点：一切都是周而复始的，反之亦然，反复、循环、更替的出现，扁平化设计必然会在未来的某一天被取代。扁平化浪潮过后，又会是谁？设计师们会不断地计划和尝试，并最终将它进化到一个新的风格。
总之，设计行业永远处于变化之中。好的设计，无论其是否“扁平”，都应该注重通过整洁的视觉交互、有效的设计和易用的体验为用户解决问题。