基于扁平化藝術設計風格的交互性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.