基于扁平化藝術(shù)設(shè)計風格的交互性UI設(shè)計探究

李奕霏

摘要：扁平化的藝術(shù)設(shè)計風格是近年以來我國交互設(shè)計的發(fā)展熱點，這種源于國際平面主義設(shè)計風格的UI設(shè)計理念在信息化發(fā)展的時代中逐漸得到發(fā)展和應用，并成為時代交互性設(shè)計的主流模式。而本文通過對扁平化藝術(shù)設(shè)計風格的歷史發(fā)展變遷進行分析，結(jié)合圖形的可持續(xù)理論進行UI設(shè)計的深入探究，以供讀者參考。

關(guān)鍵詞：扁平化設(shè)計;交互設(shè)計;藝術(shù)風格;UI設(shè)計

一、扁平化風格概述

1.瑞士國際主義平面設(shè)計是扁平化設(shè)計的起源

在第二次世界大戰(zhàn)結(jié)束之后，世界平面設(shè)計的發(fā)展產(chǎn)生了一段時間的停滯。直到20世紀中期，全新的平面設(shè)計風格在瑞士產(chǎn)生，其具有明確、簡約的特點，傳達信息十分簡潔明了，也逐步成為世界上最為常用的設(shè)計風格，甚至被命名為“瑞士國際主義平面設(shè)計”

瑞士的蘇黎世和巴塞爾這兩個城市是扁平化設(shè)計發(fā)展的重要起源城市，在20世紀中涌現(xiàn)出一系列的平面設(shè)計大師，1959年瑞士的《新平面設(shè)計》雜志標志瑞士國際平面設(shè)計風格逐漸成熟，并且對于扁平化設(shè)計的發(fā)展歷史中有著極為重要的現(xiàn)實意義。國際主義的風格通過構(gòu)建有秩序的網(wǎng)格結(jié)構(gòu)與標準化的版面來獲取視覺效果的統(tǒng)一，而在視覺表達上可以采取非對稱的平面組織設(shè)計元素進行視覺的沖擊和扁平化的創(chuàng)新設(shè)計。由于無飾線的版面排成左對齊的形式，在平面效果上呈現(xiàn)出十分標準、規(guī)范的特點。

2.扁平化在交互設(shè)計中的問世與發(fā)展

二十世紀末期的互聯(lián)網(wǎng)站中充斥著動態(tài)圖片，頁面是較為凌亂的。而進入了二十一世紀之后，交互設(shè)計的理念不斷得到發(fā)展和創(chuàng)新，Java、動態(tài)片頭等一系列設(shè)計風靡一時?；诒馄交囆g(shù)設(shè)計風格的創(chuàng)作伴隨著現(xiàn)實的不同角度，趨向于符號、風格的轉(zhuǎn)變，讓欣賞者可以更為輕易、更舒服、更愿意去了解到作品所帶來的意義，這對于新時期交互性的UI設(shè)計舉足輕重。而當時的網(wǎng)站需要耗費較長時間來加載這些凌亂的信息和部件。微軟則注意到了這種現(xiàn)象，并且給予交互設(shè)計的理念進行新的操作系統(tǒng)研究，而“Segoe”的字體的產(chǎn)生在很大程度上打破了僵局，其采用簡單并清晰的方式來呈現(xiàn)信息，扁平化地凸出重點信息;這方面就十分類似中國傳統(tǒng)藝術(shù)風格的UI設(shè)計理念。

國際主義平面設(shè)計注意到這種交互設(shè)計理念在時代發(fā)展中的重要性，因此新一代的平面設(shè)計師對平面進行設(shè)計的時候更多的是基于交互式的體驗和感知，以UI設(shè)計作為基礎(chǔ)，讓信息的傳達更為簡單快捷，這對于風格凌亂的廣告、媒體來說是更有創(chuàng)新意義和實踐價值的。擬物化的設(shè)計具備更有辨識度的三維效果，而由于某段時間的流行風格不能夠讓設(shè)計元素得到充分的利用，扁平化的處理方式可以讓設(shè)計不那么容易過時，并且突出信息本身，這也就是這種風格在短時間內(nèi)風靡全球的重要原因。

二、扁平化的交互性UI設(shè)計的藝術(shù)風格變遷問題

1.有關(guān)中國傳統(tǒng)的藝術(shù)風格的UI交互性應用

我國在傳統(tǒng)藝術(shù)的發(fā)展中，書法、國畫以及篆刻等藝術(shù)都更多地基于寫意并且借助自然之力進行元素的抓取，更注重渾然天成的效果，通過在作品中融入個人感情，創(chuàng)作者和欣賞者都可以從書法的勾勒、筆跡來品讀心境;可以通過國畫中的顏色轉(zhuǎn)變和角度變換來觀察創(chuàng)作者的視野與氣勢;可以通過篆刻的力度、設(shè)計來品讀創(chuàng)作者的匠心和意味。

