基于手機(jī)APP平臺(tái)上的繪畫(huà)元素應(yīng)用研究

唐　凱

（南京曉莊學(xué)院，江蘇 南京 211171）

基于手機(jī)APP平臺(tái)上的繪畫(huà)元素應(yīng)用研究

唐凱

（南京曉莊學(xué)院，江蘇 南京 211171）

隨著新媒體技術(shù)、移動(dòng)通信技術(shù)的飛速發(fā)展，智能手機(jī)得到普遍的使用，各大智能手機(jī)操作系統(tǒng)商為了得到更多的手機(jī)APP用戶的市場(chǎng)占有率，在應(yīng)用界面圖形設(shè)計(jì)方面開(kāi)發(fā)創(chuàng)新。手機(jī)APP平臺(tái)上的應(yīng)用種類繁多，應(yīng)用美工設(shè)計(jì)也隨機(jī)提升，繪畫(huà)元素影響著手機(jī)APP應(yīng)用上的圖形設(shè)計(jì)，傳統(tǒng)繪畫(huà)元素的大眾熟悉度增加客戶消費(fèi)群的認(rèn)知，現(xiàn)代手機(jī)APP設(shè)計(jì)的圖形大多來(lái)自于傳統(tǒng)繪畫(huà)元素的衍變。論文通過(guò)傳統(tǒng)繪畫(huà)元素對(duì)手機(jī)APP平臺(tái)上的應(yīng)用界面設(shè)計(jì)的影響，來(lái)研究手機(jī)APP平臺(tái)上的應(yīng)用界面設(shè)計(jì)，同時(shí)對(duì)促進(jìn)國(guó)內(nèi)手機(jī)APP設(shè)計(jì)行業(yè)進(jìn)一步發(fā)展做出理論參考。

APP應(yīng)用；視覺(jué)文化；繪畫(huà)性；UI交互

一　手機(jī)APP平臺(tái)及UI設(shè)計(jì)概述

（一）手機(jī)APP平臺(tái)發(fā)展現(xiàn)狀

APP是英文Application的簡(jiǎn)稱，由于蘋(píng)果等智能手機(jī)的廣泛使用，APP是指智能手機(jī)的第三方應(yīng)用程序。市面上主流的APP商店有Apple的iTunes商店，Android的Android Market，諾基亞的Ovi store，還有Blackberry用戶的BlackBerry App World，以及微軟的應(yīng)用商城。剛開(kāi)始，APP只作為一種第三方合作形式參與到互聯(lián)網(wǎng)商業(yè)活動(dòng)中，隨著手機(jī)用戶普及增多，互聯(lián)網(wǎng)飛速發(fā)展的大環(huán)境下，APP成為了一種與手機(jī)客戶端的盈利模式，如淘寶、京東、騰訊主流客戶端等，百度、新浪微博應(yīng)用平臺(tái)積聚了不同類型的用戶，借助APP平臺(tái)獲取流量。伴隨著智能手機(jī)、平板電腦、上網(wǎng)本等移動(dòng)終端的大眾普及，大眾已經(jīng)養(yǎng)成了使用APP客戶端上網(wǎng)的習(xí)慣，客戶端的商業(yè)使用已經(jīng)深入到人們的生活中。不同類型的手機(jī)終端便捷發(fā)展，拉近了人與人之間的距離，企業(yè)擁有客戶群體，增加每天的客戶使用流量，帶來(lái)企業(yè)的創(chuàng)收。各大電商向移動(dòng)APP平臺(tái)投入愈來(lái)愈大，從而也推動(dòng)力APP平臺(tái)上的應(yīng)用UI設(shè)計(jì)的發(fā)展，在UI設(shè)計(jì)領(lǐng)域中的視覺(jué)美工也成為了客戶選擇應(yīng)用的重要元素。

（二）UI設(shè)計(jì)中的繪畫(huà)元素

