金晶

摘 要：立體主義是發(fā)生于20世紀(jì)法國(guó)近代藝術(shù)史上的杰出畫派，其繪畫風(fēng)格與理念是現(xiàn)代藝術(shù)發(fā)展的淵源。文章探討立體主義風(fēng)格對(duì)手機(jī)UI設(shè)計(jì)發(fā)展的影響，依據(jù)立體主義繪畫史料，研究了立體主義的風(fēng)格特點(diǎn)。在此基礎(chǔ)上，研究了手機(jī)UI設(shè)計(jì)的發(fā)展歷程，發(fā)現(xiàn)立體主義推動(dòng)了手機(jī)UI設(shè)計(jì)發(fā)展，表現(xiàn)在UI設(shè)計(jì)風(fēng)格從擬物化向扁平化轉(zhuǎn)變，并向更強(qiáng)調(diào)人性化設(shè)計(jì)方向發(fā)展。立體主義的開拓精神為UI設(shè)計(jì)提供了探索性的借鑒，對(duì)UI設(shè)計(jì)的發(fā)展影響深遠(yuǎn)。

關(guān)鍵詞：手機(jī)UI設(shè)計(jì)發(fā)展；立體主義；擬物化；扁平化

檢 索：www.artdesign.org.cn

中圖分類號(hào)：J05 文獻(xiàn)標(biāo)志碼：A 文章編號(hào)：1008-2832（2016）09-0102-02

The Influence of Cubism to the Development of Mobile Phone UI Design

JIN Jing（Zhejiang University， Hangzhou， 310028， China）

Abstract ：Cubism is an important painting school of western modern art history， which produce the profound effect to the development of modern art. The article studies the influence of cubism to the development of mobile phone UI design. According to the history materials of cubist painting， the article researches the stylistic features of cubism. On this basis， the article researches the development history of mobile phone UI design， and find the result is that cubism promote the development of mobile phone UI design. The style of UI design transform from Skeuomorphism to Flat Design， and more emphasis on the humanized design. In summary， pioneering spirit of cubism provides exploratory reference for UI design， and has a profound influence on the development of UI design.

Key words ：the development of mobile phone UI design； cubism； skeuomorphism； flat design

Internet ：www.artdesign.org.cn

立體主義是美術(shù)界最引人矚目的藝術(shù)運(yùn)動(dòng)，是富有理念的藝術(shù)流派，因其對(duì)傳統(tǒng)的繪畫觀念進(jìn)行了批評(píng)和傳承，在現(xiàn)代繪畫領(lǐng)域具有開創(chuàng)性的價(jià)值，其意義非同尋常，尤其對(duì)后來(lái)的現(xiàn)代設(shè)計(jì)產(chǎn)生了很大影響。UI即User Interface（用戶界面）的簡(jiǎn)稱，它是二維的界面上，依據(jù)藝術(shù)學(xué)、心理學(xué)等設(shè)計(jì)原理將視覺元素進(jìn)行編排，給人帶來(lái)舒適的視覺享受，是建立在科學(xué)性之上的現(xiàn)代藝術(shù)設(shè)計(jì)。立體主義的核心價(jià)值與界面設(shè)計(jì)相同，它對(duì)手機(jī)UI的發(fā)展趨勢(shì)具有很好的參考價(jià)值和指導(dǎo)意義。

一、立體主義的產(chǎn)生及風(fēng)格特點(diǎn)

立體主義繪畫開始于1907年，最先提出的是法國(guó)著名畫家保羅·塞尚，隨后以西班牙畫家畢加索和法國(guó)畫家布拉克為代表的立體主義藝術(shù)家繼承塞尚對(duì)繪畫結(jié)構(gòu)進(jìn)行理性分析的傳統(tǒng)，徹底顛覆了傳統(tǒng)藝術(shù)和設(shè)計(jì)的思維方式與美學(xué)理念，組建了一種平面的繪畫性的空間及形體結(jié)構(gòu)。其風(fēng)格特點(diǎn)主要表現(xiàn)在3個(gè)方面。

（一）平面化、幾何化

立體主義繪畫徹底拋棄了傳統(tǒng)繪畫的透視法，通過(guò)多視點(diǎn)透視的視覺造型手段實(shí)現(xiàn)二維空間的塑造。在畢加索立體主義處女作《亞威農(nóng)少女》（圖1）中，他把畫面的五個(gè)人物不同側(cè)面的部位，都凝聚在單一的平面中，把不同角度的人物進(jìn)行了結(jié)構(gòu)上的組合。他將自然的人體、靜物等都分解成幾何切面，并且通過(guò)抽象的線與面、面與體進(jìn)行分離和組合，用以表述描繪的對(duì)象。

（二）極簡(jiǎn)化

