毛維潔 陳媛媛

摘要：知名的藝術(shù)運(yùn)動風(fēng)格——立體主義，對現(xiàn)代藝術(shù)設(shè)計(jì)產(chǎn)生彌足深遠(yuǎn)的影響。信息融合時(shí)代，移動端界面設(shè)計(jì)屬于現(xiàn)代藝術(shù)設(shè)計(jì)與科技交叉的新興設(shè)計(jì)領(lǐng)域。文章闡釋立體主義融入移動端界面的設(shè)計(jì)影響、設(shè)計(jì)內(nèi)涵與設(shè)計(jì)特點(diǎn)，旨在為移動端界面設(shè)計(jì)提供更多設(shè)計(jì)策略，推動移動端界面設(shè)計(jì)的發(fā)展。

關(guān)鍵詞：立體主義;移動端;界面設(shè)計(jì);扁平化

中圖分類號：TP311.52 文獻(xiàn)標(biāo)識碼：A 文章編號：1004-9436（2022）02-0-03

0 引言

立體主義起源于1907年的法國，其代表人物有巴勃羅·畢加索、喬治·布拉克，立體主義的表現(xiàn)手法強(qiáng)調(diào)多角度地描述畫面內(nèi)容，通過多角度的描繪在同一個(gè)畫面中表達(dá)出主體最完整的形象，后期還加入了實(shí)物拼貼的手段，更加貼近當(dāng)時(shí)反傳統(tǒng)的美術(shù)運(yùn)動風(fēng)潮，使當(dāng)時(shí)的繪畫藝術(shù)更加貼近生活。立體主義的發(fā)展以模仿塞尚為開端，在后期通過藝術(shù)家們對其中藝術(shù)形式的探索，更是引起了一系列的藝術(shù)運(yùn)動風(fēng)潮，對當(dāng)代的工藝美術(shù)、裝飾美術(shù)、建筑設(shè)計(jì)以及服裝設(shè)計(jì)領(lǐng)域都產(chǎn)生了彌足珍貴且深遠(yuǎn)的影響。

界面設(shè)計(jì)以數(shù)字媒體作為介質(zhì)，從用戶體驗(yàn)出發(fā)，結(jié)合設(shè)計(jì)心理學(xué)進(jìn)行人機(jī)交互設(shè)計(jì)，符合操作邏輯的同時(shí)利用視覺元素進(jìn)行藝術(shù)表達(dá)?，F(xiàn)代化的發(fā)展帶來了更多的設(shè)計(jì)需求，并且受疫情影響，人們與移動端設(shè)備的聯(lián)系更加緊密，界面設(shè)計(jì)的重要性在此時(shí)更加突出。界面設(shè)計(jì)中包含科學(xué)性、人性化以及個(gè)性化等特點(diǎn)，現(xiàn)代設(shè)計(jì)的特點(diǎn)更加突出。立體主義作為現(xiàn)代設(shè)計(jì)的藝術(shù)運(yùn)動開端也影響了界面設(shè)計(jì)，文章以移動端界面設(shè)計(jì)為例，通過圖標(biāo)設(shè)計(jì)、界面視覺框架、圖像視覺風(fēng)格以及交互形式等設(shè)計(jì)內(nèi)容分析立體主義對移動端界面設(shè)計(jì)的介入影響。

1 立體主義與移動端界面設(shè)計(jì)的概念界定

立體主義不同于20世紀(jì)初其他著名的藝術(shù)流派運(yùn)動，它并非由一個(gè)創(chuàng)始人創(chuàng)立或以一句宣言作為創(chuàng)作綱領(lǐng)，而是由多位藝術(shù)家提出各自的觀點(diǎn)從而組成不成系統(tǒng)的理論，藝術(shù)家們皆在自己思想的指引下去探索和發(fā)展立體主義，探索過程中逐步發(fā)掘出關(guān)于立體主義的定義。立體主義從現(xiàn)代藝術(shù)運(yùn)動的“反傳統(tǒng)”理念出發(fā)，反對過去藝術(shù)作品由固定視角寫實(shí)的特點(diǎn)，讓藝術(shù)家脫離過去服務(wù)于貴族時(shí)根據(jù)現(xiàn)場寫生的創(chuàng)作方式[1]。

