高校美術(shù)館APP設(shè)計(jì)研究

朱光　徐麗

摘要：高校美術(shù)館APP作為傳統(tǒng)美術(shù)館的延展，是在信息技術(shù)迭代下的一種高校美育方式的嬗變，具有特定的美學(xué)特征。本文闡述了高校傳統(tǒng)美術(shù)館APP設(shè)計(jì)的影響因素與方法，詮釋了新時(shí)期高校美術(shù)館的傳播形象及教學(xué)模式的變革，希望給高校師生全新的學(xué)習(xí)體驗(yàn)。

關(guān)鍵詞：高校;美術(shù)館;APP設(shè)計(jì)

中圖分類(lèi)號(hào)：TP311 文獻(xiàn)標(biāo)識(shí)碼：A

文章編碼：1672-7053（2020）05-0089-02

1高校美術(shù)館APP設(shè)計(jì)的影響因素

APP應(yīng)用設(shè)計(jì)包括三個(gè)設(shè)計(jì)層面，即界面視覺(jué)設(shè)計(jì)（GUI）、交互行為設(shè)計(jì)（ID）、用戶體驗(yàn)設(shè)計(jì)研究（UED）。界面視覺(jué)設(shè)計(jì)是指APP的視覺(jué)形態(tài)表現(xiàn)，即我們所能看到的一切視覺(jué)形象的設(shè)計(jì)，包括圖標(biāo)、廣告、色彩、文字、留白、控件等;交互行為設(shè)計(jì)是指用戶在使用時(shí)，與產(chǎn)品或應(yīng)用的交流方式，其中包括手勢(shì)、彈窗、功能模塊的銜接，以及頁(yè)面邏輯等因素;用戶體驗(yàn)設(shè)計(jì)研究是指用戶群體的研究，例如用戶的心理、習(xí)慣、地域、年齡、流行等群體主觀因素。

這里界面的視覺(jué)設(shè)計(jì)，效果是顯而易見(jiàn)的，是藝術(shù)設(shè)計(jì)的集中體現(xiàn)，也是群體客觀因素融入的最多環(huán)節(jié)，所以作為應(yīng)用的顯性因素存在。而交互行為設(shè)計(jì)及用戶體驗(yàn)研究重在分析用戶心理，表現(xiàn)群體主觀的潛在因素較多，作為持續(xù)性的隱性因素存在。實(shí)際設(shè)計(jì)中顯性因素深受設(shè)計(jì)師重視，易被用戶感知;而隱形因素常被忽略，但卻對(duì)產(chǎn)品品質(zhì)起持續(xù)、決定性的影響。所以在高校美術(shù)館的APP設(shè)計(jì)項(xiàng)目中要注意顯性和隱性因素的相互作用。

1.1顯性因素

1.1.1圖標(biāo)

圖標(biāo)是APP視覺(jué)設(shè)計(jì)中的重要圖形元素，它可以傳遞APP整體界面的設(shè)計(jì)風(fēng)格以及產(chǎn)品定位等形象特征。其中包括APP啟動(dòng)圖標(biāo)、界面功能圖標(biāo)。項(xiàng)目的啟動(dòng)圖標(biāo)是校園文化、形象展示的第一印象，所以在形態(tài)、色彩的運(yùn)用表達(dá)上，要注重藝術(shù)性及象征意義，注意形式的嚴(yán)謹(jǐn)與秩序的規(guī)范。功能圖標(biāo)的創(chuàng)意設(shè)計(jì)是基于系統(tǒng)應(yīng)用的前提下，校園整體視覺(jué)形象的統(tǒng)一呈現(xiàn)。

1.1.2廣告模塊

廣告模塊是網(wǎng)絡(luò)媒體傳播下的產(chǎn)物，早期用在網(wǎng)頁(yè)端，后來(lái)在手機(jī)移動(dòng)端大量使用。優(yōu)勢(shì)是在有限的空間下，通過(guò)流動(dòng)播放的形式來(lái)提高信息傳播效率。那么對(duì)于美術(shù)館界面研究來(lái)說(shuō)，可以承載大量的展覽、展示信息、藝術(shù)咨詢等，起到校園文化的宣傳作用。同時(shí)增添頁(yè)面設(shè)計(jì)層次，加強(qiáng)界面設(shè)計(jì)的節(jié)奏變化等視覺(jué)設(shè)計(jì)因素。

