立體主義風(fēng)格融入移動端界面的設(shè)計研究

毛維潔 陳媛媛

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

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

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

0 引言

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3 結(jié)語

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

參考文獻：

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

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

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

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

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

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

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