綜觀立體主義的發(fā)展過程，其最早出現(xiàn)于1907年的法國，由代表人物巴勃羅·畢加索與喬治·布拉克共同建立發(fā)展，畢加索創(chuàng)作的油畫《亞威農(nóng)少女》被認(rèn)為是第一幅帶有立體主義視覺特點(diǎn)的作品。《亞威農(nóng)少女》一經(jīng)展出便引起了喬治·布拉克的注意，布拉克借此聯(lián)系上了畢加索，兩人便正式開始了關(guān)于立體主義的研究。在研究的開端，“立體主義”尚未被命名，“立體主義”名稱的由來皆因布拉克的作品《埃斯塔克的房子》，這幅畫作展出后有美術(shù)批評家在雜志中評論稱“布拉克先生將畫面還原為一個(gè)又一個(gè)立方體”，立體主義由此得名。

此后，法國印象主義畫家塞尚的理論和創(chuàng)作實(shí)踐給立體主義畫家的探索提供了靈感，塞尚說“要用圓柱體、圓球體、圓錐體來表現(xiàn)自然”，引出了將畫面內(nèi)的物體還原為幾何體的觀點(diǎn)，立體主義畫家們的探索由此開始追求幾何美的畫面[1]。從多角度繪制畫面主體，再將其還原、解構(gòu)、重組于二維畫面之中，強(qiáng)化畫家本人在畫面中自主的安排與思考，這樣的高自主性并無具體限制的理念為藝術(shù)家們打開了自由創(chuàng)作的思路。畢加索作為立體主義的代表人物，在多角度繪制畫面內(nèi)容的基礎(chǔ)上進(jìn)一步創(chuàng)新加入了多種材質(zhì)的拼貼，1912年展出的《藤椅上的靜物》被稱為“第一幅拼貼作品”。畢加索切割藤椅上的竹編面進(jìn)行拼貼，并結(jié)合立體主義手法繪制，這讓立體主義進(jìn)入新時(shí)期。藝術(shù)家們不僅能通過多角度繪制畫面，還能結(jié)合多種材質(zhì)，甚至結(jié)合時(shí)間與空間的變化用還原、解構(gòu)、重組等方式來表現(xiàn)畫面[2]。

立體主義運(yùn)動從“反傳統(tǒng)”的觀點(diǎn)出發(fā)，結(jié)合特殊的視覺特點(diǎn)，在20世紀(jì)百花齊放的藝術(shù)流派運(yùn)動中展示出其獨(dú)特的風(fēng)采，雖然立體主義運(yùn)動高度活躍的時(shí)間僅有短暫的7年，但這7年對藝術(shù)形式的多樣實(shí)踐探索為20世紀(jì)初的藝術(shù)家們提供了豐富的創(chuàng)作思路，從而間接激發(fā)了無數(shù)靈感，引出之后的一系列藝術(shù)改革運(yùn)動。同時(shí)將形式美從繪畫推廣至其他的實(shí)用藝術(shù)中，形式美通過立體主義繪畫視覺特點(diǎn)表現(xiàn)，即多角度繪制對繪畫內(nèi)容的還原、簡化、重構(gòu)的特點(diǎn)，還有材質(zhì)拼貼的手法以及結(jié)合時(shí)間、空間角度的特點(diǎn)，對現(xiàn)代藝術(shù)設(shè)計(jì)領(lǐng)域的建筑、雕塑、服裝設(shè)計(jì)、平面設(shè)計(jì)等內(nèi)容也產(chǎn)生了難以磨滅的影響[3]。

《現(xiàn)代漢語詞典》中“界面”的定義：物體與物體之間的接觸面，泛指人和人造物互動過程中的界面。界面設(shè)計(jì)又稱UI設(shè)計(jì)、User Interface，直譯為用戶界面。其中Interface雖譯為界面，但前綴 “Inter”包含“在……之間、互動”的意思。所以，UI設(shè)計(jì)即現(xiàn)在廣義的界面設(shè)計(jì)，包含GUI設(shè)計(jì)、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)三個(gè)方面。

