界面设计扁平化图标应用探讨
概要:在Win8 metro界面中和苹果产品及IOS系统中,均可以看到很多扁平化设计影子,在安卓系统中,也同样可以看到准扁平化设计元素且体验良好。越来越多的网站设计也在走扁平式设计的路线,扁平化的简约风格的设计正在成为一个深受欢迎的潮流,人们正在远离一直很受欢迎的拟物化设计。任何一个新生事物都有其生命周期,海量的信息和创新让人应接不暇,设计师只有根据内容要求有尺度的使用扁平化设计的美学原则,把精力集中到每一处细节上,将一切元素合理整合,才能设计出人性化的操作界面,正如美国著名信息建筑家理查德·沃尔曼所说, “现在我们开始理解到新技术的出现并非是为了取代那些 ”旧“ 的, 而是“旧” 的要容纳 “新” 的。
应用界面的友好性在很大程度上决定了其能否能被广泛接受,移动应用的开发者都很重视交互效果的友好性,考虑用户操作是否易用、指示是否清晰可靠、功能是否完善等。传统的PC操作基本依靠鼠标和键盘来完成交互操作。而现在随着便携设备的智能化发展,大量的交互操作都是基于触摸、手势甚至非接触式的感应来进行。所以,一个应用界面应如何设计从而能方便适应手势控制成为移动界面设计的一个关键。另外,应用程序随着时间、速率、弹性、图像和色彩的变换、滚动等种种设置,在设计者的精心微调之下,能带给用户多少惊奇和享受,这种效果的呈现也是交互性设计的重点。
只考虑功能的设计界面是难以获取受众的,注重友好性的界面设计还要求我们重视美感,美的界面设计可以帮助人们保持在一个合适的心理负荷下,从而更适合日益发展的技术给人们带来的挑战。[2]由于用户体验和可用性的关系密切,所以用户操作界面时候的心理体验也是决定其友好性的重要因素。美使人心情愉悦,这种愉悦感反过来又使受众的思维更具进取性,从而更容易找到所面对问题的答案。 现在越来越多的操作界面采用扁平化的视觉设计。扁平化设计给人的感觉通常都很简洁,简洁、友好的特性也使得它广受移动界面和时尚网站设计的青睐。扁平化设计的通俗理解是:使用简单特效,或者无特效来创建的设计方案,它不包含三维属性。这一设计趋势极力避免任何拟物化设计的元素,最核心的地方就是放弃一切装饰效果,诸如投影、斜面、浮雕、渐变等特效都不会在设计中出现。扁平化设计有其独特的观感,它依赖于一个清晰的层次感,所有的元素的边界都干净利落,这种设计有着鲜明的视觉效果,它所使用的元素之间有清晰的层次和布局,这使得用户能直观的了解每个元素的作用以及交互方式。[3]扁平化的设计风格如今在网页和手机上的应用无所不在,尤其在便携设备上,因为屏幕的限制,使得这一风格在用户体验上更有优势,更简洁的图标使得界面的视觉效果干净整齐,使用起来便
捷而顺畅,可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。
其实生活中处处可见扁平化设计作品,比如苹果手机,采用棱角分明的线条,加上苹果的IOS系统界面,单色鲜明的对比,非常漂亮。扁平化设计与当下最常见拟物化计形成鲜明对比,Andorid系统界面均采用拟物化,作为手机领域的风向标品牌苹果手机最新推出的IOS8使用了扁平化设计,鲜明的个性与特点,让人记忆深刻,是一种非常新颖及简便的设计美学原则在手机网页界面设计中运用的典型案例。
一种设计方式的创新,有好的一面,也有不好一面,不是所有的人都能完全的接受新的创新方式。有人会认为感觉扁平化风格过于冰冷。但是一种全新的设计方式的出现,并被大部分人所接受甚至追捧,并能引领新的设计潮流,那么它的优点必定大于缺点。
早期具有代表性的界面是微软在Windows Phone 7中引入的Metro界面设计,简洁的图形、明亮的色彩搭配网格分割,给用户一种清爽、清新、明朗的体验,为以后扁平化风格创作做出了重大启示。而将扁平化的风格推向顶峰并迅速普及的是苹果的于2013年发布的IOS7操作系统。
扁平化风格更加注重图标在美观之外的功能性意义,对色彩种类的运用相对较少,所占存储空间比较小,因而相比拟物化风格,它在有限的时间中加载速度更快;更容易突出主题,减少对用户的视觉干扰和记忆负担;便于识别,扁平化的图标设计更加简洁加上醒目的色彩,即使在较远的距离,也能够清楚地被用户识别;设计也相对容易,无需考虑多余的装饰,只需注意圖形的直观性、界面网格布局,色彩的运用等方面,使图标保持易用性、一致性。[4]
在Win8 metro界面中和苹果产品及IOS系统中,均可以看到很多扁平化设计影子,在安卓系统中,也同样可以看到准扁平化设计元素且体验良好。越来越多的网站设计也在走扁平式设计的路线,扁平化的简约风格的设计正在成为一个深受欢迎的潮流,人们正在远离一直很受欢迎的拟物化设计。任何一个新生事物都有其生命周期,海量的信息和创新让人应接不暇,设计师只有根据内容要求有尺度的使用扁平化设计的美学原则,把精力集中到每一处细节上,将一切元素合理整合,才能设计出人性化的操作界面,正如美国著名信息建筑家理查德·沃尔曼所说, “现在我们开始理解到新技术的出现并非是为了取代那些 ”旧“ 的, 而是“旧” 的要容纳 “新” 的。[5]所以,一味地为了扁平化而设计则会显得庸俗。
【参考文献】
[1]马歇尔·麦克卢汉,理解媒介———论人的延伸 [M]. 何道宽, 译. 北京: 商务印书馆, 2000
[2]任婕. 腾讯网UED体验设计之旅[M]. 电子工业出版社. 2015.(04) [3]Art Eyes设计工作室. 创意UI photoshop玩转图标设计[M]. 人民邮电出版社. 2015(01)
[4]郗鉴. 界与面一本写给青春设计师的书[M].电子工业出版社.2015.(05) [5]原研哉,设计中的设计 [M]. 济南: 山东人民美术出版社, 2006.
界面设计扁平化图标应用探讨
![](/skin/haowen/images/icon_star.png)
![](/skin/haowen/images/icon_star.png)
![](/skin/haowen/images/icon_star.png)
![](/skin/haowen/images/icon_star.png)