UI是英文User Interface的簡(jiǎn)稱，即用戶交互界面，是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。UI設(shè)計(jì)并非簡(jiǎn)單地美術(shù)設(shè)計(jì)，它像一座特殊的橋梁，連接了用戶與產(chǎn)品。它研究的是用戶與產(chǎn)品之間的交互關(guān)系，其目的是讓用戶和產(chǎn)品之間的交流更愉快。隨著手機(jī)APP平臺(tái)的發(fā)展，APP應(yīng)用中的UI設(shè)計(jì)越來(lái)越重要。在手機(jī)APP應(yīng)用UI設(shè)計(jì)發(fā)展過(guò)程中，圖形元素作為主要的視覺(jué)構(gòu)成元素，在APP應(yīng)用發(fā)展中，圖形元素呈現(xiàn)的視覺(jué)文化直接影響用戶群體的滿意度，從而也影響APP應(yīng)用的客戶認(rèn)可度。在手機(jī)APP應(yīng)用上的UI設(shè)計(jì)中包含著很多的繪畫(huà)元素。繪畫(huà)與設(shè)計(jì)存在的差異與聯(lián)系，繪畫(huà)大多是具有作者個(gè)人情感的藝術(shù)形式表達(dá)，而設(shè)計(jì)是實(shí)用性與理性思考的產(chǎn)物，兩者的聯(lián)系在于設(shè)計(jì)是基于繪畫(huà)基礎(chǔ)之上的一種再創(chuàng)造，設(shè)計(jì)不是對(duì)繪畫(huà)的一種機(jī)械式的模仿，而是在繪畫(huà)中提煉符號(hào)元素轉(zhuǎn)化成設(shè)計(jì)圖形，運(yùn)用在應(yīng)用的UI設(shè)計(jì)中，吸引用戶的使用。目前，手機(jī)APP平臺(tái)上的應(yīng)用UI設(shè)計(jì)受到后現(xiàn)代主義繪畫(huà)的影響，其設(shè)計(jì)風(fēng)格多樣化、主題觀念化、訴求個(gè)性化，并具有強(qiáng)烈的視覺(jué)沖擊力。

二　繪畫(huà)元素在APP圖形設(shè)計(jì)中的應(yīng)用

（一）圖形設(shè)計(jì)元素的概念

圖形是在二維空間中以輪廓為界限的空間碎片。簡(jiǎn)單的說(shuō)，就是以點(diǎn)、線、面各元素組成起來(lái)的有規(guī)則或無(wú)規(guī)則的圖案。在手機(jī)APP應(yīng)用UI設(shè)計(jì)中，圖形元素就是配合字體，輔助顏色所需要的圖案，以達(dá)到APP應(yīng)用的整體效果。在手機(jī)APP應(yīng)用UI界面設(shè)計(jì)中，圖形元素占據(jù)了主流的UI視覺(jué)風(fēng)格，這些圖形元素又是很多繪畫(huà)元素的衍生與再創(chuàng)造，從而體現(xiàn)了應(yīng)用的文化內(nèi)涵。圖形設(shè)計(jì)概念是伴隨著計(jì)算機(jī)軟件的發(fā)展而發(fā)展的，從視覺(jué)的繪畫(huà)到設(shè)計(jì)中的圖形，這一衍變的過(guò)程在手機(jī)APP平臺(tái)應(yīng)用上的到了發(fā)展與表現(xiàn)。隨著互聯(lián)網(wǎng)的發(fā)展，圖形動(dòng)畫(huà)設(shè)計(jì)在手機(jī)app平臺(tái)應(yīng)用中也得到發(fā)展，其傳播特點(diǎn)就是速度快，鮮明的大色塊可以增加影片的視覺(jué)效果，易于傳播，簡(jiǎn)單的圖形動(dòng)態(tài)設(shè)計(jì)及視覺(jué)轉(zhuǎn)場(chǎng)也更加的自由與靈活。從設(shè)計(jì)角度來(lái)說(shuō)，大多是根據(jù)傳統(tǒng)繪畫(huà)所重新解構(gòu)、再構(gòu)成的鏡頭畫(huà)面，來(lái)組成動(dòng)畫(huà)部分。從繪畫(huà)性來(lái)說(shuō)就是寫(xiě)實(shí)到寫(xiě)意到構(gòu)成，例如達(dá)利、安迪沃霍爾、馬蒂斯等藝術(shù)家中的作品就被廣泛的運(yùn)用在APP手機(jī)平臺(tái)應(yīng)用上，很多的應(yīng)用logo及UI的顏色搭配設(shè)計(jì)就取材于藝術(shù)家中的繪畫(huà)作品。

（二）繪畫(huà)元素與圖形設(shè)計(jì)