早期界面設(shè)計(jì)僅包含文字內(nèi)容，后期發(fā)展出界面圖形設(shè)計(jì)，通過圖形直觀體現(xiàn)界面內(nèi)容，且僅考慮界面靜態(tài)的展現(xiàn)效果，隨后界面設(shè)計(jì)緊跟網(wǎng)絡(luò)技術(shù)的發(fā)展擴(kuò)展了其中的含義，是包含軟件或網(wǎng)頁的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。如今，優(yōu)秀的界面設(shè)計(jì)團(tuán)隊(duì)不僅要有一位在視覺設(shè)計(jì)方面有較高造詣的視覺設(shè)計(jì)師，還配置了用戶體驗(yàn)設(shè)計(jì)師以及交互設(shè)計(jì)師。在由不同背景的專業(yè)人才組成科學(xué)團(tuán)隊(duì)的基礎(chǔ)上，才能產(chǎn)出完整優(yōu)秀的、用戶體驗(yàn)迭代的界面設(shè)計(jì)作品。

移動端界面設(shè)計(jì)的出現(xiàn)代表了現(xiàn)代技術(shù)與藝術(shù)設(shè)計(jì)的又一次融合碰撞，其中隨處可見現(xiàn)代設(shè)計(jì)的影響。移動端的出現(xiàn)將界面設(shè)計(jì)由計(jì)算機(jī)大屏引入移動端小屏，移動端的便攜性使其受眾多于PC端且差額逐漸擴(kuò)大，因此移動端界面設(shè)計(jì)成為熱門領(lǐng)域受到關(guān)注，移動端界面設(shè)計(jì)產(chǎn)品數(shù)量也隨之上升，為了提高市場競爭力，加深用戶對產(chǎn)品的印象，工作團(tuán)隊(duì)更加注重其中的設(shè)計(jì)工作，加速了移動端界面設(shè)計(jì)的發(fā)展。

學(xué)界對立體主義的介入影響研究多集中于建筑、服設(shè)、平面等領(lǐng)域，在移動端界面設(shè)計(jì)領(lǐng)域的設(shè)計(jì)研究尚有欠缺。綜上，文章結(jié)合立體主義的視覺特點(diǎn)、創(chuàng)作手段等內(nèi)容對現(xiàn)代設(shè)計(jì)的影響以及現(xiàn)代設(shè)計(jì)對移動端界面設(shè)計(jì)的影響，剖析其中立體主義對移動端界面設(shè)計(jì)的介入，文中提到的立體主義特指其多角度繪制對繪畫內(nèi)容的還原、簡化、重構(gòu)的視覺特點(diǎn)以及材質(zhì)拼貼的創(chuàng)作手法。

2 立體主義融入移動端界面的設(shè)計(jì)內(nèi)涵與影響

科技浪潮下，人們的生活方式也發(fā)生了變化，同時(shí)從根本上影響著藝術(shù)設(shè)計(jì)的內(nèi)容。隨著網(wǎng)絡(luò)技術(shù)的發(fā)展而出現(xiàn)的移動智能設(shè)備也存在界面設(shè)計(jì)需求，立體主義對現(xiàn)代藝術(shù)設(shè)計(jì)的影響也在移動端界面中的視覺元素以及交互形式中有所體現(xiàn)。移動端界面設(shè)計(jì)不同于其他的界面設(shè)計(jì)，它更強(qiáng)調(diào)人性化與風(fēng)格化的特點(diǎn)，受其便攜性的影響，移動端設(shè)備的受眾范圍更廣，龐大的用戶群促使更多的應(yīng)用被研發(fā)出來，大量應(yīng)用之間的良性競爭急速推進(jìn)移動端界面設(shè)計(jì)的發(fā)展，因此移動端界面設(shè)計(jì)的人性化和風(fēng)格化特征都更加顯著，其中受立體主義影響所產(chǎn)生的特點(diǎn)也更加明顯。

2.1 立體主義融入移動端界面設(shè)計(jì)的圖標(biāo)設(shè)計(jì)，靜態(tài)與動態(tài)的幾何風(fēng)格疊加