立體主義繪畫追求內(nèi)容與形式要完美統(tǒng)一。畫家們擺脫客觀自然的限制和羈絆，自由地改變空間關(guān)系，刪除物體表面產(chǎn)生的瑣碎質(zhì)感，將復(fù)雜立體結(jié)構(gòu)簡(jiǎn)化為平面的幾何形。畢加索作為立體主義的開山鼻祖，曾經(jīng)畫了11幅關(guān)于牛的素描稿，其越畫到后期，線條就越簡(jiǎn)練，越抓住反映事物本質(zhì)的內(nèi)部結(jié)構(gòu)，到達(dá)最后一幅，就只用幾根簡(jiǎn)單的線條就能表現(xiàn)出栩栩如生的牛形象，如圖2。

（三）本質(zhì)化

魯?shù)婪颉ぐ⒍骱Ｄ氛J(rèn)為，對(duì)事物形象的感知不只是簡(jiǎn)單的機(jī)械復(fù)制，更重要的是主動(dòng)把控其總體本質(zhì)特征。同樣地，立體主義畫家表達(dá)事物的方式也不是簡(jiǎn)單的復(fù)制，而是通過(guò)主觀創(chuàng)造和加工，抓住事物本質(zhì)，并以最簡(jiǎn)單、快速的方法表現(xiàn)出來(lái)，用最簡(jiǎn)單的形表現(xiàn)最本質(zhì)的內(nèi)容。

二、手機(jī)UI設(shè)計(jì)的發(fā)展過(guò)程及其風(fēng)格變化

手機(jī)UI設(shè)計(jì)起源于智能觸屏手機(jī)的發(fā)明，自2007年美國(guó)蘋果公司第一款觸摸智能手機(jī)iPhone問(wèn)世至今，在不到10年的發(fā)展過(guò)程中，其風(fēng)格特征逐漸變化，主要表現(xiàn)在從擬物化向扁平化轉(zhuǎn)變，并逐漸更重視對(duì)人性化的設(shè)計(jì)。

（一）擬物化風(fēng)格階段

2007年，蘋果公司推出的智能手機(jī)界面凸顯擬物化風(fēng)格，其圖標(biāo)表現(xiàn)為圓角矩形、漸變、水晶、陰影、材質(zhì)感等裝飾效果。當(dāng)時(shí)蘋果的擬物化界面設(shè)計(jì)風(fēng)格成為時(shí)尚的代表，引領(lǐng)了軟件界面設(shè)計(jì)風(fēng)格。

2008年，谷歌推出安卓手機(jī)操作系統(tǒng)，Android界面風(fēng)格與蘋果的ios系統(tǒng)非常相似。相比ios系統(tǒng)，安卓系統(tǒng)更具有開放性和個(gè)性化，因而在當(dāng)時(shí)得以迅猛發(fā)展，受到大量消費(fèi)者的青睞。

在這一階段，擬物化風(fēng)格以人們熟悉的事物作為參照物來(lái)進(jìn)行UI設(shè)計(jì)，給手機(jī)端用戶帶來(lái)簡(jiǎn)單易學(xué)、易用的效果而大受歡迎。但隨著信息量的飛速增長(zhǎng)，應(yīng)用圖標(biāo)就會(huì)大量增加，就會(huì)帶來(lái)圖標(biāo)的相似與重復(fù)性，給用戶認(rèn)知帶來(lái)了信息混亂的狀況，促使得手機(jī)UI設(shè)計(jì)的風(fēng)格開始轉(zhuǎn)變。

（二）扁平化風(fēng)格階段

2010年微軟公司發(fā)布了Metro設(shè)計(jì)風(fēng)格，其UI設(shè)計(jì)風(fēng)格煥然一新，其原則就是弱化復(fù)雜的修飾，突出主題，采用簡(jiǎn)化、符號(hào)化的元素傳達(dá)信息。其實(shí)Metro設(shè)計(jì)風(fēng)格就是立體主義二維化及本質(zhì)化思想演變而來(lái)的設(shè)計(jì)風(fēng)格，秉承著對(duì)自然中所捕捉的形象去掉多余的視覺元素，進(jìn)行概括、簡(jiǎn)化，由此扁平化風(fēng)格應(yīng)運(yùn)而生。

2012年蘋果公司發(fā)布了ios6操作系統(tǒng)，其界面擬物風(fēng)格明顯消減，用簡(jiǎn)單、平面代替了復(fù)雜、立體效果，消除透視、漸變、羽化等裝飾手法。通過(guò)扁平化的界面設(shè)計(jì)傳達(dá)了豐富的信息、事物，由于界面簡(jiǎn)單直接，更易為現(xiàn)代快節(jié)奏生活中的人們欣賞和接受。

