高校美術(shù)館APP視覺(jué)元素表現(xiàn)研究

朱 光（黑龍江東方學(xué)院，黑龍江 哈爾濱 150066）

一、高校美術(shù)館APP的重要美育職能

美育教育是高校素質(zhì)教育中的重要組成部分，對(duì)于學(xué)生情操的陶冶、思想的啟迪、審美的培養(yǎng)等方面起到至關(guān)重要的作用。而美術(shù)館作為這樣一個(gè)職能單位承載著這樣的一份功能。但是隨著近幾年的信息技術(shù)的發(fā)展，視聽媒體的變化，人們?cè)絹?lái)越習(xí)慣于手機(jī)移動(dòng)的這種閱讀方式，手機(jī)的智能化所承載的功能愈之龐大，游戲、娛樂(lè)、閱讀、通訊、繳費(fèi)、自媒體等，幾乎可以囊括人們大部分的行為生活。此時(shí)也伴隨發(fā)展的新一代大學(xué)生成長(zhǎng)起來(lái)，他們的思維靈敏、意識(shí)超前，以往的育人方式已難以引起他們的興趣。因此打破傳統(tǒng)模式，利用新思想、新方法的教育教學(xué)方式迫在眉睫。

高校美術(shù)館APP即為以手機(jī)為載體及信息傳播渠道的掌上藝術(shù)平臺(tái)。旨在為大學(xué)生傳播校園藝術(shù)文化、師生作品的展覽展示、藝術(shù)交流、藝術(shù)教育、資源共享等校園美育教育的功能媒介。它可以突破傳統(tǒng)美術(shù)館的空間局限、靜動(dòng)結(jié)合，豐富觀者的參與方式，更加全面地、立體地幫助學(xué)生理解藝術(shù)作品的內(nèi)容，產(chǎn)生思想的共鳴。它是“互聯(lián)網(wǎng)+”時(shí)代下美育教育發(fā)展的必然產(chǎn)物。

二、APP中的視覺(jué)元素表現(xiàn)

視覺(jué)元素即視覺(jué)信息傳達(dá)過(guò)程中的組成符號(hào)或基本單元，由它們按照一定的秩序原則或規(guī)范標(biāo)準(zhǔn)來(lái)形成最終的視覺(jué)藝術(shù)或產(chǎn)品設(shè)計(jì)。它包括造型元素、色彩元素、肌理元素、工藝元素、版式流程等，能夠被視覺(jué)所感知的一切內(nèi)容。作為APP這種特殊的藝術(shù)形式或品牌承載的媒介來(lái)說(shuō)，其視覺(jué)元素的表現(xiàn)方式固然別有不同。具體表現(xiàn)在圖標(biāo)元素、文字元素、色彩元素、模塊元素等，它們必須遵守嚴(yán)格的系統(tǒng)規(guī)范以及視覺(jué)元素應(yīng)用地嚴(yán)謹(jǐn)性、科學(xué)性，同時(shí)還要伴隨著潮流及人們認(rèn)知發(fā)展規(guī)律下，不斷地維系著用戶的心理，在設(shè)計(jì)上注重交互使用習(xí)慣。

1.視覺(jué)元素表現(xiàn)必須基于系統(tǒng)規(guī)范

元素的使用必須基于系統(tǒng)規(guī)范，設(shè)計(jì)元素要能夠達(dá)到準(zhǔn)確適配。設(shè)計(jì)的嚴(yán)謹(jǐn)性、科學(xué)性在此體現(xiàn)的淋漓盡致。手機(jī)有不同的型號(hào)及不同的系統(tǒng)類型，例如目前市場(chǎng)主要使用范圍為安卓Android及蘋果IOS兩大主流系統(tǒng)。其中安卓品牌機(jī)型和用戶量占比更大，例如華為、小米、vivo、oppo等都是基于安卓系統(tǒng)打造的，手機(jī)款型以及界面主題形式也十分多樣，因此我們?cè)谕瓿砂沧渴謾C(jī)界面的設(shè)計(jì)時(shí)就相對(duì)靈活，可以隨意改變主題形式，這相對(duì)于蘋果來(lái)說(shuō)就比較開放。但是我們不能隨意地、一味地只追求視覺(jué)效果，每一個(gè)功能模塊及圖標(biāo)大小、字體、字號(hào)、行距、字距、列表大小等都必須按照偶數(shù)原則以及整數(shù)原則等。字體在每種系統(tǒng)中也要求有固定的字體規(guī)范，如IOS的中文字體要求蘋方PingFangSC，英文字體要求是舊金山San Francisco，標(biāo)題一般為32號(hào)字、說(shuō)明性文字內(nèi)容一般為24號(hào)。這便是APP這種設(shè)計(jì)形式區(qū)別于其它設(shè)計(jì)門類在視覺(jué)表現(xiàn)上的局限性。