移動端界面設(shè)計(jì)中的靜態(tài)視覺元素包含圖標(biāo)、文字、色彩與布局，其中圖標(biāo)元素設(shè)計(jì)受立體主義影響最為直觀。立體主義打破、重組、簡化畫面內(nèi)容的空間關(guān)系，強(qiáng)調(diào)多角度描繪、體現(xiàn)物體的本質(zhì)，將物體復(fù)雜的結(jié)構(gòu)還原、簡化為常見的幾何形態(tài)，凸顯物體的特征、刪除物體瑣碎的細(xì)節(jié)，帶給欣賞者直觀的視覺感受。同樣界面設(shè)計(jì)中的圖標(biāo)大多起到符號的作用，也帶有簡化、體現(xiàn)本質(zhì)的特點(diǎn)，目的在于直觀表現(xiàn)按鍵的功能及產(chǎn)品特點(diǎn)，且界面圖標(biāo)早期的擬物風(fēng)格在蘋果公司IOS7.0系統(tǒng)出現(xiàn)后被推翻，開啟多以基本幾何形變形而來的極簡風(fēng)圖標(biāo)設(shè)計(jì)時(shí)代，由點(diǎn)、線、面元素組成直觀、簡化的標(biāo)志。這樣的圖標(biāo)設(shè)計(jì)體現(xiàn)了立體主義反傳統(tǒng)寫實(shí)、強(qiáng)調(diào)多角度觀察并進(jìn)行簡化、重構(gòu)的處理手法?？梢钥闯?，立體主義通過影響現(xiàn)代藝術(shù)設(shè)計(jì)從而擴(kuò)展到影響移動端界面設(shè)計(jì)。

2.2 立體主義融入移動端界面設(shè)計(jì)的視覺框架設(shè)計(jì)，簡化與重構(gòu)處理

立體主義中簡化、重構(gòu)的處理手法不僅在界面設(shè)計(jì)中的圖標(biāo)元素方面有所體現(xiàn)，在整體的界面視覺框架中也有所體現(xiàn)。比如近年來界面設(shè)計(jì)中流行扁平化設(shè)計(jì)的趨勢。扁平化設(shè)計(jì)簡化甚至刪除陰影、透視、紋理、材質(zhì)等圖形擬物效果，以達(dá)到界面簡潔統(tǒng)一的視覺效果，常采用碩大突出的常見印刷字體，利用強(qiáng)烈的色彩對比，從而達(dá)到吸引觀者注意力的目的。扁平化界面設(shè)計(jì)，遵從“少即是多”的極簡設(shè)計(jì)原則，去掉了界面多余的裝飾效果，在視覺表現(xiàn)形式以及產(chǎn)品邏輯框架上追求扁平化的效果、簡潔的界面、高效完善的功能框架，使融入扁平化設(shè)計(jì)的APP被更多的人接受。而扁平化設(shè)計(jì)在市場上的受歡迎程度也體現(xiàn)出當(dāng)代年輕用戶對于信息產(chǎn)品的情感需求[4]。格式塔心理學(xué)代表人物魯?shù)婪颉ぐ⒍骱Ｄ氛J(rèn)為，對事物形象的感知不只是簡單地機(jī)械復(fù)制，更重要的是主動把控其總體本質(zhì)特征。同樣地，立體主義畫家表達(dá)事物的方式也不是簡單的復(fù)制，不是根據(jù)肉眼觀察強(qiáng)調(diào)近大遠(yuǎn)小的透視寫實(shí)，而是通過藝術(shù)家的主觀創(chuàng)造和加工，基于多角度的觀察抓住事物的本質(zhì)，并以最簡單、快速的方法表現(xiàn)出來，用最簡單的形式表現(xiàn)最本質(zhì)的內(nèi)容。界面設(shè)計(jì)中扁平化設(shè)計(jì)的目的也是剔除多余的、不必要的信息，突出界面中的本質(zhì)內(nèi)容。當(dāng)前的時(shí)代背景下，人們的重心會從適應(yīng)移動端設(shè)備轉(zhuǎn)變到隨身攜帶使用移動端設(shè)備，界面設(shè)計(jì)需求也更加多樣。為了滿足用戶的基本需求，界面設(shè)計(jì)需要學(xué)會舍棄浮華的細(xì)節(jié)，而集中于信息傳達(dá)和產(chǎn)品功能本身。

2.3 立體主義融入移動端界面設(shè)計(jì)的風(fēng)格處理，極簡與扁平化藝術(shù)處理整合

