基于扁平化艺术设计风格的交互性UI设计探究

李奕霏

摘要：扁平化的艺术设计风格是近年以来我国交互设计的发展热点，这种源于国际平面主义设计风格的UI设计理念在信息化发展的时代中逐渐得到发展和应用，并成为时代交互性设计的主流模式。而本文通过对扁平化艺术设计风格的历史发展变迁进行分析，结合图形的可持续理论进行UI设计的深入探究，以供读者参考。

关键词：扁平化设计;交互设计;艺术风格;UI设计

一、扁平化风格概述

1.瑞士国际主义平面设计是扁平化设计的起源

在第二次世界大战结束之后，世界平面设计的发展产生了一段时间的停滞。直到20世纪中期，全新的平面设计风格在瑞士产生，其具有明确、简约的特点，传达信息十分简洁明了，也逐步成为世界上最为常用的设计风格，甚至被命名为“瑞士国际主义平面设计”

瑞士的苏黎世和巴塞尔这两个城市是扁平化设计发展的重要起源城市，在20世纪中涌现出一系列的平面设计大师，1959年瑞士的《新平面设计》杂志标志瑞士国际平面设计风格逐渐成熟，并且对于扁平化设计的发展历史中有着极为重要的现实意义。国际主义的风格通过构建有秩序的网格结构与标准化的版面来获取视觉效果的统一，而在视觉表达上可以采取非对称的平面组织设计元素进行视觉的冲击和扁平化的创新设计。由于無饰线的版面排成左对齐的形式，在平面效果上呈现出十分标准、规范的特点。

2.扁平化在交互设计中的问世与发展

二十世纪末期的互联网站中充斥着动态图片，页面是较为凌乱的。而进入了二十一世纪之后，交互设计的理念不断得到发展和创新，Java、动态片头等一系列设计风靡一时。基于扁平化艺术设计风格的创作伴随着现实的不同角度，趋向于符号、风格的转变，让欣赏者可以更为轻易、更舒服、更愿意去了解到作品所带来的意义，这对于新时期交互性的UI设计举足轻重。而当时的网站需要耗费较长时间来加载这些凌乱的信息和部件。微软则注意到了这种现象，并且给予交互设计的理念进行新的操作系统研究，而“Segoe”的字体的产生在很大程度上打破了僵局，其采用简单并清晰的方式来呈现信息，扁平化地凸出重点信息;这方面就十分类似中国传统艺术风格的UI设计理念。

国际主义平面设计注意到这种交互设计理念在时代发展中的重要性，因此新一代的平面设计师对平面进行设计的时候更多的是基于交互式的体验和感知，以UI设计作为基础，让信息的传达更为简单快捷，这对于风格凌乱的广告、媒体来说是更有创新意义和实践价值的。拟物化的设计具备更有辨识度的三维效果，而由于某段时间的流行风格不能够让设计元素得到充分的利用，扁平化的处理方式可以让设计不那么容易过时，并且突出信息本身，这也就是这种风格在短时间内风靡全球的重要原因。

二、扁平化的交互性UI设计的艺术风格变迁问题

1.有关中国传统的艺术风格的UI交互性应用

我国在传统艺术的发展中，书法、国画以及篆刻等艺术都更多地基于写意并且借助自然之力进行元素的抓取，更注重浑然天成的效果，通过在作品中融入个人感情，创作者和欣赏者都可以从书法的勾勒、笔迹来品读心境;可以通过国画中的颜色转变和角度变换来观察创作者的视野与气势;可以通过篆刻的力度、设计来品读创作者的匠心和意味。

篆刻在我国有着将近四千年的发展历史，作为一门古老的艺术，篆刻巧妙地集书法、刀法于一体，借助一方印章来进行“方寸之间”的扁平化写意创作。不断发展的篆刻工艺也逐渐演变成多种流派。篆刻艺术家在创作时顺应材料本身的缺陷，交互性地进行留白设计，达到浑然天成的创作效果。中国的传统艺术风格在UI交互性的应用也体现在书法创作中，融入书法家个人感情、心境与经验的作品也是一种艺术风格十足的交互赏析;随着艺术表达方式在近年以来的不断发展和完善，中国传统艺术风格的UI设计会更加倾向于对人们不熟悉的效果进行刻画，从而产生在人们欣赏时甚至不需要进行“深思熟虑”也能够在作品中感受到美感和舒适的效果，更好地依据作者的想法来求得心灵上的整体共鸣，达到扁平化交互性UI设计的更高层次水平。

2.扁平化风格的变迁与交互性UI设计探究

扁平化的艺术设计风格与我国传统的艺术发展有共通之处，而同时在风格与表达形式上也有着UI设计的创新交互特性，其中扁平化风格的特点与变迁可以很巧妙地从三个时期的绘画创作来体现：

（1）《蒙娜丽莎》作为达·芬奇的代表作，其神秘的微笑被人们津津乐道，而在《蒙娜丽莎》的扁平式构图中，人们可以不仅关注其艺术价值，扁平化设计所突出的也正是让人们意犹未尽的微笑，进而引人思索背后的故事。

（2）《日出》是莫奈的印象派代表作，在构图中，莫奈摒弃了写实的方式，基于扁平化的方式进行光影的变换，向人们描绘了更具有代表性的世界和平面，其画作《少女》也是十分具有特点的一幅作品。

（3）《呐喊》作为爱德华·蒙克的代表作，突出体现了表现主义的特点，而笔者也认为扁平化处理是这幅画作的重要处理方式，河边扭曲的脸庞、火红的夕阳等给予人的印象就是焦虑与痛苦，而让读者印象深刻的则是扁平化处理所带来的线条描绘与抽离效应一方面让人惊叹，另一方面引人思索。

从这些不同时期的代表作品可以发现，西方的美术风格也是基于扁平化的艺术设计发展的，但其一步步地“脱离现实”同时也是契合现实的体现，从写实到对光影的摹写，都是基于扁平化设计的交互性创作，这对于当代交互性UI设计是有很大的现实意义的。基于扁平化艺术设计风格的创作伴随着现实的不同角度，趋向于符号、风格的转变，让欣赏者可以更为轻易、更舒服、更愿意去了解到作品所带来的意义，这对于新时期交互性的UI设计举足轻重。并且由于艺术表现的方式是多种多样的，基于扁平化艺术设计风格的交互性UI设计是一种可以充分表达创作者思想的形式，其可以让平面设计更为鲜活，同时可以让创作的作品更加具有意义和灵性，更为契合创作者的内心，基于扁平化、突出化、交互化的设计理念，才能够设计出更具有时代性、特征性、风格性的作品。

总结

综上所述，国际主义的风格通过构建有秩序的网格结构与标准化的版面来获取视觉效果的统一，而在视觉表达上可以采取非对称的平面组织设计元素进行视觉的冲击和扁平化的创新设计;扁平化的艺术设计风格与我国传统的艺术发展有共通之处，而同时在风格与表达形式上也有着UI设计的创新交互特性。平面作品一步步地“脱离现实"同时也是契合现实的体现，从写实到对光影的摹写，从中国的书法到西方的绘画，都是基于扁平化设计的交互性创作，这对于当代交互性UI设计是有很大的现实意义的。

参考文献：

[1]薛莲.消费符号的生产与意义——以扁平化设计风格为例[J].设计，2018（23）：150-151.

[2]余晶.扁平化设计风格在网页设计中的应用[J].新闻前哨，2018（11）：35-36.

[3]杨君君，房丽娜.包装设计中的扁平化设计理念应用研究[J].艺术教育，2018（17）：183-184.