手機(jī)APP應(yīng)用UI設(shè)計(jì)在人們的心中已經(jīng)有著相當(dāng)重的地位。不同的APP應(yīng)用類別屬性，需要不同的視覺(jué)效果才能適合用戶，因此每一類APP應(yīng)用都有他們各自的設(shè)計(jì)風(fēng)格，從主流的三個(gè)類別來(lái)分析一下繪畫(huà)元素在UI設(shè)計(jì)中的重要性。

第一個(gè)類別屬于交易類應(yīng)用設(shè)計(jì)，如淘寶、支付寶、易趣以及京東商城等網(wǎng)站都是交易類APP應(yīng)用的代表。其中，淘寶是目前市場(chǎng)上較為成熟且具有國(guó)內(nèi)代表性的交易APP應(yīng)用。在淘寶UI設(shè)計(jì)中，支付寶中應(yīng)用進(jìn)入的畫(huà)面，和國(guó)內(nèi)當(dāng)代藝術(shù)家王廣義的繪畫(huà)作品“大躍進(jìn)”有異曲同工之處。都是具有招貼畫(huà)的視覺(jué)構(gòu)成效果，用簡(jiǎn)潔的繪畫(huà)元素組成畫(huà)面，王廣義的作品是“拳頭”，支付寶的畫(huà)面是“手指”，都是同樣突出主題的招貼效果，在組成畫(huà)面的構(gòu)圖中，利用背景的橘紅色作為一個(gè)遮罩，以圓形logo的形式表現(xiàn)主題，從而降低消費(fèi)者心里的風(fēng)險(xiǎn)性，更大程度地做好應(yīng)用的推廣。藝術(shù)家王廣義作品中也出現(xiàn)很多現(xiàn)代的文字符號(hào)，這種表現(xiàn)方式本身就是將現(xiàn)代流行符號(hào)融合在繪畫(huà)作品中，是一種后現(xiàn)代主義風(fēng)格，這種后現(xiàn)代主義風(fēng)格可以增加大眾的識(shí)別度。這種繪畫(huà)語(yǔ)言的綜合性設(shè)計(jì)同樣體現(xiàn)在支付寶的UI設(shè)計(jì)中，支付寶將某知名廣告的廣告語(yǔ)“根本停不下來(lái)”放入應(yīng)用進(jìn)入畫(huà)面的設(shè)計(jì)中，這本身也是在拉進(jìn)消費(fèi)者的熟悉度，人們生活經(jīng)常被一些文字“洗腦”，將這些“洗腦”的文字放入APP手機(jī)應(yīng)用的設(shè)計(jì)中，增加大眾的熟知度，增加消費(fèi)群體。

第二個(gè)類別屬于社交門(mén)戶類APP應(yīng)用，本類APP應(yīng)用以提供信息資訊為主要目的，是目前最普遍的APP應(yīng)用形式之一。這類APP應(yīng)用涵蓋的信息量比其他類別的APP應(yīng)用多，訪問(wèn)的用戶也較為廣泛，但所包含的功能卻比較簡(jiǎn)單，就是承載信息，將信息呈現(xiàn)給用戶。因此，如何設(shè)計(jì)各種信息以文字和圖片形式展現(xiàn)在APP應(yīng)用界面上是值得研究的。這一類APP應(yīng)用UI設(shè)計(jì)主要是研究文字與圖形元素相結(jié)合。例如新浪微博，一款主流的社交平臺(tái)。其logo的設(shè)計(jì)就是從現(xiàn)代卡通繪畫(huà)表現(xiàn)中所提煉出來(lái)的，一個(gè)“大眼睛”的圖標(biāo)設(shè)計(jì)，利用卡通元素的造型特點(diǎn)繪制瞳孔與眼白，很像日式的卡通角色造型中的眼睛。眼眶、睫毛以簡(jiǎn)單的紅色色塊造型，構(gòu)成新浪微博的logo設(shè)計(jì)。醒目、簡(jiǎn)單又富有繪畫(huà)性的表現(xiàn)。繪畫(huà)元素融合在APP應(yīng)用的視覺(jué)設(shè)計(jì)中，增加視覺(jué)感受，同樣也包含著品牌文化的傳達(dá)。例如微信的logo設(shè)計(jì)，以文字“QQ”為主要元素，將文字繪畫(huà)性的表達(dá)，構(gòu)圖上圖案一大一小，增加畫(huà)面的節(jié)奏感；背景綠色，突出圖案設(shè)計(jì)，準(zhǔn)確地表達(dá)了此應(yīng)用的快捷、免費(fèi)的特點(diǎn)；圖案一正一反，表現(xiàn)兩個(gè)人在對(duì)話，正好符合應(yīng)用的功能特點(diǎn)——一個(gè)社交APP應(yīng)用。

