葉柳

摘? 要：戲曲是中華民族傳統(tǒng)文化的重要組成部分，在現(xiàn)代社會(huì)意識(shí)形態(tài)建設(shè)、核心價(jià)值體系傳播、社會(huì)文化創(chuàng)新等方面具有重要意義。正是由于認(rèn)識(shí)到這一重要意義，目前，很多以手機(jī)為代表的移動(dòng)終端開始研發(fā)戲曲類APP，通過移動(dòng)終端傳遞戲曲文化藝術(shù)。戲曲類APP作為一類特殊的文化類APP，其界面設(shè)計(jì)直接影響用戶的使用體驗(yàn)與用戶認(rèn)可度，其界面優(yōu)化還需要從圖標(biāo)優(yōu)化、啟動(dòng)界面優(yōu)化、視覺效果優(yōu)化3個(gè)部分來實(shí)現(xiàn)。

關(guān)鍵詞：移動(dòng)終端? 戲曲類APP? 界面優(yōu)化

隨著5G時(shí)代的到來，手機(jī)、平板電腦等移動(dòng)終端相較于電腦的優(yōu)勢(shì)日益突顯，移動(dòng)終端APP逐漸成為群眾接觸各種信息的主流渠道。這固然為戲曲的傳播帶來了極大的便利，但同時(shí)也對(duì)戲曲的傳播提出了一定挑戰(zhàn)。移動(dòng)終端APP的使用群體大多為青年群體，其對(duì)APP的界面設(shè)計(jì)較為挑剔，因而傳統(tǒng)、老舊、單調(diào)的界面設(shè)計(jì)勢(shì)必難以調(diào)動(dòng)其使用興趣，這必將阻礙我國(guó)戲曲的健康發(fā)展。因此，對(duì)基于移動(dòng)終端的戲曲類APP界面優(yōu)化設(shè)計(jì)進(jìn)行分析，嘗試為戲曲類APP界面優(yōu)化提供指導(dǎo)依據(jù)，對(duì)于擴(kuò)大戲曲類APP受眾群體、促進(jìn)戲曲發(fā)展具有重要的現(xiàn)實(shí)意義。

1? 基于移動(dòng)終端的戲曲類APP概述

戲曲類APP作為互聯(lián)網(wǎng)時(shí)代下的全新戲曲傳播媒介，不僅是一款手機(jī)移動(dòng)終端，也是一個(gè)戲曲資源平臺(tái)，其將戲曲愛好者資源、戲曲家資源、戲曲行業(yè)資源進(jìn)行了整合，形成了以戲曲為核心的產(chǎn)業(yè)鏈條;同時(shí)，戲曲類APP也體現(xiàn)了一種全新生活方式，其以手機(jī)移動(dòng)終端為載體，將戲曲引入了群眾生活的各個(gè)方面，塑造了一種便捷的戲曲生活，實(shí)現(xiàn)了戲曲生存狀態(tài)的數(shù)字化轉(zhuǎn)型。

在360手機(jī)助手應(yīng)用軟件中檢索“戲曲”，可以找到45款安卓版移動(dòng)應(yīng)用，其中下載量最高的戲曲類APP為“黃梅戲”，有59萬次下載量。整體來看，下載量超過10萬次的僅有“黃梅戲”和“戲曲名段欣賞”兩個(gè)APP，下載量超過5萬的有6個(gè)，下載量超過1萬的有12個(gè)。就數(shù)量而言，安卓平臺(tái)中的戲曲類APP下載量普遍較低，大多低于1萬次;就類型而言，安卓平臺(tái)中的戲曲類APP種類比較豐富，包括戲曲試聽、戲曲故事、戲曲舞蹈等類型。

隨后筆者又在APP Store中檢索“戲曲”，可以找到82款蘋果版移動(dòng)應(yīng)用，其中專業(yè)類APP數(shù)量較少，京劇為52個(gè)，是APP最多的戲曲種類，黃梅戲次之，APP數(shù)量為12個(gè)，然后是“二人轉(zhuǎn)”為8個(gè)，綜合型APP有6個(gè)，昆曲、評(píng)劇、越劇、豫劇4種戲曲各有一個(gè)APP。