1.1.3文字

文字也是APP界面設(shè)計(jì)中面積占比較大的要素。較圖標(biāo)、圖像而言，對(duì)于產(chǎn)品信息的傳播起到更客觀直接的作用。APP中的文字包含標(biāo)題、說(shuō)明性文字、廣告語(yǔ)等。設(shè)計(jì)上是介于系統(tǒng)規(guī)范與藝術(shù)創(chuàng)新之間，在字體樣式、編排方式上受到一定的技術(shù)局限。高校美術(shù)館APP由于是特定的美學(xué)形式，我們?cè)谧鹬匾?guī)范原則的前提下，可以挖掘形式美的內(nèi)在規(guī)律，試圖在統(tǒng)一中尋求個(gè)性，在字高、字距、行距、顏色、面積、輕重等各視覺(jué)方面進(jìn)行研究，突出形象特點(diǎn)，塑造品牌內(nèi)涵。

1.1.4色彩

色彩可以決定界面調(diào)性及對(duì)整體氛圍起到烘托的作用，優(yōu)秀的色彩運(yùn)用可以提供設(shè)計(jì)的高級(jí)感。根據(jù)在界面中所承擔(dān)的職責(zé)比重，一般分為主色、輔助色、強(qiáng)調(diào)色。主色即在頁(yè)面中占主要功能作用，可以用在導(dǎo)航、標(biāo)簽、部分控件及按鈕上等。輔助色就是均衡、補(bǔ)充主色的，用于協(xié)助主色進(jìn)行主次分配。強(qiáng)調(diào)色與主色是相對(duì)的，在界面中起到活躍、引導(dǎo)、強(qiáng)調(diào)的作用。雖然用色范圍很小，但很醒目，常用于主色對(duì)比強(qiáng)烈的環(huán)境設(shè)定，例如消息提醒、點(diǎn)贊、收藏等區(qū)域。

1.1.5留白

留白是界面設(shè)計(jì)中的一種潛在視覺(jué)因素，可以起到豐富界面節(jié)奏及界定頁(yè)面版率的作用。項(xiàng)目分為版心內(nèi)的留白和頁(yè)面兩端的留白。頁(yè)面兩端的留白控制在手機(jī)開(kāi)發(fā)時(shí)常設(shè)置的20像素，能夠提供給讀者最佳地閱讀效果，是常用界面版率的大小范圍。而版心內(nèi)的留白亦是一種正負(fù)形的關(guān)系，正形起到視覺(jué)傳達(dá)的積極作用，常在負(fù)形的相互作用下產(chǎn)生的，所以行距、字距等列表的高度設(shè)定應(yīng)在適宜的點(diǎn)擊及視覺(jué)黃金比例范圍內(nèi)。

1.1.6控件

控件是APP應(yīng)用的基本構(gòu)建，可以分為原生及設(shè)計(jì)兩種，原生即是系統(tǒng)自帶的控件操控方式。而設(shè)計(jì)的部分應(yīng)注意整體視覺(jué)的協(xié)調(diào)性，不易繁瑣花哨，重在功能操作的實(shí)用性、便捷性，體現(xiàn)用戶群體的使用習(xí)慣。

1.2隱性因素

1.2.1交互行為

高校美術(shù)館APP在界面的設(shè)計(jì)方面應(yīng)該注意交互的便捷，要在藝術(shù)文化傳播及美育方式上具備實(shí)效性，注意交互細(xì)節(jié)的設(shè)計(jì)，例如空白頁(yè)面、錯(cuò)誤操作的友情提示;功能控件及按鈕的使用交互習(xí)慣;用戶手勢(shì)操作的熟悉理解方式;功能布局的合理邏輯等，這些都是作為優(yōu)秀APP設(shè)計(jì)中的重要潛在因素，也是體現(xiàn)產(chǎn)品品質(zhì)，塑造品牌價(jià)值的重要保障。

1.2.2用戶體驗(yàn)