2013年蘋果公司移動(dòng)終端ios7操作系統(tǒng)發(fā)布，最為明顯的改變是蘋果給所有的核心應(yīng)用都重新設(shè)計(jì)了外觀，幾乎完全摒棄材料質(zhì)感效果，讓整個(gè)界面中充滿了扁平化。但另一方面創(chuàng)新地運(yùn)用漸變式的色彩和透明效果，通過(guò)色彩元素豐富了UI設(shè)計(jì)。

（三）發(fā)展趨勢(shì)

隨著科技的發(fā)展，扁平化設(shè)計(jì)被應(yīng)用于各大手機(jī)界面設(shè)計(jì)中，但是也給人們帶來(lái)了一些困擾。由于界面信息內(nèi)容增多，容易造成用戶瀏覽障礙的問(wèn)題；還有某些頁(yè)面的背景和前景的顏色太相近而難以區(qū)分，諸如此類問(wèn)題等等。美國(guó)設(shè)計(jì)家普羅斯認(rèn)為，除了美學(xué)、技術(shù)和經(jīng)濟(jì)作為設(shè)計(jì)的三個(gè)要素，更重要的還要考慮人性因素。因此，界面也需要人性化的設(shè)計(jì)。界面設(shè)計(jì)師的任務(wù)不僅僅需要及時(shí)提供給用戶所需要的信息，而且還需要在獲得信息的過(guò)程中通過(guò)界面獲得一種精神享受。因此，人性化設(shè)計(jì)已成手機(jī)UI設(shè)計(jì)的新概念。

2014年谷歌的安卓操作系統(tǒng)推出了全新的界面設(shè)計(jì)語(yǔ)言Material Design，如圖3。在界面設(shè)計(jì)上，Material Design傳承了扁平化風(fēng)格的特點(diǎn)，并且更注重人性化的設(shè)計(jì)。在界面層級(jí)設(shè)計(jì)上，Material Design添加了多色彩的卡片式設(shè)計(jì)，建立了明確的層次結(jié)構(gòu)，如圖4，這使得用戶能夠更便捷地獲取到其所需要的信息。在交互動(dòng)畫的設(shè)計(jì)上，Material Design更加重視還原現(xiàn)實(shí)世界中的運(yùn)動(dòng)規(guī)律。這與立體主義的“認(rèn)知本質(zhì)”的創(chuàng)作理念是一致的，都是通過(guò)還原認(rèn)識(shí)本質(zhì)的方法去表現(xiàn)界面當(dāng)中的信息，讓人覺得無(wú)論操作還是閱讀都是用戶最自然的反應(yīng)。

由此可見，人類的審美需求是不斷發(fā)展的，當(dāng)UI設(shè)計(jì)風(fēng)格達(dá)到擬物化的極限，就會(huì)轉(zhuǎn)向扁平化。而在扁平化風(fēng)格流行的同時(shí)，自身也在不斷進(jìn)化。美國(guó)當(dāng)代設(shè)計(jì)師德累福斯認(rèn)為一個(gè)好的成功的設(shè)計(jì)就是讓人感到更安全、更舒適、更有效、更快樂(lè)。由此可見服務(wù)大眾是手機(jī)UI設(shè)計(jì)的最終目的。

三、結(jié)語(yǔ)

立體主義風(fēng)格影響了界面設(shè)計(jì)的理念與設(shè)計(jì)方法，使得手機(jī)UI設(shè)計(jì)具有了立體主義的簡(jiǎn)約、平面、本質(zhì)等設(shè)計(jì)風(fēng)格，使UI設(shè)計(jì)從擬物化向扁平化轉(zhuǎn)變，并向更強(qiáng)調(diào)人性化方向發(fā)展。作為UI設(shè)計(jì)師不僅要有時(shí)代感與創(chuàng)新意識(shí)，更要從歷史中吸取養(yǎng)分，掌握設(shè)計(jì)的本質(zhì)與規(guī)律。只有這樣的UI設(shè)計(jì)才是成功的設(shè)計(jì)。

參考文獻(xiàn)：

[1] 魯?shù)婪颉ぐ⒍骱Ｄ?藝術(shù)與視知覺[M].滕守堯、朱江源 譯.北京：中國(guó)社會(huì)科學(xué)出版社，1984.

[2] 謝丹.論界面設(shè)計(jì)的人性化表達(dá)[J].藝術(shù)探索，2009（02）：109-110.

[3] 陸原.淺談界面設(shè)計(jì)中的“扁平化”現(xiàn)象[J].南京：南京藝術(shù)學(xué)院學(xué)報(bào)（美術(shù)與設(shè)計(jì)版）， 2014（06）：213-216.

[4] George Shih.ParasLakhani and Paul Nagy， Is Android or iPhone the Platform for Innovation in Imaging Informatics[J].Journal of Digital Imaging，2010（01）：2-7.