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

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

1 需求分析

1.1 廣西壯族文化面臨的危機

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

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

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

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

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

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

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

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

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

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

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

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

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

3）壯族之旅——“三月三”。“三月三”作品包含加載頁面、首頁、一個一級頁面、五個二級頁面。一級頁面用一個動畫引出話題“廣西三月三假期壯族人都是怎么過的？”然后彈出帶有四個問號的牌子，提示用戶點擊翻牌，使觀眾帶著好奇心翻看牌子內(nèi)容，每個牌子內(nèi)容不一，分別介紹了廣西“三月三”的特色活動。當用戶翻看完四個牌子后，就會出現(xiàn)一個隱藏按鈕，點擊按鈕會顯示“廣西歡迎您”。

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

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

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

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

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

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

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

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

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

3 結(jié)語

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