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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2.層級邏輯、功能布局簡單科學(xué)

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

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

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

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

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

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

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

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

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

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

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

（1）接近性原則

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

（2）相似性原則

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

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

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

（4）閉合性原則

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

（5）對稱性原則

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

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

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