廣西壯族文化的微信H5頁面設(shè)計(jì)研究

潘嘉敏，劉曉玲，謝堂冰，黃 品，盧 群，張 霞

1 需求分析

1.1 廣西壯族文化面臨的危機(jī)

廣西壯族文化源遠(yuǎn)流長、豐富多彩，但在信息技術(shù)快速發(fā)展的今天，卻逐漸被人所忽略，主要體現(xiàn)在：語言危機(jī)。壯語的傳承多為口耳相傳，但越來越多壯族的年輕人追求現(xiàn)代時(shí)尚，不會(huì)講壯語，壯族語言面臨著逐漸消亡的危機(jī)。其次，服飾危機(jī)。壯族服飾蘊(yùn)含著壯族文化的精華，展現(xiàn)壯族的文化魅力，而時(shí)尚衣飾正在逐漸取代民族服飾，壯族服飾及其蘊(yùn)含的民族文化將一并被埋沒。再者，建筑危機(jī)。在現(xiàn)代建筑觀念的沖擊下，壯族人們更加崇尚現(xiàn)代建筑，殊不知原生建筑具有的自然魅力是無可比擬的[1]。在互聯(lián)網(wǎng)時(shí)代，各種充滿誘惑力的信息充斥在網(wǎng)絡(luò)上，而凝聚文化精華的廣西壯族文化卻無人問津，壯族文化繼承與傳播的渠道逐漸縮小。因此，亟待為廣西壯族文化提供一個(gè)宣傳窗口，搭建一個(gè)民族文化與大眾“互動(dòng)”的平臺。

1.2 H5 技術(shù)的先進(jìn)性

H5 又稱“互動(dòng)H5”，主要是品牌傳播和推廣的載體。隨著互聯(lián)網(wǎng)時(shí)代的到來，手機(jī)已經(jīng)成為人們信息來源的最主要媒介，而基于微信傳播的H5 則深受大眾青睞，是用戶碎片化時(shí)間的主要“消耗品”。它無需第三方插件且集合了音樂、圖片、動(dòng)畫、鏈接等非文字元素，打破了傳統(tǒng)文字宣傳的束縛，給人們帶來了新的視聽體驗(yàn)；它兼容性強(qiáng)，可以同時(shí)兼容PC 端與移動(dòng)端，可以輕易地移植到不同的開放平臺，提高傳播效率；它的本地存儲也有一定的優(yōu)勢，加載方便快捷，更短的啟動(dòng)時(shí)間，更快的聯(lián)網(wǎng)速度，無需下載占用存儲空間。HTML5 的這些特點(diǎn)為傳播帶來了新的形式，為傳媒行業(yè)注入了新的元素[2]。

1.3 廣西壯族文化與微信H5 技術(shù)結(jié)合的可行性

H5 擁有超高的性價(jià)比，輕松維護(hù)，擁有出色的、人性化的用戶體驗(yàn)。H5 可以承載各種元素，內(nèi)容豐富，形式多樣。在H5 設(shè)計(jì)中采用廣西壯族文化的特征元素，能夠幫助構(gòu)建基于廣西壯族文化的視覺符號，讓觀者體會(huì)具有壯族特色的視覺盛宴。

2 基于廣西壯族文化的H5 頁面設(shè)計(jì)

2.1 結(jié)構(gòu)設(shè)計(jì)原則

基于廣西壯族文化的H5 頁面主要圍繞“獨(dú)立與聯(lián)系”“簡化交互層級”的結(jié)構(gòu)設(shè)計(jì)原則進(jìn)行設(shè)計(jì)。

1）“獨(dú)立與聯(lián)系”原則。本研究主要設(shè)計(jì)與開發(fā)了三個(gè)獨(dú)立的H5 作品：壯族之旅——風(fēng)景篇、壯族之旅——山歌篇、壯族之旅——三月三。取名為壯族之旅，是為了讓用戶通過瀏覽這三個(gè)H5 作品，身臨其境地感受壯族風(fēng)情。這三個(gè)作品既彼此獨(dú)立又相互聯(lián)系，獨(dú)立點(diǎn)在于三個(gè)作品的內(nèi)容選擇是不同的，聯(lián)系點(diǎn)在于三個(gè)作品的畫風(fēng)元素相接近，選用的素材都為壯族的壯錦、銅鼓、繡球、建筑等壯族代表元素。