界面設(shè)計(jì)中除界面視覺框架扁平化設(shè)計(jì)趨勢外，圖像扁平化風(fēng)格處理與立體主義繪畫有異曲同工之妙。圖像扁平化風(fēng)格是一種極具設(shè)計(jì)感的表現(xiàn)風(fēng)格，多用于服務(wù)類應(yīng)用以及社交平臺等移動端應(yīng)用界面，其最特殊的部分在于對圖像做減法。扁平化風(fēng)格強(qiáng)調(diào)用極簡的造型表現(xiàn)出人物及事物的特點(diǎn)，簡化一切瑣碎的細(xì)節(jié)，使畫面更直觀、更具設(shè)計(jì)感。這些被提煉出的造型多是幾何形態(tài)，正如立體主義將畫面元素還原、簡化為基本幾何體的特點(diǎn)，同時(shí)扁平化風(fēng)格中的極簡造型也并不局限于單一角度的簡化，可以通過多角度的視覺形象簡化綜合產(chǎn)出一個(gè)扁平化形象，這樣的多角度表現(xiàn)手法在現(xiàn)代藝術(shù)設(shè)計(jì)中高頻出現(xiàn)，也是基于立體主義的特色表現(xiàn)手法[5]。扁平化風(fēng)格不同于早期的擬物化風(fēng)格，早期擬物化風(fēng)格強(qiáng)調(diào)簡化圖像，從而生成圖形，而扁平化風(fēng)格強(qiáng)調(diào)提煉出事物特點(diǎn)，用簡練概括的視覺處理手法擴(kuò)大特點(diǎn)，利用直觀的特點(diǎn)將事物表現(xiàn)出來。扁平化風(fēng)格更強(qiáng)調(diào)設(shè)計(jì)師的主觀思考，在設(shè)計(jì)過程中自主地簡化、重構(gòu)視覺形象，如同在立體主義作品的制作過程中也要求強(qiáng)化畫家在畫面中自主的安排與思考，這樣的高自主性并無具體限制的理念為現(xiàn)代藝術(shù)設(shè)計(jì)擴(kuò)大了視覺風(fēng)格的范圍，進(jìn)而影響界面設(shè)計(jì)在其中發(fā)展出扁平化風(fēng)格的視覺特征。

2.4 立體主義融入移動端界面設(shè)計(jì)的交互形式，畫面構(gòu)圖拼貼與材質(zhì)構(gòu)成交互

立體主義將畫面分割、重構(gòu)以及后期拼貼手法的出現(xiàn)體現(xiàn)了其對于畫面構(gòu)成的考究，其中拼貼材質(zhì)區(qū)分畫面內(nèi)容的手法更是影響著界面設(shè)計(jì)的交互形式。蘋果公司推出的IOS7.0系統(tǒng)在引起界面設(shè)計(jì)中扁平化設(shè)計(jì)的風(fēng)潮后，更新至今的IOS15系統(tǒng)都采用了毛玻璃風(fēng)格的交互形式，如輸入密碼時(shí)毛玻璃化處理鎖屏桌面，使用戶集中于輸入密碼這一交互行為。毛玻璃風(fēng)格更多地適用在頁面的背景層，有讓主體物更加突出的效果。毛玻璃效果能夠創(chuàng)建視覺層次結(jié)構(gòu)，增加自然精致的細(xì)節(jié)，通過復(fù)雜的內(nèi)容讓用戶全面感知與處理信息，有效傳遞信息，提高了信息的可讀性、易讀性。在蘋果系統(tǒng)的新版本里，毛玻璃風(fēng)格的使用范圍被再次擴(kuò)大了，如小組件的背景、應(yīng)用的側(cè)邊欄等。毛玻璃的處理不局限于頁面的背景或按鈕上，也可以在圖標(biāo)上，通過毛玻璃的疊加，圖標(biāo)的質(zhì)感會更加突出。這樣通過材質(zhì)拼貼實(shí)現(xiàn)視覺表現(xiàn)的手法恰恰是立體主義發(fā)展至后期出現(xiàn)的多材質(zhì)拼貼手法，立體主義運(yùn)動多方向的創(chuàng)作探索不受傳統(tǒng)藝術(shù)創(chuàng)作的束縛，正是這樣的自由、無約束的創(chuàng)作探索創(chuàng)造出了材質(zhì)拼貼這一手法，并隨著時(shí)代的發(fā)展將這一手法由藝術(shù)作品帶入界面設(shè)計(jì)領(lǐng)域。