高校美術(shù)館APP作為以學(xué)生為主體的用戶群體，在設(shè)計(jì)時(shí)要考慮到學(xué)生的審美取向，行為特點(diǎn)及認(rèn)知情況。既要在視覺(jué)上塑造嚴(yán)謹(jǐn)治學(xué)的風(fēng)格面貌，也要把握時(shí)尚藝術(shù)的情調(diào)細(xì)節(jié)。內(nèi)容部分以展覽展示、藝術(shù)園地、藝術(shù)沙龍、名師面對(duì)面等教育模塊及鑒賞模塊為主體，增添積分魅力值、學(xué)習(xí)基金等增值模塊，來(lái)激勵(lì)學(xué)生的學(xué)習(xí)動(dòng)力，并通過(guò)平臺(tái)更好的交流。

2高校美術(shù)館APP設(shè)計(jì)的方法

2.1強(qiáng)化啟動(dòng)圖標(biāo)，塑造品牌形象

啟動(dòng)圖標(biāo)是用戶開(kāi)啟APP服務(wù)的第一入口，它的形象直接決定了用戶對(duì)一款產(chǎn)品的第一印象。作為線上平臺(tái)宣傳服務(wù)的窗口，它的作用相當(dāng)于公司的LOGO，傳遞著產(chǎn)品的職能領(lǐng)域，企業(yè)的定位理念。高校美術(shù)館APP這一具有特殊使命及美學(xué)特征的應(yīng)用產(chǎn)品，我們要通過(guò)嚴(yán)謹(jǐn)?shù)慕Y(jié)構(gòu)、隱喻的形態(tài)、莊重的色彩等進(jìn)行藝術(shù)表現(xiàn)，以獨(dú)立的圖形語(yǔ)言來(lái)完成整體圖標(biāo)形象的塑造，從而傳遞出校園文化的品牌特色。設(shè)計(jì)時(shí)應(yīng)注意與校徽、校旗等學(xué)校整體視覺(jué)形象的統(tǒng)一性，借鑒圖形元素，攝取色彩內(nèi)涵，基于手機(jī)等媒介的成像原理，強(qiáng)化項(xiàng)目圖標(biāo)的品牌形象。

2.2優(yōu)化界面元素，秉持治學(xué)態(tài)度

APP的界面設(shè)計(jì)受顯性因素及隱性因素的影響。單一頁(yè)面中的圖標(biāo)、色彩、文字、按鈕、控件等視覺(jué)顯性元素的運(yùn)用，是用戶對(duì)產(chǎn)品認(rèn)知與體驗(yàn)的第一層級(jí)。高校美術(shù)館APP的目標(biāo)核心群體是在校師生，重在藝術(shù)美育及學(xué)術(shù)交流等服務(wù)特點(diǎn)。因此在內(nèi)容傳播及元素表達(dá)上應(yīng)秉持嚴(yán)謹(jǐn)治學(xué)的態(tài)度，對(duì)于界面的整體風(fēng)格不能過(guò)于潮流、浮夸，而應(yīng)注重色彩、字體、字號(hào)等多方面的優(yōu)化。界面圖標(biāo)的轉(zhuǎn)角、界面版率的控制、字高與行高的比例、控件與列表的占比等設(shè)計(jì)，都應(yīng)遵照系統(tǒng)規(guī)范，尋求內(nèi)在視覺(jué)規(guī)律的把控，利用黃金比例的計(jì)算、羊角曲線的數(shù)理運(yùn)用，在嚴(yán)謹(jǐn)規(guī)范的界面設(shè)計(jì)中得到突破，達(dá)到一種賦予秩序美感的視覺(jué)體驗(yàn)。

2.3把握色彩調(diào)性，彰顯界面品質(zhì)