顯然，不論是在安卓平臺(tái)中，還是在蘋果平臺(tái)中，目前戲曲類APP都不屬于主流APP，同時(shí)主要可以分為兩類，其中一類是綜合型APP，這些綜合型APP在內(nèi)容上包含了大量戲曲視頻和音頻、戲曲直播、戲曲新聞以及戲曲演出信息，能夠滿足一般戲曲受眾的需求;另一類是單曲種APP，這類單曲種APP中以京劇為主，界面較為簡(jiǎn)單，基本只包含播放、暫停、選曲、上一曲、下一曲等選項(xiàng)，雖然能夠滿足受眾的基本使用需求，但是難以調(diào)動(dòng)潛在受眾的使用熱情。因而對(duì)戲曲類APP的界面進(jìn)行優(yōu)化設(shè)計(jì)，無疑是擴(kuò)大潛在受眾群體，促進(jìn)戲曲健康發(fā)展的必然要求。

2? 基于移動(dòng)終端的戲曲類APP界面優(yōu)化設(shè)計(jì)要素與原則

2.1 戲曲類APP界面優(yōu)化設(shè)計(jì)要素

（1）宏觀要素。宏觀要素包括圖標(biāo)、文字、色彩、結(jié)構(gòu)等。根據(jù)實(shí)際情況需求，在不同的傳統(tǒng)文化內(nèi)容APP中，其宏觀視覺要素發(fā)揮著不同的作用。第一，圖標(biāo)。圖標(biāo)以簡(jiǎn)潔、直觀的圖像形式體現(xiàn)，是品牌形象的直觀表現(xiàn)。第二，文字。文字的字體、色彩、排版都需要與圖像搭配使用，并做到協(xié)調(diào)統(tǒng)一。第三，色彩。色彩是界面視覺效果的重要元素，界面的色彩搭配既要配合整體視覺效果，也要與品牌主題相適應(yīng)，更要突出品牌需要傳遞的內(nèi)容。第四，結(jié)構(gòu)。界面的結(jié)構(gòu)布局一般為上下排布，主頁(yè)界面及列表展示推薦、導(dǎo)航、設(shè)置、詳細(xì)等內(nèi)容。其中，詳細(xì)內(nèi)容設(shè)計(jì)要結(jié)合應(yīng)用程序的內(nèi)容設(shè)計(jì)邏輯，也要符合用戶的使用習(xí)慣。

（2）微觀要素。第一，導(dǎo)航分層。為了方便用戶更簡(jiǎn)單的使用APP，應(yīng)用界面內(nèi)的信息都需要以一種導(dǎo)航框架為基礎(chǔ)，并由導(dǎo)航來進(jìn)行功能拓展，以便未來創(chuàng)新應(yīng)用功能、簡(jiǎn)化使用方法。第二，布局與整體對(duì)齊。常規(guī)審美要求，APP的界面排布應(yīng)上下對(duì)齊、左右對(duì)稱，因此，程序設(shè)計(jì)者在進(jìn)行排版設(shè)計(jì)時(shí)，需注意對(duì)齊、對(duì)稱排布。第三，控件狀態(tài)?？丶冈谑褂肁PP時(shí)的實(shí)際操作，其具體包括：操作出發(fā)控件、數(shù)據(jù)輸入控件、信息展示控件、容器與導(dǎo)航控件。保持各個(gè)控件的良好狀態(tài)，是保持APP良好運(yùn)作的關(guān)鍵。第四，圖標(biāo)。圖標(biāo)設(shè)計(jì)是整個(gè)APP視覺設(shè)計(jì)的首要環(huán)節(jié)。戲曲類APP的使用者以中老年群體為主，根據(jù)用戶群體的主要特征，APP的圖標(biāo)設(shè)計(jì)應(yīng)同時(shí)體現(xiàn)APP的功能性、辨識(shí)度和文化內(nèi)涵。將傳統(tǒng)文化與現(xiàn)代藝術(shù)審美相結(jié)合，并適當(dāng)?shù)厝谌氍F(xiàn)代流行元素進(jìn)行創(chuàng)新，細(xì)化視覺引導(dǎo)與功能劃分。

2.2 戲曲類App界面優(yōu)化設(shè)計(jì)原則