2.視覺(jué)元素表現(xiàn)應(yīng)注重用戶體驗(yàn)研究

體驗(yàn)式設(shè)計(jì)最好的呈現(xiàn)是從蘋果IOS開始，蘋果公司CEO喬布斯的設(shè)計(jì)觀念影響著當(dāng)時(shí)世界工業(yè)設(shè)計(jì)的變革，功能性、體驗(yàn)式作為產(chǎn)品設(shè)計(jì)的主導(dǎo)。從蘋果虛擬鍵盤的智能手機(jī)的問(wèn)世，則顛覆了以往人們對(duì)手機(jī)觀念地認(rèn)知，這也注定了未來(lái)手機(jī)市場(chǎng)，甚至是工業(yè)設(shè)計(jì)理念的巨大改變。3.5英寸的屏幕尺寸，以及后期出現(xiàn)的視網(wǎng)膜高清屏（Retina），都是當(dāng)時(shí)世界上最具創(chuàng)新優(yōu)異的工業(yè)產(chǎn)品。單手操作的屏幕大小、科學(xué)合理的模塊熱區(qū)、色彩親和地搭配方式、生動(dòng)統(tǒng)一地圖標(biāo)樣式、適于點(diǎn)擊的列表范圍等，都是完全以用戶的使用角度出發(fā)，注重用戶的心理研究，真正做到產(chǎn)品設(shè)計(jì)的最終目的是為了人，而不是產(chǎn)品本身。

因此一款A(yù)PP的設(shè)計(jì)就單在視覺(jué)元素地表現(xiàn)上來(lái)說(shuō)，無(wú)論是圖標(biāo)、文字、色彩，還是交互邏輯的設(shè)計(jì)，都應(yīng)該符合用戶的使用習(xí)慣及對(duì)該類產(chǎn)品的認(rèn)知，例如圖標(biāo)常用的表達(dá)形式、色彩使用的慣性、功能模塊的布局方式等。觀察天貓與京東兩大電商翹楚，它們的APP及網(wǎng)頁(yè)的界面就十分相似，這便是品牌屬性的統(tǒng)一劃分，也同樣是人們對(duì)這類品牌的一貫認(rèn)知地表現(xiàn)。色彩搭配上根據(jù)其屬性及人們的習(xí)慣，通常是綠色代表確認(rèn)、灰色代表未激活、紅色代表刪除等。圖標(biāo)表現(xiàn)的角度、內(nèi)容等也都是通常人們的統(tǒng)一理解，因此無(wú)需再做畫蛇添足的創(chuàng)意，而是把更多的精力用在交互邏輯及視覺(jué)體驗(yàn)上，其應(yīng)用、實(shí)用、好用、耐用才是一款A(yù)PP產(chǎn)品的最佳表現(xiàn)。

三、高校美術(shù)館APP視覺(jué)元素表現(xiàn)特征

高校美術(shù)館APP的視覺(jué)元素主要體現(xiàn)在功能圖標(biāo)、文字元素、色彩運(yùn)用、模塊布局、頁(yè)面邏輯、時(shí)間流程、交互行為等幾個(gè)方面。其中圖標(biāo)、文字、色彩、模塊、頁(yè)面這些都是我們通常研究的范疇，但是隨著信息技術(shù)的進(jìn)步以及視覺(jué)設(shè)計(jì)觀念的轉(zhuǎn)變，設(shè)計(jì)師更多地會(huì)把研究重心從傳統(tǒng)的版面樣式轉(zhuǎn)為交互行為及邏輯關(guān)系的深層次的研究。APP是靜態(tài)單元的動(dòng)態(tài)演繹過(guò)程，無(wú)論是在單一頁(yè)面布局滑動(dòng)下，還是頁(yè)面層級(jí)交替間。小到圖標(biāo)、文字的鏈接轉(zhuǎn)換過(guò)程，實(shí)際都蘊(yùn)藏著一種隱性的設(shè)計(jì)，即為交互行為的設(shè)計(jì)。在用戶的實(shí)用靈便地操作間，所體驗(yàn)到的愉悅便捷，便是在時(shí)間的演繹下所流露的。這種將靜態(tài)演變成動(dòng)態(tài)的過(guò)程，便是視覺(jué)元素升華表現(xiàn)的真情體現(xiàn)。