色彩的調(diào)性往往是產(chǎn)品界面品質(zhì)及設(shè)計(jì)情感的體現(xiàn)，它是通過(guò)色彩間的對(duì)比而產(chǎn)生的。作為APP的設(shè)計(jì)，它的色彩是由主色、輔助色、強(qiáng)調(diào)色構(gòu)成，它們之間的色彩對(duì)比與搭配，最終決定了產(chǎn)品界面的色彩調(diào)性。首先根據(jù)色彩本身的屬性特征，及學(xué)校視覺(jué)形象的統(tǒng)一性，來(lái)確立界面中的主色系;然后通過(guò)整體界面層級(jí)節(jié)奏的把控及產(chǎn)品定位的限制，來(lái)確立輔助色的色系及數(shù)量;最后由主色系的情感特征、面積分布及功能特點(diǎn)，決定強(qiáng)調(diào)色的色系范圍。根據(jù)頁(yè)面的功能布局、結(jié)構(gòu)層次等來(lái)實(shí)現(xiàn)主色、輔助色、強(qiáng)調(diào)色的配比，并通過(guò)頁(yè)面之間的鏈接跳轉(zhuǎn)、邏輯層級(jí)關(guān)系，考量流動(dòng)下界面間的色彩主次節(jié)奏。在整體與局部、靜態(tài)與動(dòng)態(tài)之間，形成綜合的色調(diào)把握和形象統(tǒng)一，有助于產(chǎn)品內(nèi)在品質(zhì)的彰顯。

2.4深化情感體驗(yàn)，迎合用戶訴求

產(chǎn)品的交互過(guò)程及情感體驗(yàn)是產(chǎn)品設(shè)計(jì)中的隱性因素。隱性因素在產(chǎn)品界面設(shè)計(jì)過(guò)程中具有持續(xù)性、主觀性、決定性的作用。高校美術(shù)館APP的核心群體是本校師生，次要群體是專業(yè)興趣愛(ài)好者及其它院校師生。通過(guò)目標(biāo)群體的共性、行為、習(xí)慣等因素的考慮，來(lái)設(shè)計(jì)界面的元素形態(tài)、把控色彩的使用調(diào)性、優(yōu)化交互的行為方式。通過(guò)用戶群體的訴求、痛點(diǎn)、難點(diǎn)等群體主觀因素的考慮，來(lái)籌劃功能的模塊布局、設(shè)置鏈接的邏輯層級(jí)等。在整體設(shè)計(jì)創(chuàng)意、設(shè)計(jì)風(fēng)格、設(shè)計(jì)過(guò)程中，深化對(duì)用戶的情感、心理等因素的能量發(fā)揮，注重體驗(yàn)效果，滿足特定群體的目標(biāo)訴求。

3結(jié)語(yǔ)

作為一款特殊性質(zhì)的APP，是在信息技術(shù)迭代下的一種高校美育方式的嬗變。是為了突破傳統(tǒng)教育環(huán)境的羈絆，適應(yīng)新時(shí)期教學(xué)觀念的一場(chǎng)技術(shù)革命。本文通過(guò)對(duì)高校美術(shù)館APP設(shè)計(jì)方法的提出，實(shí)現(xiàn)了與?；?、校旗等學(xué)校整體視覺(jué)形象的統(tǒng)一性，借鑒圖形元素，攝取色彩，強(qiáng)化啟動(dòng)圖標(biāo)塑造品牌形象;界面圖標(biāo)的轉(zhuǎn)角、界面版率的控制、字高與行高的比例、控件與列表的占比等設(shè)計(jì)，都應(yīng)遵照系統(tǒng)規(guī)范，優(yōu)化界面元素，秉持治學(xué)態(tài)度;在整體與局部、靜態(tài)與動(dòng)態(tài)之間，形成綜合的色調(diào)把握和形象統(tǒng)一，來(lái)把握色彩調(diào)性彰顯界面品質(zhì);在整體設(shè)計(jì)創(chuàng)意、設(shè)計(jì)風(fēng)格、設(shè)計(jì)過(guò)程中，深化對(duì)用戶的情感、心理等因素的能量發(fā)揮，注重體驗(yàn)效果，滿足特定群體的目標(biāo)訴求。實(shí)現(xiàn)深化情感體驗(yàn)，迎合用戶訴求。其表現(xiàn)出的是一種具有嚴(yán)謹(jǐn)、潮流，特殊意義的產(chǎn)品美學(xué)形象，及對(duì)師生群體等特殊用戶考量下的研究體驗(yàn)。