2）“簡化交互層級”原則。三個(gè)作品的設(shè)計(jì)遵循了“簡化層級，結(jié)構(gòu)扁平化”的交互原則。交互設(shè)計(jì)的結(jié)構(gòu)扁平化是在移動(dòng)端上常用的手段，產(chǎn)品的任務(wù)層級越淺，層級關(guān)系則越清晰，越能引導(dǎo)用戶看到更多內(nèi)容[3]。在壯族的“三月三”作品中，一個(gè)一級頁面加上多個(gè)二級頁面結(jié)合構(gòu)成的整體設(shè)計(jì)框架，重點(diǎn)且簡潔的突出壯族三月三的節(jié)日美食和活動(dòng)，層級關(guān)系清晰，用戶瀏覽時(shí)不會(huì)迷失方向。

2.2 結(jié)構(gòu)設(shè)計(jì)

1）壯族之旅——風(fēng)景篇。風(fēng)景篇包含3個(gè)頁面，即加載頁面、首頁、一個(gè)二級頁面。三個(gè)頁面的表現(xiàn)方式都不同，加載頁面重點(diǎn)是加載條的動(dòng)畫，用于提示用戶加載進(jìn)程；首頁即封面，主要體現(xiàn)主題壯族文化；二級頁面運(yùn)用一鏡到底的技術(shù)展示廣西多個(gè)壯族旅游景點(diǎn)的圖片和簡介，在滑到底部時(shí)顯示結(jié)束語。

2）壯族之旅——山歌篇。山歌篇是一個(gè)互對山歌的小游戲，首頁點(diǎn)擊進(jìn)入后是一段導(dǎo)入壯族山歌主題的劉三姐電影視頻，視頻之后是互對山歌的游戲首頁。頁面有三個(gè)導(dǎo)航按鈕：“山歌知識”、“劉三姐”、“我來對山歌”，當(dāng)用戶點(diǎn)擊按鈕時(shí)分別鏈接進(jìn)入相應(yīng)下一級頁面?！吧礁柚R”模塊中以圖文形式介紹山歌的技巧；“劉三姐”模塊是介紹歌仙劉三姐的傳說；“我來對山歌”模塊是一個(gè)簡單的趣味問答測試游戲，含有十道關(guān)于山歌的題，用戶在參與答題中感受壯族歌吁文化，每題設(shè)置一定的分?jǐn)?shù)，十道題答完之后，根據(jù)所得總分在最后一頁顯示不同的稱號。

3）壯族之旅——“三月三”?！叭氯弊髌钒虞d頁面、首頁、一個(gè)一級頁面、五個(gè)二級頁面。一級頁面用一個(gè)動(dòng)畫引出話題“廣西三月三假期壯族人都是怎么過的？”然后彈出帶有四個(gè)問號的牌子，提示用戶點(diǎn)擊翻牌，使觀眾帶著好奇心翻看牌子內(nèi)容，每個(gè)牌子內(nèi)容不一，分別介紹了廣西“三月三”的特色活動(dòng)。當(dāng)用戶翻看完四個(gè)牌子后，就會(huì)出現(xiàn)一個(gè)隱藏按鈕，點(diǎn)擊按鈕會(huì)顯示“廣西歡迎您”。

三個(gè)作品以提高用戶體驗(yàn)為出發(fā)點(diǎn)，以推廣廣西壯族文化為主線，以視覺設(shè)計(jì)為突破點(diǎn)，從交互設(shè)計(jì)、頁面風(fēng)格、創(chuàng)意設(shè)計(jì)、內(nèi)容排版、用戶心理等方面，力求為觀者留下深刻體驗(yàn)，從而更好地宣傳廣西壯族文化。

2.3 內(nèi)容設(shè)計(jì)

1）壯族的風(fēng)景篇。由于壯族建筑多為依山傍水，因此作品頁面的主色調(diào)以飽和度較高的環(huán)境色為主，再配上壯族特色圖案和其他相關(guān)元素進(jìn)行映襯。版面的設(shè)計(jì)主題清晰明確，用戶第一眼看到錯(cuò)落有致、別具風(fēng)格的壯族建筑時(shí)便能抓住核心信息。