第三個(gè)類別屬于功能性APP應(yīng)用，功能性APP應(yīng)用就是為用戶提供某種作用或服務(wù)的APP應(yīng)用，最具有代表性的就是搜索引擎。搜索引擎是運(yùn)用特定的計(jì)算機(jī)程序從互聯(lián)網(wǎng)上搜集信息，在對(duì)信息進(jìn)行組織和處理后，為用戶提供檢索服務(wù)，將用戶檢索相關(guān)的信息展示給用戶的系統(tǒng)。這是近年來(lái)國(guó)內(nèi)逐漸形成的一種APP應(yīng)用，這類APP應(yīng)用的UI界面設(shè)計(jì)看似簡(jiǎn)單，圖形和文字都相對(duì)較少，但設(shè)計(jì)卻非常講究。例如百度、google是目前國(guó)內(nèi)外運(yùn)用最廣泛的兩個(gè)功能性APP應(yīng)用。就拿百度地圖來(lái)說(shuō)，一款非常有實(shí)用意義的功能性搜索APP應(yīng)用，生活中可以用此款應(yīng)用查詢地理位置，路線及其他相關(guān)地址。在此應(yīng)用的設(shè)計(jì)中，繪畫(huà)元素就更好地展現(xiàn)出來(lái)，首先說(shuō)說(shuō)地圖，一個(gè)大眾所熟知的圖形，在應(yīng)用的界面設(shè)計(jì)中，將地圖如繪畫(huà)中的點(diǎn)線面構(gòu)成一般呈現(xiàn)給用戶。不同的質(zhì)地，如山川、河流、房屋、用不同的色塊表現(xiàn)，構(gòu)成點(diǎn)的元素，所有的道路交織在一起構(gòu)成了線的元素，城市與城市之間構(gòu)成了塊面，這種繪畫(huà)中的點(diǎn)線面構(gòu)成很好地展示在百度地圖的應(yīng)用UI設(shè)計(jì)中。

（三）繪畫(huà)元素與字體、配色設(shè)計(jì)

在APP應(yīng)用UI中的字體與繪畫(huà)元素構(gòu)成中，字體的設(shè)計(jì)與繪畫(huà)性的表達(dá)是整個(gè)APP應(yīng)用UI設(shè)計(jì)中最重要的部分，它是給用戶呈現(xiàn)信息內(nèi)容的直接體現(xiàn)。要實(shí)現(xiàn)字體與圖形繪畫(huà)元素的相互結(jié)合，就要針對(duì)不同的圖形繪畫(huà)元素，設(shè)計(jì)不同的字體與其的關(guān)系。一般來(lái)說(shuō)，簡(jiǎn)單運(yùn)用字體的方式是字圖分離，也就是通常所說(shuō)的圖文并茂，用文字來(lái)說(shuō)明圖形。單純的文字和繪畫(huà)圖形表達(dá)比較單一，也不能滿足現(xiàn)代大眾的審美要求，將文字和圖形繪畫(huà)性的表達(dá)才具有豐富的視覺(jué)效果。例如安智市場(chǎng)，一個(gè)中國(guó)最知名的Android系統(tǒng)手機(jī)應(yīng)用軟件免費(fèi)下載平臺(tái)，其logo的設(shè)計(jì)就是將繪畫(huà)和字體很好地安排了一起，一個(gè)矢量繪制的包，配合一個(gè)功能性的文字“sale”和一個(gè)品牌推廣的文字“zhi”，綠色的繪畫(huà)性的小包很好地詮釋了此應(yīng)用的功能和安全、環(huán)保的文化內(nèi)涵，這種視覺(jué)文化在繪畫(huà)語(yǔ)言中準(zhǔn)確地表達(dá)出來(lái)。文字“sale”將此應(yīng)用的功能性詮釋，告訴用戶這是一個(gè)軟件下載平臺(tái)，“zhi”將中文品牌“智”做了一個(gè)突出，通過(guò)視覺(jué)包裝將文化理念傳達(dá)給用戶，一個(gè)很好的將繪畫(huà)元素與字體設(shè)計(jì)融合的APP應(yīng)用logo。