篆刻在我國有著將近四千年的發(fā)展歷史，作為一門古老的藝術(shù)，篆刻巧妙地集書法、刀法于一體，借助一方印章來進行“方寸之間”的扁平化寫意創(chuàng)作。不斷發(fā)展的篆刻工藝也逐漸演變成多種流派。篆刻藝術(shù)家在創(chuàng)作時順應材料本身的缺陷，交互性地進行留白設(shè)計，達到渾然天成的創(chuàng)作效果。中國的傳統(tǒng)藝術(shù)風格在UI交互性的應用也體現(xiàn)在書法創(chuàng)作中，融入書法家個人感情、心境與經(jīng)驗的作品也是一種藝術(shù)風格十足的交互賞析;隨著藝術(shù)表達方式在近年以來的不斷發(fā)展和完善，中國傳統(tǒng)藝術(shù)風格的UI設(shè)計會更加傾向于對人們不熟悉的效果進行刻畫，從而產(chǎn)生在人們欣賞時甚至不需要進行“深思熟慮”也能夠在作品中感受到美感和舒適的效果，更好地依據(jù)作者的想法來求得心靈上的整體共鳴，達到扁平化交互性UI設(shè)計的更高層次水平。

2.扁平化風格的變遷與交互性UI設(shè)計探究

扁平化的藝術(shù)設(shè)計風格與我國傳統(tǒng)的藝術(shù)發(fā)展有共通之處，而同時在風格與表達形式上也有著UI設(shè)計的創(chuàng)新交互特性，其中扁平化風格的特點與變遷可以很巧妙地從三個時期的繪畫創(chuàng)作來體現(xiàn)：

（1）《蒙娜麗莎》作為達·芬奇的代表作，其神秘的微笑被人們津津樂道，而在《蒙娜麗莎》的扁平式構(gòu)圖中，人們可以不僅關(guān)注其藝術(shù)價值，扁平化設(shè)計所突出的也正是讓人們意猶未盡的微笑，進而引人思索背后的故事。

（2）《日出》是莫奈的印象派代表作，在構(gòu)圖中，莫奈摒棄了寫實的方式，基于扁平化的方式進行光影的變換，向人們描繪了更具有代表性的世界和平面，其畫作《少女》也是十分具有特點的一幅作品。

（3）《吶喊》作為愛德華·蒙克的代表作，突出體現(xiàn)了表現(xiàn)主義的特點，而筆者也認為扁平化處理是這幅畫作的重要處理方式，河邊扭曲的臉龐、火紅的夕陽等給予人的印象就是焦慮與痛苦，而讓讀者印象深刻的則是扁平化處理所帶來的線條描繪與抽離效應一方面讓人驚嘆，另一方面引人思索。

從這些不同時期的代表作品可以發(fā)現(xiàn)，西方的美術(shù)風格也是基于扁平化的藝術(shù)設(shè)計發(fā)展的，但其一步步地“脫離現(xiàn)實”同時也是契合現(xiàn)實的體現(xiàn)，從寫實到對光影的摹寫，都是基于扁平化設(shè)計的交互性創(chuàng)作，這對于當代交互性UI設(shè)計是有很大的現(xiàn)實意義的?；诒馄交囆g(shù)設(shè)計風格的創(chuàng)作伴隨著現(xiàn)實的不同角度，趨向于符號、風格的轉(zhuǎn)變，讓欣賞者可以更為輕易、更舒服、更愿意去了解到作品所帶來的意義，這對于新時期交互性的UI設(shè)計舉足輕重。并且由于藝術(shù)表現(xiàn)的方式是多種多樣的，基于扁平化藝術(shù)設(shè)計風格的交互性UI設(shè)計是一種可以充分表達創(chuàng)作者思想的形式，其可以讓平面設(shè)計更為鮮活，同時可以讓創(chuàng)作的作品更加具有意義和靈性，更為契合創(chuàng)作者的內(nèi)心，基于扁平化、突出化、交互化的設(shè)計理念，才能夠設(shè)計出更具有時代性、特征性、風格性的作品。

總結(jié)

綜上所述，國際主義的風格通過構(gòu)建有秩序的網(wǎng)格結(jié)構(gòu)與標準化的版面來獲取視覺效果的統(tǒng)一，而在視覺表達上可以采取非對稱的平面組織設(shè)計元素進行視覺的沖擊和扁平化的創(chuàng)新設(shè)計;扁平化的藝術(shù)設(shè)計風格與我國傳統(tǒng)的藝術(shù)發(fā)展有共通之處，而同時在風格與表達形式上也有著UI設(shè)計的創(chuàng)新交互特性。平面作品一步步地“脫離現(xiàn)實"同時也是契合現(xiàn)實的體現(xiàn)，從寫實到對光影的摹寫，從中國的書法到西方的繪畫，都是基于扁平化設(shè)計的交互性創(chuàng)作，這對于當代交互性UI設(shè)計是有很大的現(xiàn)實意義的。

參考文獻：

[1]薛蓮.消費符號的生產(chǎn)與意義——以扁平化設(shè)計風格為例[J].設(shè)計，2018（23）：150-151.

[2]余晶.扁平化設(shè)計風格在網(wǎng)頁設(shè)計中的應用[J].新聞前哨，2018（11）：35-36.

[3]楊君君，房麗娜.包裝設(shè)計中的扁平化設(shè)計理念應用研究[J].藝術(shù)教育，2018（17）：183-184.