高校美術館APP設計研究

朱光　徐麗

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

關鍵詞：高校;美術館;APP設計

中圖分類號：TP311 文獻標識碼：A

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

1高校美術館APP設計的影響因素

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

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

1.1顯性因素

1.1.1圖標

圖標是APP視覺設計中的重要圖形元素，它可以傳遞APP整體界面的設計風格以及產品定位等形象特征。其中包括APP啟動圖標、界面功能圖標。項目的啟動圖標是校園文化、形象展示的第一印象，所以在形態、色彩的運用表達上，要注重藝術性及象征意義，注意形式的嚴謹與秩序的規范。功能圖標的創意設計是基于系統應用的前提下，校園整體視覺形象的統一呈現。

1.1.2廣告模塊

廣告模塊是網絡媒體傳播下的產物，早期用在網頁端，后來在手機移動端大量使用。優勢是在有限的空間下，通過流動播放的形式來提高信息傳播效率。那么對于美術館界面研究來說，可以承載大量的展覽、展示信息、藝術咨詢等，起到校園文化的宣傳作用。同時增添頁面設計層次，加強界面設計的節奏變化等視覺設計因素。

1.1.3文字

文字也是APP界面設計中面積占比較大的要素。較圖標、圖像而言，對于產品信息的傳播起到更客觀直接的作用。APP中的文字包含標題、說明性文字、廣告語等。設計上是介于系統規范與藝術創新之間，在字體樣式、編排方式上受到一定的技術局限。高校美術館APP由于是特定的美學形式，我們在尊重規范原則的前提下，可以挖掘形式美的內在規律，試圖在統一中尋求個性，在字高、字距、行距、顏色、面積、輕重等各視覺方面進行研究，突出形象特點，塑造品牌內涵。

1.1.4色彩

色彩可以決定界面調性及對整體氛圍起到烘托的作用，優秀的色彩運用可以提供設計的高級感。根據在界面中所承擔的職責比重，一般分為主色、輔助色、強調色。主色即在頁面中占主要功能作用，可以用在導航、標簽、部分控件及按鈕上等。輔助色就是均衡、補充主色的，用于協助主色進行主次分配。強調色與主色是相對的，在界面中起到活躍、引導、強調的作用。雖然用色范圍很小，但很醒目，常用于主色對比強烈的環境設定，例如消息提醒、點贊、收藏等區域。

1.1.5留白

留白是界面設計中的一種潛在視覺因素，可以起到豐富界面節奏及界定頁面版率的作用。項目分為版心內的留白和頁面兩端的留白。頁面兩端的留白控制在手機開發時常設置的20像素，能夠提供給讀者最佳地閱讀效果，是常用界面版率的大小范圍。而版心內的留白亦是一種正負形的關系，正形起到視覺傳達的積極作用，常在負形的相互作用下產生的，所以行距、字距等列表的高度設定應在適宜的點擊及視覺黃金比例范圍內。

1.1.6控件

控件是APP應用的基本構建，可以分為原生及設計兩種，原生即是系統自帶的控件操控方式。而設計的部分應注意整體視覺的協調性，不易繁瑣花哨，重在功能操作的實用性、便捷性，體現用戶群體的使用習慣。

1.2隱性因素

1.2.1交互行為

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

1.2.2用戶體驗

高校美術館APP作為以學生為主體的用戶群體，在設計時要考慮到學生的審美取向，行為特點及認知情況。既要在視覺上塑造嚴謹治學的風格面貌，也要把握時尚藝術的情調細節。內容部分以展覽展示、藝術園地、藝術沙龍、名師面對面等教育模塊及鑒賞模塊為主體，增添積分魅力值、學習基金等增值模塊，來激勵學生的學習動力，并通過平臺更好的交流。

2高校美術館APP設計的方法

2.1強化啟動圖標，塑造品牌形象

啟動圖標是用戶開啟APP服務的第一入口，它的形象直接決定了用戶對一款產品的第一印象。作為線上平臺宣傳服務的窗口，它的作用相當于公司的LOGO，傳遞著產品的職能領域，企業的定位理念。高校美術館APP這一具有特殊使命及美學特征的應用產品，我們要通過嚴謹的結構、隱喻的形態、莊重的色彩等進行藝術表現，以獨立的圖形語言來完成整體圖標形象的塑造，從而傳遞出校園文化的品牌特色。設計時應注意與?；?、校旗等學校整體視覺形象的統一性，借鑒圖形元素，攝取色彩內涵，基于手機等媒介的成像原理，強化項目圖標的品牌形象。

2.2優化界面元素，秉持治學態度

APP的界面設計受顯性因素及隱性因素的影響。單一頁面中的圖標、色彩、文字、按鈕、控件等視覺顯性元素的運用，是用戶對產品認知與體驗的第一層級。高校美術館APP的目標核心群體是在校師生，重在藝術美育及學術交流等服務特點。因此在內容傳播及元素表達上應秉持嚴謹治學的態度，對于界面的整體風格不能過于潮流、浮夸，而應注重色彩、字體、字號等多方面的優化。界面圖標的轉角、界面版率的控制、字高與行高的比例、控件與列表的占比等設計，都應遵照系統規范，尋求內在視覺規律的把控，利用黃金比例的計算、羊角曲線的數理運用，在嚴謹規范的界面設計中得到突破，達到一種賦予秩序美感的視覺體驗。

2.3把握色彩調性，彰顯界面品質

色彩的調性往往是產品界面品質及設計情感的體現，它是通過色彩間的對比而產生的。作為APP的設計，它的色彩是由主色、輔助色、強調色構成，它們之間的色彩對比與搭配，最終決定了產品界面的色彩調性。首先根據色彩本身的屬性特征，及學校視覺形象的統一性，來確立界面中的主色系;然后通過整體界面層級節奏的把控及產品定位的限制，來確立輔助色的色系及數量;最后由主色系的情感特征、面積分布及功能特點，決定強調色的色系范圍。根據頁面的功能布局、結構層次等來實現主色、輔助色、強調色的配比，并通過頁面之間的鏈接跳轉、邏輯層級關系，考量流動下界面間的色彩主次節奏。在整體與局部、靜態與動態之間，形成綜合的色調把握和形象統一，有助于產品內在品質的彰顯。

2.4深化情感體驗，迎合用戶訴求

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

3結語

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