繪畫(huà)作品中的配色方案對(duì)APP應(yīng)用界面顏色的設(shè)計(jì)有著諸多的影響。例如蒙德里安的繪畫(huà)中就是將抽象的色塊不同大小、位置地構(gòu)圖在畫(huà)面中，達(dá)到畫(huà)面的平衡與和諧。在APP應(yīng)用中，如阿里巴巴旗下的天貓應(yīng)用，其logo的設(shè)計(jì)將黑、紅兩色不同大小的構(gòu)圖在logo中，突出表現(xiàn)主題元素，將蒙德里安的繪畫(huà)顏色運(yùn)用在logo設(shè)計(jì)中，配合卡通圖案的黑色貓臉局部，表現(xiàn)出神秘感。在用戶的體驗(yàn)過(guò)程中增加購(gòu)物的欲望。顏色在APP應(yīng)用UI設(shè)計(jì)中起到是否能吸引用戶，提供信息的重要作用。色彩不但可以使簡(jiǎn)單的APP應(yīng)用賞心悅目，還可以幫助讀者使用APP應(yīng)用。設(shè)計(jì)中拙劣的色彩方案不會(huì)傷害任何人，但是它們卻可以產(chǎn)生很糟糕的用戶體驗(yàn)。因此，理解色彩如何塑造并改善訪客體驗(yàn)和與設(shè)計(jì)的互動(dòng)是很重要的，色彩之間的搭配以及傳遞不同的感情。

三　繪畫(huà)元素在APP平臺(tái)上的用戶體驗(yàn)方面的作用及意義

APP平臺(tái)上的應(yīng)用UI以其繪畫(huà)語(yǔ)言符號(hào)、圖形元素有機(jī)的組合使之成為一種“有意味的形式”，因而，它在設(shè)計(jì)視覺(jué)藝術(shù)中同樣具有最直接、最簡(jiǎn)潔和最獨(dú)特的符號(hào)力量，能夠震撼人心。繪畫(huà)元素在APP應(yīng)用UI創(chuàng)作中，不僅是每個(gè)特殊的獨(dú)立性和技法特征的體現(xiàn)，也是作者思想以及他們?cè)O(shè)計(jì)觀念用獨(dú)具個(gè)性的UI語(yǔ)言在APP應(yīng)用中的呈現(xiàn)，這最終決定著APP應(yīng)用的成敗以及APP應(yīng)用內(nèi)涵的深淺，所以APP應(yīng)用UI創(chuàng)作應(yīng)更加重視表現(xiàn)繪畫(huà)語(yǔ)言和視覺(jué)沖擊力。繪畫(huà)元素可以很直觀地表達(dá)其應(yīng)用特點(diǎn)、樣貌及文化視覺(jué)內(nèi)涵，具有吸引用戶體驗(yàn)的關(guān)鍵作用，對(duì)APP平臺(tái)的應(yīng)用設(shè)計(jì)發(fā)展有著深遠(yuǎn)的影響。目前，APP應(yīng)用UI中繪畫(huà)元素設(shè)計(jì)已經(jīng)具有多元性、復(fù)合性、民族性、藝術(shù)性、綜合性等多重特征。行業(yè)規(guī)范也在不斷地發(fā)展，設(shè)計(jì)師的專業(yè)水平和專業(yè)素養(yǎng)也在不斷地提高。在現(xiàn)有的優(yōu)秀成果的基礎(chǔ)上，相關(guān)人員只有繼續(xù)發(fā)掘行業(yè)特色、探尋健康發(fā)展之路，才能為APP應(yīng)用UI繪畫(huà)語(yǔ)言的發(fā)展提升更強(qiáng)的生命力，才能給這一行業(yè)注入更多的活力。

[1]羅仕鑒,朱上上.用戶體驗(yàn)與產(chǎn)品創(chuàng)新設(shè)計(jì)[M].北京:機(jī)械工業(yè)出版社,2010:4-6.

[2]Makela.A.,Fulton Suri,J.Supporting Users’Creativity:Design to Induce Pleasurable Experiences[M].Proceeding of the International Conference on Affective Human Factors Design,2001:387-394.

[3]體感控制[EB/OL].http://www.baike.com/wiki,2012-03-02.

（責(zé)任編校：張京華）

J2-39

A

1673-2219（2015）01-0186-03

2014-10-21

唐凱（1993-），江蘇常州人，南京曉莊學(xué)院美術(shù)學(xué)院學(xué)生。