（1）扁平化。①避免使用特效。摒棄使用立體化程度較高的高光、浮雕等復(fù)雜的光影效果，以真實(shí)的質(zhì)感，突出文字信息和圖案的藝術(shù)內(nèi)涵。②強(qiáng)調(diào)鮮明的色彩搭配。在簡(jiǎn)化構(gòu)圖后，我們需要用鮮明的色彩搭配，強(qiáng)化界面的二維視覺效果。③優(yōu)化排版，簡(jiǎn)化視覺形態(tài)。一方面，重新對(duì)文字和圖案進(jìn)行排版設(shè)計(jì)，通過圖文搭配，體現(xiàn)界面的審美層次感。另一方面，扁平化設(shè)計(jì)也提倡盡量使用簡(jiǎn)單的幾何圖形，使使用更簡(jiǎn)單。④減少使用不必要元素。扁平化設(shè)計(jì)強(qiáng)調(diào)簡(jiǎn)潔、明了。為了避免界面過于復(fù)雜導(dǎo)致用戶使用變得麻煩，設(shè)計(jì)者在進(jìn)行界面優(yōu)化的過程中，需要盡可能地減少不必要的體力視覺元素。

（2）識(shí)別性。識(shí)別性指APP在用戶使用過程中傳遞出的文化信息和品牌信息。優(yōu)秀APP界面設(shè)計(jì)，可以極大地提高企業(yè)品牌的市場(chǎng)認(rèn)可度。戲曲類APP可以將一些特殊的戲曲文化符號(hào)引入其中，例如：將戲曲藝術(shù)中知名度極高的《貴妃醉酒》《霸王別姬》等曲目及其代表形象引入界面設(shè)計(jì)中，讓喜歡戲曲的APP用戶在界面中找到歸屬感和認(rèn)同感。

（3）完整性。界面完整性是對(duì)APP界面優(yōu)化的基本要求，優(yōu)質(zhì)的整體布局和界面結(jié)構(gòu)才能更好地將應(yīng)用程序中的每一個(gè)功能串聯(lián)起來，使APP所傳遞的文化內(nèi)涵與品牌信息更好地融入應(yīng)用程序中，提高APP的文化與商業(yè)價(jià)值，也為用戶提供流程的使用體驗(yàn)。

（4）交互性。交互性指與APP與用戶之間的交流互動(dòng)，這種互動(dòng)也是以用戶使用和體驗(yàn)和用戶需求為前提的互動(dòng)。在戲曲類APP的推廣和使用過程中，設(shè)計(jì)者可以增加部分互動(dòng)界面和功能，例如：在線遠(yuǎn)程與戲曲表演家交流互動(dòng)戲曲的表演技巧和表達(dá)方式，積極傳播戲曲文化，也能增加用戶在使用中的趣味性。

3? 基于移動(dòng)終端的戲曲類APP界面優(yōu)化設(shè)計(jì)分析

3.1 圖標(biāo)優(yōu)化設(shè)計(jì)分析

圖標(biāo)設(shè)計(jì)需以APP主題為前提，在確定主題以后，按照主題宣傳需求設(shè)計(jì)圖案、搭配色彩、調(diào)整對(duì)比度等視圖效果，完成整體圖標(biāo)設(shè)計(jì)。主要內(nèi)容包括以下3個(gè)方面：第一，完成草圖設(shè)計(jì)。一方面，圖標(biāo)的草圖選擇的形象必須符合APP的主題，將APP的設(shè)計(jì)和應(yīng)用理念融入其中，在用戶使用過程中將戲曲藝術(shù)更好地傳遞給用戶;另一方面圖標(biāo)的草圖設(shè)計(jì)需要在用戶看到的第一眼吸引用戶的興趣，使其有興趣去了解更深層次的內(nèi)容。第二，進(jìn)行色彩搭配。色彩是APP圖標(biāo)最重要的視覺元素，也是能在第一時(shí)間吸引用戶使用興趣的重要因素。戲曲類APP本身具有很強(qiáng)的傳統(tǒng)文化與藝術(shù)特性，因此，APP圖標(biāo)設(shè)計(jì)中的色彩選擇不僅需要結(jié)合自身傳遞的文化特點(diǎn)，也應(yīng)結(jié)合中華民族傳統(tǒng)文化特色，搭配符合用戶對(duì)戲曲藝術(shù)審美需求的顏色，將藝術(shù)傳遞與文化傳承有機(jī)結(jié)合。第三，完成光影調(diào)整。光影調(diào)整指圖標(biāo)中所使用的光線與陰影的組合，從而形成立體視覺效果。光影調(diào)整是對(duì)圖標(biāo)和色彩的補(bǔ)充，使整個(gè)圖標(biāo)色彩更飽和。同時(shí)，光影調(diào)整還可以對(duì)整個(gè)圖標(biāo)的對(duì)比度、飽和度等要素進(jìn)行調(diào)整，增加色彩的協(xié)調(diào)性。