綜上所述，立體主義的簡化、重構(gòu)的視覺特點(diǎn)影響著移動端界面設(shè)計(jì)的圖標(biāo)、圖像等視覺元素，且它的拼貼手法也影響到移動端界面設(shè)計(jì)的畫面構(gòu)成，這些影響并非將立體主義作品的視覺畫面照搬到移動端界面設(shè)計(jì)，而是通過立體主義對后續(xù)藝術(shù)運(yùn)動的影響再發(fā)展至現(xiàn)代設(shè)計(jì)，再通過現(xiàn)代設(shè)計(jì)影響到移動端界面設(shè)計(jì)，這樣的融入特點(diǎn)雖具體而微，但更深入人心，獲得的反響更加強(qiáng)烈;亦在提醒從業(yè)者和用戶對個(gè)性化定制的要求，通過立體主義對移動端界面設(shè)計(jì)的介入分析可知，早期藝術(shù)運(yùn)動中大膽的藝術(shù)嘗試不僅只影響藝術(shù)領(lǐng)域，還可通過影響藝術(shù)與技術(shù)交叉的設(shè)計(jì)領(lǐng)域再傳播到人們的日常生活，可見設(shè)計(jì)是藝術(shù)介入生活的一種方式。

3 結(jié)語

立體主義自誕生以來雖已歷經(jīng)百年，但其多角度繪制、還原、簡化、重構(gòu)的處理手法以及多材質(zhì)拼貼的手段在影響后續(xù)藝術(shù)運(yùn)動的同時(shí)，也影響了現(xiàn)代藝術(shù)設(shè)計(jì)中的各個(gè)派別，影響了新興的界面設(shè)計(jì)領(lǐng)域。由此可見立體主義作為現(xiàn)代藝術(shù)運(yùn)動中不可或缺的一部分，對現(xiàn)代藝術(shù)設(shè)計(jì)其融入和擴(kuò)散范圍之廣，影響持續(xù)時(shí)間之長，意義之深遠(yuǎn)。界面設(shè)計(jì)發(fā)展至今雖趨于平穩(wěn)但仍在更新變化，立體主義對界面設(shè)計(jì)的影響并不會止步于此，設(shè)計(jì)是技術(shù)與藝術(shù)的融合，藝術(shù)的任何變化和進(jìn)展都會在設(shè)計(jì)領(lǐng)域產(chǎn)生相應(yīng)的影響。相信隨著技術(shù)的進(jìn)一步推動，在移動端界面設(shè)計(jì)應(yīng)用領(lǐng)域，立體主義的視覺特色會為其發(fā)展提供更多的靈感與創(chuàng)意。此外，立體主義還可通過設(shè)計(jì)進(jìn)一步擴(kuò)大自身影響力，滿足人們的個(gè)性化需求。

參考文獻(xiàn)：

[1] 張星稀.論塞尚對后期立體主義繪畫創(chuàng)作的影響[J].美術(shù)教育研究，2017（21）：26.

[2] 吳海燕.從拼貼畫到立體主義雕塑：畢加索早期拼貼類雕塑藝術(shù)作品研究[J].美術(shù)大觀，2019（6）：68-69.

[3] 程赟.立體派多維性繪畫的現(xiàn)象學(xué)闡釋[J].西南民族大學(xué)學(xué)報(bào)（人文社會科學(xué)版），2021，42（4）：200-207.

[4] 吳麗婷.以功能性為主導(dǎo)的扁平化界面設(shè)計(jì)研究[J].設(shè)計(jì)，2014（6）：83-84.

[5] 周朕慧，李湘媛.插圖設(shè)計(jì)中扁平化圖形表現(xiàn)方法研究[J].設(shè)計(jì)，2021，34（9）：139-141.

作者簡介：毛維潔（1999—），女，福建南平人，碩士在讀，系本文通訊作者，研究方向：數(shù)字媒體藝術(shù)。

陳媛媛（1986—），女，江蘇南京人，博士在讀，副教授，研究方向：新媒體藝術(shù)與理論。