金晶

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

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

檢 索：www.artdesign.org.cn

中圖分類號：J05 文獻標(biāo)志碼：A 文章編號：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ù)運動，是富有理念的藝術(shù)流派，因其對傳統(tǒng)的繪畫觀念進行了批評和傳承，在現(xiàn)代繪畫領(lǐng)域具有開創(chuàng)性的價值，其意義非同尋常，尤其對后來的現(xiàn)代設(shè)計產(chǎn)生了很大影響。UI即User Interface（用戶界面）的簡稱，它是二維的界面上，依據(jù)藝術(shù)學(xué)、心理學(xué)等設(shè)計原理將視覺元素進行編排，給人帶來舒適的視覺享受，是建立在科學(xué)性之上的現(xiàn)代藝術(shù)設(shè)計。立體主義的核心價值與界面設(shè)計相同，它對手機UI的發(fā)展趨勢具有很好的參考價值和指導(dǎo)意義。

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

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

（一）平面化、幾何化

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

（二）極簡化

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

（三）本質(zhì)化

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

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

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

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

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

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

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

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

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

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

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

（三）發(fā)展趨勢

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

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

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

三、結(jié)語

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

參考文獻：

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

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

[3] 陸原.淺談界面設(shè)計中的“扁平化”現(xiàn)象[J].南京：南京藝術(shù)學(xué)院學(xué)報（美術(shù)與設(shè)計版）， 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.