整個(gè)作品以壯族建筑展示為主，以壯族民歌的背景音樂和優(yōu)美文字介紹為輔，在圖片的展示、音樂的渲染、文字的描繪三者結(jié)合下，使壯族風(fēng)景更具吸引力。作品二級頁面使用一鏡到底的呈現(xiàn)技術(shù)，通過模仿鏡頭的拉伸，使具有不同壯族特色的建筑陸續(xù)呈現(xiàn)在觀眾眼前，在頁面不剪、畫面不切的情況下，做到一氣呵成的瀏覽效果，給人以深刻印象。

壯族建筑和壯族風(fēng)景的歷史、特色需要身臨其境，才能讓人了解到壯族風(fēng)景的美，方能深刻領(lǐng)悟到壯族文化的深厚底蘊(yùn)。建筑和風(fēng)景的構(gòu)成要素、形態(tài)、空間屬性、地段特征以及整體形象的塑造可以巧妙地與一鏡到底的形式相結(jié)合，通過場景由大縮小或者由小放大，讓受眾感覺是在一個(gè)空間里面，通過鏡頭的穿梭仿佛置身其中，讓人流連忘返。

2）壯族的山歌篇。為了讓用戶了解壯族歌吁文化，作品設(shè)計(jì)通過一個(gè)劉三姐電影的部分剪輯視頻激起觀眾對壯族歌吁文化的興趣，再配合一個(gè)互對山歌的小游戲，讓觀眾參與式地了解歌吁文化。

答題類小游戲由于具備了規(guī)則簡單、時(shí)間短、內(nèi)容豐富等特點(diǎn)，很符合移動(dòng)端的傳播規(guī)律。該作品利用視頻、文字、圖片、音效以及多變的色調(diào)與版式做出視覺效果極好的頁面，大大弱化了答題的枯燥感。通過觀眾的求知欲逐漸引導(dǎo)觀眾探索到最后環(huán)節(jié)，并在最后環(huán)節(jié)根據(jù)總分設(shè)置一個(gè)結(jié)果稱號，能有效滿足觀眾的答題效能感，提升觀眾的好感度，潛移默化地達(dá)到宣傳壯族文化的目的。

3）壯族的“三月三”。“壯族三月三”為廣西壯族自治區(qū)的法定節(jié)日。該作品通過提出“廣西人如何慶祝三月三”的問題，引起觀眾的好奇心，讓觀眾在好奇心的驅(qū)使下不斷翻開主頁四個(gè)帶著問號的牌子，瀏覽作品內(nèi)容，達(dá)到宣傳壯族節(jié)日的效果。

該作品畫面以壯族的美食和節(jié)日活動(dòng)居中突出，畫面整體營造濃濃的節(jié)日氛圍。作品的內(nèi)容設(shè)計(jì)展現(xiàn)比較綜合，因交互概念的貫穿，將美術(shù)、設(shè)計(jì)、文學(xué)、音樂等許多相關(guān)因素交互穿插與串聯(lián)在一起，除了感官上的體驗(yàn)，作品還增加了互動(dòng)功能，用戶可以滑動(dòng)查看詳細(xì)的解析，通過各種觸控滑動(dòng)點(diǎn)擊，能為用戶帶來新體驗(yàn)。伴隨著壯族的民族音樂，用戶可以身臨其境地走進(jìn)壯族的“三月三”，可以根據(jù)個(gè)人喜好選擇不同的內(nèi)容，通過觸發(fā)反饋來增強(qiáng)用戶的交互體驗(yàn)。

3 結(jié)語

在互聯(lián)網(wǎng)時(shí)代背景下，集開放性、高效性和多媒體性于一體的H5 平臺是有效的宣傳窗口，能突破時(shí)間和空間的限制，為廣西壯族文化的宣傳開辟出廣闊的傳播空間。然而，除了對廣西壯族文化進(jìn)行大力宣傳以外，關(guān)鍵還是要增強(qiáng)壯族人民對自己文化的高度認(rèn)同感和對文化傳承的責(zé)任感與使命感[4]。