扁平化设计风格在界面中的应用

2017-12-29 10:55尹中月沈阳工学院
数码世界 2017年4期
关键词:用户界面扁平化界面设计

尹中月 沈阳工学院

扁平化设计风格在界面中的应用

尹中月 沈阳工学院

扁平化界面设计中首要考虑的最直观又是最难把控的——用户界面交互理解,扁平化设计使得用户操作起来更加简洁、高效和舒适。本文通过对界面设计中的扁平化应用加以分析,发掘出扁平化的设计特点能给用户界面提升哪些方面的功能,以及在界面中的扁平化设计所面临的优势与困难等,将对其进行分析与研究。

删繁就简 扁平化应用设计 扁平化的提升功能

引言:通过分析大数据技术在交互界面设计中对其设计范围、设计理念与设计方法三个方面所产生的广泛影响,提出了扁平化设计在大数据时代所具备的迥然于拟物化设计的创新特征与方法,包括抽象而细致的设计编排、明丽而丰富的配色体系以及基于科技的远程交互功能;简析了扁平化设计在交互界面设计的创新功能的抽象化表达、抽象化趋势的视觉形式、获取信息流的直观路径中所发挥的独特优势,为交互设计的发展提出合理化建议。

1 扁平化设计的理念构成

扁平化,是设计形式采用的样式和特点来决定的。扁平化完全是平面化的设计类型。最重要的一点就是要放弃一切装饰效果,如阴影、透视、纹理、渐变等具有3D效果的元素统统丢弃。所有的元素的边界都干净利落。尤其在手机上,更少的按钮和选项使得界面干净整齐,使用起来格外简洁,可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。

2 扁平化的基本形式

去粗取精,简洁元素。

UI(即“User Interface”用户界面的简称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计),UI的扁平化设计采用简单的元素去设置用户界面,坚持简单的形状并且偏向每个形象的单独使用,这就方便了设计师,不仅让界面简洁美观,更使得操作功能得到提升。

所以去除繁琐的装饰,把精力更多地运用于人机交互效率和功能性的把控,这是现如今UI扁平化界面所体现的优势,真正能操作的不是界面中过多的花边、阴影、特效,而是对能够更快识别,更易找寻的界面人性化功能。成功案例中最重要的就是用户体验和互动元素的布局和设计,其独特的美感依赖于每一个元素清晰的层次感。虽然越来越多的设计师开始注意平面设计原则,但扁平化设计能够效率最大化的运用于界面应用程序和移动端。容量小、按钮和界面清晰,以致使给用户一个完美的体验。优秀的扁平化设计要包含完美的架构、网格和排版布局及色彩的应用,而并不是单纯的简单。

3 界面扁平化应用的优势和发展

我们现在几乎无时无刻不在互联网上,随时随地接受大量信息,需要我们去评估其价值,过滤不重要的,或者创造新的内容。这些都给我们造成大量负荷。尤其是现在小屏幕设备流行,致使我们更需要减少过度繁杂元素的交互界面设计。

3.1 扁平化的简单是一种趋势

现在许多颠覆性的网页应用和服务都专注在少量的功能和特性上,这一趋势也使一些传统上提供大而全功能的开发者也开始专注于功能简单的“轻应用”上。简单的应用也就意味着简单的交互界面。

3.2 在数字媒体中的应用理念

综上所述,扁平化的设计运用于界面设计中,给用户带来了更加简洁、高效、舒适的使用感觉,也易化了用户界面交互理解,它对传统进行了批判的继承,同时又发展出了别具一格的设计风格。对扁平化设计这种国际前沿的设计潮流进行分析研究,有助于发掘出独特而又新颖的设计语言,而这正是我们这些设计从业者非常需要的,相信在不久的将来UI界面设计的扁平化应用会以更好的姿态展现在人们面前。

4 扁平化设计的发展优势和存在问题

发展优势:扁平化的界面有助于提高用户体验——效率。

其一是视觉效果方面,比如:Andriod手机有很多种分辨率,要想使同一个App在各种分辨率中都能清晰显示,就需要准备多套资源以对应,ROM资源里就存在hdpi、ldpi、mdpi等资源以应对各种不同分辨率,这样一来调用的资源越多,程序运行的速度就越慢。扁平化设计倾向矢量风格的图形,在一定程度上减弱对像素精度的依赖,从而创建出适应性更高的用户界面。类似的问题在win7系统中也很突出,虽说win7比XP的视觉效果要炫得多,但同等配置下的win7运行速度要比XP差得多,扁平化设计很好的解决了这个问题,让系统运行更流畅,大大提高用户体验。

存在问题:凡事有利有弊,彻底扁平化的界面设计在表现力上有很大局限性。如:完全抛弃所有投影、肌理、浮雕效果,仅仅依赖极简风格的线条、色块来准确表现。越来越多样化,新品层出不穷的APP是难以实现的。

拟真效果的界面设计之所以受追捧是因为它通过尽可能多的描绘降低学习成本。虽说扁平化界面通过抛弃大量装饰元素来突出关键信息内容来让用户快速找到他们关心的信息,但高度抽象后的简洁图形符号却不是每个人都能马上看明白的,这无疑提高了认知水平,降低了用户体验。

扁平化信息层级的应用对于移动数码设备以及很多网页设计而言有很强的推广意义,方便快捷能提高用户体验,但并不代表所有数码终端都适应扁平化层级,对于操作流程有严格规范的应用程序仍需层层推进的操作引导。

[1]王受之.世界现代设计史.2002.9

[2]汪大伟.现代主义设计风格的UI设计之兴起.现代装饰,2014

叶琳(通讯作者),1983年生,满族,辽宁沈阳市,沈阳工学院教师,讲师,硕士学位,研究方向:动画设计。

猜你喜欢
用户界面扁平化界面设计
中医养生APP界面设计
“共享员工”平台界面设计
中国传统元素在界面设计中的应用
微软新专利展示可折叠手机设计
手机UI界面设计中视觉艺术元素的构成
扁平化设计在手机界面中的发展趋势
物联网用户界面如何工作
计算机软件用户界面设计分析
扁平化的球星Ⅱ
用Android Fragment技术实现多级选项列表