立體主義風格融入移動端界面的設計研究

毛維潔 陳媛媛

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

關鍵詞：立體主義;移動端;界面設計;扁平化

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

0 引言

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

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

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

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

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

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

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

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

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

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

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

2 立體主義融入移動端界面的設計內涵與影響

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

2.1 立體主義融入移動端界面設計的圖標設計，靜態與動態的幾何風格疊加

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

2.2 立體主義融入移動端界面設計的視覺框架設計，簡化與重構處理

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

2.3 立體主義融入移動端界面設計的風格處理，極簡與扁平化藝術處理整合

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

2.4 立體主義融入移動端界面設計的交互形式，畫面構圖拼貼與材質構成交互

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

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

3 結語

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

參考文獻：

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

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

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

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

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

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

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