3.2 啟動(dòng)頁(yè)面優(yōu)化設(shè)計(jì)分析

在程序設(shè)計(jì)中，啟動(dòng)頁(yè)面指的是在啟動(dòng)程序前的一個(gè)占位符。啟動(dòng)頁(yè)面的作用主要表現(xiàn)為兩部分：一方面，優(yōu)質(zhì)的啟動(dòng)頁(yè)面可以極大地提升用戶的使用滿意度，有效地緩解在等待程序啟動(dòng)過程中的用戶焦慮感。另一方面，目前，啟動(dòng)頁(yè)面已經(jīng)成為了廣告宣傳、品牌信息傳播的一個(gè)重要窗口。戲曲類APP的啟動(dòng)頁(yè)面主要用于進(jìn)行傳統(tǒng)文化傳播，例如：我們可以以手繪、水墨畫等形式，展示戲曲作品中的經(jīng)典畫面，提前調(diào)動(dòng)用戶的情感共鳴，為用戶獲得更好地使用體驗(yàn)提供視覺與情感基礎(chǔ)。誠(chéng)然，啟動(dòng)頁(yè)面設(shè)計(jì)也應(yīng)注意以下原則：第一，根據(jù)手機(jī)APP應(yīng)用行業(yè)管理要求，啟動(dòng)頁(yè)面內(nèi)容與時(shí)長(zhǎng)設(shè)計(jì)不能影響用戶使用，一方面，啟動(dòng)頁(yè)面的內(nèi)容設(shè)計(jì)需相對(duì)簡(jiǎn)單;另一方面，啟動(dòng)頁(yè)面的停留時(shí)間一般為1～5s，因此，有限的展示時(shí)間也要求頁(yè)面展示內(nèi)容必須簡(jiǎn)潔、單一，杜絕使用顏色復(fù)雜、內(nèi)容復(fù)雜圖片作為啟動(dòng)頁(yè)面。第二，啟動(dòng)頁(yè)面設(shè)計(jì)應(yīng)以用戶體驗(yàn)感為中心。一方面，啟動(dòng)頁(yè)面設(shè)計(jì)需滿足用戶的審美需求，戲曲類APP以傳播戲曲文化為主，其啟動(dòng)頁(yè)面的內(nèi)容也應(yīng)以傳播戲曲文化為主;另一方面，啟動(dòng)頁(yè)面的設(shè)計(jì)也需適應(yīng)用戶的使用習(xí)慣，避免使用過于復(fù)雜，影響用戶體驗(yàn)。第三，啟動(dòng)頁(yè)的廣告畫面更換不宜太過頻繁。啟動(dòng)頁(yè)面的內(nèi)容更換不應(yīng)太過頻繁，以實(shí)現(xiàn)在潛移默化中提升用戶對(duì)APP的情感認(rèn)同。第四，啟動(dòng)頁(yè)面增加動(dòng)畫效果，能帶來更好的視覺效果。適當(dāng)?shù)貞?yīng)用加載動(dòng)畫，能給用戶提供不一樣的視覺體驗(yàn)。同時(shí)，以動(dòng)畫效果配合簡(jiǎn)單明了的文案和顏色搭配，也能加深用戶對(duì)品牌的印象。

3.3 視覺體驗(yàn)優(yōu)化設(shè)計(jì)分析