高校美術(shù)館APP作為藝術(shù)文化的傳播載體，其獨(dú)特的功能屬性，有別于其它商業(yè)性APP產(chǎn)品職能。因此它在視覺(jué)表現(xiàn)及功能模塊的搭建上要更加嚴(yán)謹(jǐn)規(guī)范，不僅應(yīng)該保證美術(shù)館本身所承載內(nèi)容的藝術(shù)審美特征，還應(yīng)當(dāng)尊重教育職能的形象莊重。美而不亂，靜中有動(dòng)，確保藝術(shù)與科學(xué)的統(tǒng)一。

1.視覺(jué)表現(xiàn)美中有序

作為美術(shù)館這一主題來(lái)說(shuō)，其產(chǎn)品內(nèi)容本身就具備絕對(duì)的藝術(shù)價(jià)值。那么如何把握美、駕馭美的規(guī)律似乎比構(gòu)建美更加困難。在美的基礎(chǔ)上，將各個(gè)元素單位，版面結(jié)構(gòu)、色彩應(yīng)用有效合理地組織起來(lái)，既能把握好美而不驕、時(shí)尚內(nèi)涵，又不能背離教育的嚴(yán)肅性，這便是我們研究設(shè)計(jì)這款A(yù)PP界面的核心方向。

2.層級(jí)邏輯、功能布局簡(jiǎn)單科學(xué)

作為一種教育產(chǎn)品，我們更加注重的是它傳播內(nèi)容的價(jià)值，以及在使用時(shí)如何簡(jiǎn)單高效，準(zhǔn)確無(wú)誤。所以在設(shè)計(jì)中我們要考慮視覺(jué)元素的表現(xiàn)要簡(jiǎn)約樸實(shí)，摒棄過(guò)于時(shí)尚潮流化。在層級(jí)邏輯及交互過(guò)程也要避免花哨繁瑣，能夠使得學(xué)習(xí)的注意力有效集中。

3.表現(xiàn)內(nèi)涵工藝結(jié)合

作為高校美術(shù)館APP產(chǎn)品，如同傳統(tǒng)學(xué)校網(wǎng)站一樣，都對(duì)學(xué)校的形象起到關(guān)鍵的宣傳作用，美術(shù)館更是一個(gè)院校精神風(fēng)貌、文化學(xué)術(shù)氛圍展現(xiàn)的窗口。因此作為重要的職責(zé)，產(chǎn)品設(shè)計(jì)表現(xiàn)上要有特色、符號(hào)性，即是區(qū)別于其它院校辦學(xué)特色、歷史積淀及培養(yǎng)人才目標(biāo)的視覺(jué)表現(xiàn)的藝術(shù)特征。這種特征有別于一些商業(yè)性美術(shù)館及藝術(shù)設(shè)計(jì)平臺(tái)，它體現(xiàn)的是一種社會(huì)主義制度下高校教學(xué)育人的使命責(zé)任，因此藝術(shù)的表現(xiàn)必須嚴(yán)肅莊重。但它也是新興信息技術(shù)的衍生品，是結(jié)合了“互聯(lián)網(wǎng)+”教育理念，工藝結(jié)合的時(shí)代信息化教育產(chǎn)物。

四、高校美術(shù)館APP視覺(jué)元素表現(xiàn)方式

在此款A(yù)PP的視覺(jué)設(shè)計(jì)開發(fā)上我們決定遵循幾個(gè)原則：①信息傳達(dá)清晰準(zhǔn)確；②層級(jí)關(guān)系簡(jiǎn)單易懂；③交互方式便捷高效；④美中有序的表現(xiàn)規(guī)則；⑤工藝結(jié)合的內(nèi)涵發(fā)揮。由此來(lái)展開我們這款A(yù)PP的設(shè)計(jì)，具體方式如下：

1.扁平化設(shè)計(jì)方式

扁平化設(shè)計(jì)是近幾年十分流行的一種設(shè)計(jì)方式，其設(shè)計(jì)特點(diǎn)是去除了冗余、繁重、復(fù)雜的裝飾效果，讓信息、功能作為設(shè)計(jì)的主體內(nèi)容凸顯出來(lái)。這種方式十分適合網(wǎng)頁(yè)設(shè)計(jì)、手機(jī)端等智能交互設(shè)計(jì)的趨勢(shì)。通過(guò)使用更少的按鈕及元素，使得頁(yè)面更加的干凈整齊，信息邏輯一目了然，從而給用戶呈現(xiàn)更佳的體驗(yàn)方式，可以有效地減少認(rèn)知障礙的產(chǎn)生。

