扁平化设计是一种简约的UI设计语言,现被广泛应用于图形用户界面上(例如网络应用程序和手机应用程序),在图形材料,例如海报,艺术作品,指导文档,各类出版物等方面尤为常用。
定义和目的
扁平化作为一种交互界面的设计理念,强调对于三维效果图像元素使用的最小化(其元素也包括阴影、渐变和纹理)[1],亦专注于使用去除了冗余信息的图像元素,排版及纯色效果。现在的平面设计师可能更倾向于选择扁平化的设计风格,这是因为此类设计可以使画面看起来显得更为流线型,更加平滑,信息处理的效率也会更高。其次,这种设计也使人们一眼看上去就知道了界面所传达的信息,兼顾了视觉上的亲和力和耐看性[2]。与此同时,在不同屏幕尺寸的电子设备上,扁平化的界面能够更好地实现画面尺寸的转化。正是因为扁平化仅仅使用了简单的设计元素,所以使用这一设计的网页会加载得更快,画面大小的调整也更加轻松,在高分辨率的屏幕上各种信息和元素仍然十分醒目。作为一种设计理念,人们经常会将之与仿真设计和富含构思风格进行对比。 [3] [1]
历史
扁平化设计起初是受到了国际印刷风格(又名:瑞士风格、国际主义平面设计风格[4])、文本用户界面,现代主义,以及包豪斯(Bauhaus)新兴风格的影响[1][5][6][7]。当中人们普遍认为国际印刷风格对扁平化设计理念的影响是最为深远的,上世纪50、60年代的设计风格被认为是扁平化设计的开山鼻祖,但到后来的数码时代却又销声匿迹了。[8]
2002年,美国微软公司发布的Windows媒体中心(Windows Media Center)和2006年发布的Zune MP3播放器都包含了扁平化设计的元素。Zune的界面设计风格显得十分简约,其界面出现了大号的小字体排版,剪影风格的LOGO和纯色风格的字体颜色。之后在2010年发布的Windows Phone 7里,微软延续了Zune MP3这一设计理念,其中出现了大尺寸、清新明亮的风格、无衬线字体、扁平化的图标,以及网格状的菜单。Windows Phone 7的界面设计大获成功、广受好评,因此微软公司之后又发布了基于Metro界面的操作系统Windows 8。这款系统也同样拥有扁平化的界面。而在网页交互界面的设计中,纯色效果,简约式的字体、长阴影、和“幽灵按钮”都是至关重要的设计元素,而其主要的设计则包括网格状菜单,锐边风格,明亮的色彩和清晰的排版。微软公司目前已经将旗下的诸多产品转移到了Metro界面中,包括Xbox 360、Microsoft Office 和微软公司的各类网站。[1]
运用范例
时下常见的扁平化设计的案例包括微软的Metro界面[10],以及苹果公司iOS 7的交互界面。
谷歌公司产品界面的质感设计(包括App、网页等)[11]虽然运用到了一些仿真设计的元素,如长阴影,但仍然可以视为一种扁平化的设计。[12][13]
争议
尼尔森诺曼集团的研究发现,扁平化设计可能导致用户的导航时间增加达22%[14]。
参考资料
外部链接
Wikiwand in your browser!
Seamless Wikipedia browsing. On steroids.
Every time you click a link to Wikipedia, Wiktionary or Wikiquote in your browser's search results, it will show the modern Wikiwand interface.
Wikiwand extension is a five stars, simple, with minimum permission required to keep your browsing private, safe and transparent.