论文部分内容阅读
摘要:本文介绍了拟物化设计和扁平化设计的区别与联系,通过实际案例探讨如何在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时代网页当在前多屏时代就要凭借“类扁平化设计”呈现给用户。“类扁平化设计”才刚刚开始。
我们的设计应不应该“扁平化”
关于扁平化设计,最错误的理念便是:扁平化设计意味着视觉风格的扁平。字体、图像、图标一律都要扁平吗强:面扁平化、全面拟物化是不可取的,真要是这样,设计连一点可操作性都没有,还要设计师干嘛?
扁平化设计是一种糅合视觉与理念的设计风格,不能从字面意义上理解这种风格。很多网站明白这个道理,将扁平化提炼至纯粹,采用适合他们网站风格的扁平化元素。
视觉上可以部分使用扁平化风格,但是组织形式和主题表达上却不必拘泥形式。如果一味地盲目跟风,兼容性、可发挥的地方必然有限。
例如,如果你的网页用来贩卖产品,那么你的设计中必须要包含产品图像。显而易见,产品图像不是扁平化的,会给页面增添一种深度感。但是我们可以在其他地方使用扁平化元素。
这就说明了,扁平化设计有的地方能够提高你的视觉表现力,达成设计目标。有的地方不能。灵活使用,才能走得更远。我们做的是设计,而不是扁平化设计。
总结
人没有能够预测未来的水晶球,我们必须谨记一点:一切都是周而复始的,反之亦然,反复、循环、更替的出现,扁平化设计必然会在未来的某一天被取代。扁平化浪潮过后,又会是谁?设计师们会不断地计划和尝试,并最终将它进化到一个新的风格。
总之,设计行业永远处于变化之中。好的设计,无论其是否“扁平”,都应该注重通过整洁的视觉交互、有效的设计和易用的体验为用户解决问题。