與改版不同，界面優(yōu)化指在原有的內(nèi)容基礎(chǔ)上，進(jìn)行視覺內(nèi)容優(yōu)化，以強(qiáng)化用戶視覺體驗(yàn)，提升用戶對(duì)APP內(nèi)容的情感認(rèn)同。戲曲類APP的視覺體驗(yàn)優(yōu)化，主要包括以下幾部分內(nèi)容：第一，文字優(yōu)化。文字優(yōu)化的內(nèi)容包括文案和字體兩方面，文案指文字內(nèi)容，字體指文字的字體、排版色彩搭配。文案設(shè)計(jì)方面：首先需滿足大眾閱讀者的閱讀習(xí)慣，做到內(nèi)容簡(jiǎn)單、內(nèi)涵由淺入深。字體設(shè)計(jì)方面：字體設(shè)計(jì)一方面需結(jié)合大眾閱讀和審美的一般習(xí)慣，另一方面，字體大小和顏色也需與不同類型的手機(jī)屏幕相適應(yīng)，提升文字分辨率和可識(shí)別效率。第二，排版優(yōu)化。排版是文字與圖案內(nèi)容的協(xié)調(diào)統(tǒng)一，優(yōu)化排版設(shè)計(jì)也需要從用戶使用習(xí)慣入手，為用戶呈現(xiàn)優(yōu)質(zhì)的使用體驗(yàn)，避免用戶在等待程序啟動(dòng)的過程中感覺枯燥、乏味。第三，動(dòng)畫效果設(shè)計(jì)。近年來，許多APP啟動(dòng)頁(yè)面開始使用動(dòng)畫效果作為啟動(dòng)界面，動(dòng)畫效果的引入都取得了良好的用戶反響。優(yōu)質(zhì)的啟動(dòng)動(dòng)畫可以同時(shí)傳遞良好的商業(yè)價(jià)值和藝術(shù)價(jià)值，讓用戶在使用過程中獲得更優(yōu)質(zhì)的使用體驗(yàn)，包括視覺沖擊和情感共鳴，因此，以動(dòng)畫效果為主體的啟動(dòng)頁(yè)面也成為了現(xiàn)代軟件開發(fā)者十分重視的板塊之一。

動(dòng)畫效果除了能為用戶帶來絕佳的視覺體驗(yàn)外，還能更清晰地展示APP內(nèi)容的邏輯關(guān)系，使得用戶更好地使用該APP。第一，引入動(dòng)畫效果可以使用戶的使用體驗(yàn)更流暢，同時(shí)，啟動(dòng)頁(yè)面的動(dòng)畫內(nèi)容也可以作為應(yīng)用程序的使用介紹和更新提示，降低用戶使用難度。第二，啟動(dòng)頁(yè)面的動(dòng)畫效果引入也能增強(qiáng)使用前的趣味性。應(yīng)用程序新奇的表現(xiàn)形式和視覺體驗(yàn)，能極大地豐富用戶體驗(yàn)，緩解用戶初次使用陌生應(yīng)用軟件的焦慮情緒，增加用戶好感。第三，引入動(dòng)畫效果可以使操作更簡(jiǎn)便。在應(yīng)用程序推廣過程中，軟件開發(fā)者可以使用啟動(dòng)頁(yè)面動(dòng)畫效果，展示產(chǎn)品的特色功能和使用操作方式，將啟動(dòng)界面設(shè)計(jì)成軟件使用教程，幫助用戶更好地使用應(yīng)用程序。由于戲曲類APP的中老年用戶群體龐大，而這類群體對(duì)手機(jī)APP的使用熟練程度遠(yuǎn)不如青年群體，因此可以將應(yīng)用程序的啟動(dòng)頁(yè)面設(shè)計(jì)成使用教程動(dòng)畫，幫助中老年群體更加直觀地了解使用方法。

參考文獻(xiàn)

[1] 李廣宏，黃俊濤，曹冬勤.用戶感知視角下傳統(tǒng)戲曲類APP服務(wù)質(zhì)量影響因素研究[J].江西理工大學(xué)學(xué)報(bào)，2018，39（6）：51-56.

[2] 陳之遙.我國(guó)以移動(dòng)終端為代表的新媒體視域下戲曲傳播研究[D].南京師范大學(xué)，2016.

[3] 劉秀珍，丁建朋.智能手機(jī)APP界面設(shè)計(jì)的啟示性研究[J].包裝工程，2017（22）：135-140.