高校美術(shù)館APP是極為適合利用這種方式進(jìn)行設(shè)計(jì)的，其特點(diǎn)完全符合我們創(chuàng)作的原則，且能夠達(dá)到信息傳播的主旨。便于學(xué)生對(duì)APP內(nèi)容的注意及知識(shí)的掌握，也不失設(shè)計(jì)的時(shí)尚流行性，可以很好地激發(fā)學(xué)生的閱讀興趣。同時(shí)還能降低功效、節(jié)省空間、提高操作運(yùn)算效率，有助于教育教學(xué)方式的展開。

2.格式塔理論設(shè)計(jì)方式

APP都是受限于手機(jī)界面大小及系統(tǒng)規(guī)范原則，那么我們?nèi)绾卧谟邢薜脑O(shè)計(jì)空間中來(lái)達(dá)到一種最佳的視覺(jué)效果及操作體驗(yàn)?zāi)兀扛袷剿碚摰耐晷蝺A向原則即是人們有一種傾向，盡可能地把一種被知覺(jué)到的東西呈現(xiàn)一種最好的形式，即便是這種完形被打破，人們也會(huì)馬上重新形成一種知覺(jué)場(chǎng)，以便被知覺(jué)的東西仍有一種完好的形式，這便是完形傾向理論。這種理論可以有效地指導(dǎo)我們對(duì)APP界面布局設(shè)計(jì)中的信息視覺(jué)層級(jí)設(shè)計(jì)，幫助設(shè)計(jì)師有的放矢地對(duì)界面信息視覺(jué)結(jié)構(gòu)進(jìn)行組織、簡(jiǎn)化和協(xié)調(diào)統(tǒng)一，設(shè)計(jì)出易學(xué)易懂的用戶界面。

伴隨著這樣的一個(gè)知覺(jué)重組理論還有五條知覺(jué)律，對(duì)于設(shè)計(jì)的領(lǐng)域可以歸納為元素與元素之間的關(guān)系原則：

（1）接近性原則

當(dāng)兩個(gè)圖形接近時(shí)，距離越短人們會(huì)認(rèn)知成一個(gè)整體。因此我們可以通過(guò)這種原則來(lái)完成信息集群地搭建，使得元素運(yùn)用變化而統(tǒng)一，界面中的元素組群與組群之間形成節(jié)奏變化的韻律秩序。

（2）相似性原則

指的是人們會(huì)將相似的形狀、色彩等看成是一個(gè)視覺(jué)整體。利用這種認(rèn)知規(guī)律可以極大地豐富我們的圖形樣式，從設(shè)計(jì)中產(chǎn)生細(xì)節(jié)。

（3）連續(xù)性原則

當(dāng)元素按照一種規(guī)律延續(xù)時(shí)，定會(huì)形成一種視覺(jué)軌跡，即便是中途出現(xiàn)缺漏，人們也會(huì)習(xí)慣性彌補(bǔ)，完成視覺(jué)的原始傾向。這種視覺(jué)慣性的原則會(huì)很好地幫助我們建立視覺(jué)流程，完成信息的時(shí)間演繹。

（4）閉合性原則

用戶在知覺(jué)上具有閉合的傾向，只要各部分的形式不變，用戶將不完整的圖形在心理上使之趨合。這就可以使近似的設(shè)計(jì)元素間去異求同，使之視覺(jué)達(dá)到均衡的狀態(tài)。

（5）對(duì)稱性原則

人們往往傾向于感知圍繞勻稱物體的中心對(duì)稱的視覺(jué)形式。通過(guò)這種原則可以有效地幫助我們建立畫面的主次關(guān)系，形成美的秩序。

綜上所述格式塔理論是心理學(xué)上的研究，是對(duì)用戶的視覺(jué)經(jīng)驗(yàn)及心理預(yù)期的一種判斷，合理地運(yùn)用可以幫助我們構(gòu)建畫面的秩序，統(tǒng)籌元素的布局及層級(jí)邏輯，對(duì)于APP的視覺(jué)元素表現(xiàn)方式有很好的指導(dǎo)作用。

高校美術(shù)館APP作為一種特殊的教育教學(xué)的藝術(shù)文化信息傳播載體，其特殊的職能決定了它的獨(dú)特藝術(shù)魅力，視覺(jué)元素的表現(xiàn)美中有序、科學(xué)嚴(yán)謹(jǐn)、工藝結(jié)合，既要體現(xiàn)出美育的功能價(jià)值，又要具備時(shí)代的審美特征，是當(dāng)下信息化教育發(fā)展的必要途徑。