張威威 石玉嬌

(山東華宇工學(xué)院 山東德州 253034)

涼山彝族地區(qū)一直保留著濃厚的地域文化特征和鮮明的民族特色，近年來，其文化藝術(shù)價(jià)值在國內(nèi)外受到了一定的關(guān)注。本網(wǎng)站以涼山彝族文化為研究對象，通過對彝族人民的古彝文字、民俗節(jié)日、服飾色彩、獨(dú)特建筑、美食手藝、歌舞藝術(shù)及特色商店七大版塊進(jìn)行介紹，希望更多的人可以了解其古樸獨(dú)特的文化傳統(tǒng)，同時(shí)為保護(hù)與傳承彝族文化做出努力。

1 課題研究意義

1.1 “頌”彝族文化

涼山彝族人民生活在家族支系交錯(cuò)的高寒山區(qū)與河谷地帶，他們在此繁衍生息、生產(chǎn)勞作，豐饒秀麗的山川大地孕育了其悠久的歷史及古樸獨(dú)特的彝族文化。因環(huán)境與歷史因素所致，使其至今保存著相對完整的民族傳統(tǒng)文化特色，如涼山彝族的服飾，多姿多彩，風(fēng)格獨(dú)具，各地服飾區(qū)別明顯，樣式各異，帶有濃厚的地域色彩。涼山不少地區(qū)四季冷涼，氣候變化不大，所以彝族服飾季節(jié)性不強(qiáng)，察爾瓦(披衫)常年皆著，男子多蓄發(fā)于頭頂，彝族稱“字爾”或“字木”，形成一種古老的傳統(tǒng)裝束。彝族文化豐富了我國傳統(tǒng)文化資源，是歷史長河中造就的不可丟失的文化成果，是民族文化的象征，歌頌彝族文化有利于增強(qiáng)民族文化保護(hù)意識，推動(dòng)精神文明建設(shè)。

1.2 “承”彝族瑰寶

彝族文化是我國多元文化中不可缺少的一部分，是中華民族在社會(huì)歷史發(fā)展過程中創(chuàng)造的不可或缺的寶貴財(cái)富。彝族文化的傳承與保護(hù)是涼山的發(fā)展根本，本網(wǎng)站以豐富的圖文、視頻展示涼山彝族文化和涼山彝族地區(qū)，宣傳涼山彝族文化和涼山彝族新面貌，展示涼山彝鄉(xiāng)的蓬勃發(fā)展，為繼承和延續(xù)彝族文化內(nèi)涵與藝術(shù)意蘊(yùn)添磚加瓦。

1.3 “興”彝族地區(qū)旅游業(yè)

涼山彝族文化的人文旅游資源非常具有特色和吸引力，提高了彝族地區(qū)的旅游價(jià)值。通過對涼山彝族景區(qū)的宣傳、相關(guān)產(chǎn)品的推廣，形成產(chǎn)業(yè)扶貧，從而振興當(dāng)?shù)氐穆糜问袌觥?/p>

2 網(wǎng)站設(shè)計(jì)前期準(zhǔn)備

2.1 確定主題

以《涼山彝族情》為主題，通過網(wǎng)站的方式介紹涼山彝族的歷史由來、文化習(xí)俗等。涼山彝族自治州是全國最大的彝族聚居區(qū)，涼山彝族歷史悠久，支系眾多，呈“大散居小聚居”的形式分布。

前期經(jīng)過大量瀏覽網(wǎng)站和搜索相關(guān)資料發(fā)現(xiàn)，目前關(guān)于涼山彝族的網(wǎng)頁很少，并且質(zhì)量不佳，頁面注重實(shí)用性但缺乏吸引力。所以，筆者所在的小組最終確定以《涼山彝族情》為主題，旨在讓更多的人看到并喜歡這個(gè)美麗的地方和善良的民族，了解其古樸獨(dú)特的文化傳統(tǒng)。

2.2 搜集材料

通過瀏覽網(wǎng)站，如：彝族人網(wǎng)、中國彝族網(wǎng)、涼山彝族文化研究中心、彝語網(wǎng)等；查閱書籍，如：《涼山紀(jì)》《中國·西昌2013涼山彝族火把節(jié)文化論壇活動(dòng)紀(jì)實(shí)》《中國·西昌2013涼山彝族火把節(jié)文化論壇文集》《知名人士走西昌》《勒俄特依》《涼山彝學(xué)》《不朽者》《火焰上的辯詞》《彝紅》等，同時(shí)在知網(wǎng)閱讀了大量有關(guān)彝族的論文、報(bào)刊、時(shí)政等相關(guān)文獻(xiàn)，搜集了大量有關(guān)涼山彝族的文化圖片、視頻、文字等相關(guān)資源。

2.3 設(shè)計(jì)工具的選擇

《涼山彝族情》網(wǎng)站是面向用戶的，網(wǎng)頁的設(shè)計(jì)是靜態(tài)的，采用Adobe Dreamweaver CC 2018作為主要制作工具，在網(wǎng)站的動(dòng)畫制作上采用Adobe Flash CS6軟件進(jìn)行制作，圖片類素材使用Adobe Photoshop 2021軟件進(jìn)行調(diào)整，視頻素材使用Adobe Dreamweaver CC 2018軟件等進(jìn)行相關(guān)處理。

采用Adobe Dreamweaver CC 2018作為開發(fā)工具，因?yàn)樗且惶讚碛锌梢暬木庉嫿缑妫糜谥谱鞑⒕庉嬀W(wǎng)站和移動(dòng)應(yīng)用程序的網(wǎng)頁設(shè)計(jì)軟件，支持代碼、拆分、設(shè)計(jì)、實(shí)時(shí)視圖多種方式來創(chuàng)作、編寫和修改網(wǎng)頁。使用Adobe Dreamweaver CC 2018進(jìn)行《涼山彝族情》網(wǎng)頁的設(shè)計(jì)，采用DIV標(biāo)簽將文檔分割為獨(dú)立的、各種形狀的部分，完成網(wǎng)頁的布局。利用CSS樣式和DIV設(shè)計(jì)導(dǎo)航欄和網(wǎng)頁整體布局，使用框架或?qū)舆M(jìn)行網(wǎng)頁的布局，運(yùn)用網(wǎng)頁效果和CSS樣式以美化網(wǎng)頁，設(shè)置文本類和圖片類超鏈接，以實(shí)現(xiàn)網(wǎng)頁間及網(wǎng)頁內(nèi)的跳轉(zhuǎn)。

2.4 網(wǎng)站的規(guī)劃

本網(wǎng)站以《涼山彝族情》為主題，色彩搭配采用彝族服飾的藍(lán)色為網(wǎng)站主色調(diào)。背景圖案采用彝族圖騰設(shè)計(jì)以突出主題，以豐富的圖文、視頻展示涼山彝族文化和涼山彝族地區(qū)，宣傳涼山彝族文化和涼山彝族新面貌，展示涼山彝鄉(xiāng)的蓬勃發(fā)展。網(wǎng)站主要分為首頁、古彝文學(xué)、民俗節(jié)日、服飾色彩、獨(dú)特建筑、美食手藝、歌舞藝術(shù)和特色商店八個(gè)版塊。

3 課題研究意義

3.1 網(wǎng)站視覺元素設(shè)計(jì)

3.1.1 標(biāo)志設(shè)計(jì)

本網(wǎng)站標(biāo)志文字設(shè)計(jì)為“涼山彝族情：山壩子，留彝情”，因?yàn)槟赣H是彝族人，所以是用母親的形象作為圖像設(shè)計(jì)的原型，“山壩子”代表的是涼山彝族自治州這個(gè)地方，“留彝情”表現(xiàn)出對母親及涼山區(qū)親戚的思戀。標(biāo)志整體是半圓弧形的，靈感來源于彝族女性頭飾，彝族女性頭飾藝術(shù)，是千年涼山歷史變遷的縮影，它古樸、亮麗、實(shí)用，成為涼山歷史文化藝術(shù)中最重要的組成部分和最吸引人們眼球的亮點(diǎn)，它被許多歷史學(xué)、文學(xué)、經(jīng)濟(jì)學(xué)、美學(xué)專家稱之為“戴在頭上的歷史”，是跨越千年民俗藝術(shù)的“活化石”。

3.1.2 導(dǎo)航欄制作

導(dǎo)航欄分為三部分：標(biāo)志、菜單欄、注冊/登錄頁。

整體色彩使用彝族服飾的藍(lán)色，標(biāo)志獨(dú)占左邊一角清晰明了；菜單欄部分背景色采用深藍(lán)色為第一個(gè)色調(diào)，鼠標(biāo)經(jīng)過實(shí)現(xiàn)3D翻轉(zhuǎn)效果，出現(xiàn)半透淺藍(lán)色，同時(shí)字體會(huì)由開始的白色變?yōu)榫哂袑Ρ鹊奶焖{(lán)色；注冊/登錄部分為簡單鼠標(biāo)經(jīng)過變色，點(diǎn)擊進(jìn)入詳情頁。

3.1.3 登錄注冊頁

登錄注冊頁面設(shè)計(jì)比較特別，它在導(dǎo)航欄右上側(cè)，點(diǎn)擊鏈接進(jìn)入此頁，分為左右結(jié)構(gòu)，左為新用戶注冊，右為老用戶登錄，整體設(shè)計(jì)簡潔明了，易于用戶操作。

3.1.4 聯(lián)系我們頁

聯(lián)系我們頁面的設(shè)計(jì)位置在網(wǎng)站底部，在所有頁面點(diǎn)擊聯(lián)系我們都可進(jìn)入聯(lián)系我們頁，分為上下結(jié)構(gòu)，上為聯(lián)系方式，下為搜集用戶的聯(lián)系方式。

3.1.5 首頁的設(shè)計(jì)與制作

網(wǎng)站的整體采用淺藍(lán)色彝族圖騰為背景。在此頁對彝族進(jìn)行了一個(gè)簡單介紹，以及彝族文學(xué)、民俗、服飾、美食的制作，通過超鏈接的形式能夠跳轉(zhuǎn)到二級頁面，同時(shí)增加了阿詩瑪游戲版塊的設(shè)計(jì)。

3.1.6 Banner制作

Banner采用了三張彝族特色風(fēng)景和建筑圖制作：涼山整體晚霞圖、涼山彝族建筑圖、涼山美麗山河圖，三張圖可自動(dòng)輪播，也可點(diǎn)擊左右兩側(cè)小箭頭和下方按鈕更換，實(shí)現(xiàn)用戶自由觀看的體驗(yàn)。

3.1.7 阿詩瑪游戲設(shè)計(jì)

阿詩瑪是彝族傳說中的女神，因?yàn)樗韬寐?，樣貌也非常明媚漂亮，身上還有許多技藝。就是這樣一個(gè)完美的人，在一次巧合之中與小伙阿黑通過笛聲歌聲的應(yīng)和而結(jié)下了緣分，于是兩個(gè)人美妙的愛情故事就開始了。網(wǎng)站中加入了一個(gè)“跳一跳”的小游戲，是網(wǎng)站中少有的設(shè)計(jì)。在網(wǎng)頁中的設(shè)計(jì)為左右結(jié)構(gòu)，左為阿詩瑪傳說的簡介，右為阿詩瑪設(shè)計(jì)人物圖，點(diǎn)擊人物圖放大并進(jìn)入游戲界面，點(diǎn)擊開始游戲按鈕即可開始游戲。

3.2 文——古彝文學(xué)

古彝文學(xué)頁面主要介紹了彝族的一些神話傳說和民間故事，還有現(xiàn)存彝家詩集的介紹。本頁超鏈接有鼠標(biāo)經(jīng)過變色且向左移動(dòng)一下的效果，點(diǎn)擊鏈接進(jìn)入詳情頁——口耳相傳留存的長篇?jiǎng)?chuàng)世史詩《梅葛》；的尼石足與阿莫斯都開親的傳說；彝族阿細(xì)民間故事：山翩姑娘；非遺名錄阿嫫妮惹。書本圖片鼠標(biāo)經(jīng)過放大3秒后還原。

3.3 俗——民俗節(jié)日

民俗節(jié)日頁面介紹了彝族節(jié)日：彝族年、火把節(jié)、補(bǔ)年節(jié)、慶年節(jié)、花臉節(jié)、草馬節(jié)、密士節(jié)、沙戶比節(jié)；彝族賽馬；彝族民俗：婚嫁習(xí)俗、喪葬習(xí)俗、祭祀習(xí)俗。彝族節(jié)日版塊點(diǎn)擊圖片可以彈出詳細(xì)界面介紹，這樣布局簡約了布局，方便用戶閱讀。彝族民俗版塊選取了彝族婚嫁、喪葬、祭祀三個(gè)習(xí)俗進(jìn)行簡介，點(diǎn)擊藍(lán)色邊框“了解更多”可進(jìn)入詳細(xì)介紹頁。

3.4 色——服飾色彩

服飾色彩頁面整體制作了自動(dòng)彈出的動(dòng)畫效果，主要有服飾簡介、色彩、圖紋和服飾展示版塊。服飾介紹版塊分為文字和視頻左右兩個(gè)部分，左邊超鏈接字體設(shè)置了鼠標(biāo)經(jīng)過第一層顏色向兩側(cè)分開出現(xiàn)新顏色的效果，右邊視頻使用軟件剪影制作，采用CSS設(shè)置了點(diǎn)擊播放效果。色彩版塊字體效果與服飾介紹文字效果相同，右側(cè)分為黑色、紅色、黃色、藍(lán)色圓形色彩圖，鼠標(biāo)經(jīng)過縮小且外圈出現(xiàn)淡灰色光圈效果。圖紋版塊點(diǎn)擊“了解更多”按鈕可進(jìn)入圖紋展示詳情頁，此頁分為上下兩個(gè)部分，介紹了彝族紋樣的含義及展示彝族其他圖紋，有點(diǎn)擊圖片放大出現(xiàn)邊框，點(diǎn)擊空白處返回的效果。

服飾展示版塊采取圖文排版的格式，主要內(nèi)容有日常服飾、婚嫁服飾、喪葬服飾及祭祀服飾的展示和介紹。

3.5 筑——獨(dú)特建筑

獨(dú)特建筑頁面主要有建筑圖片展示、建筑簡介、不同房屋分類介紹、地區(qū)房屋分類介紹版塊。

建筑介紹版塊采取DIV進(jìn)行排版，CSS設(shè)置格式，Javascript制作點(diǎn)擊圖片放大，再次點(diǎn)擊左下角關(guān)閉效果。

建筑簡介版塊采取DIV進(jìn)行左右排版，左為文字簡說了彝族建筑的兩大特點(diǎn)，右為視頻，主要介紹彝族建筑的歷史及風(fēng)格。

不同房屋分類介紹版塊采取彝族具有特色的三大房屋進(jìn)行簡介，了解更多文字添加了鼠標(biāo)經(jīng)過由左至右出現(xiàn)淡藍(lán)色，鼠標(biāo)移走效果反之。同時(shí)，點(diǎn)擊“了解更多”還可以進(jìn)入詳情介紹頁——此頁主要采用圖文排版，介紹了房屋的歷史由來、特點(diǎn)、地理位置、人文價(jià)值、建筑價(jià)值、景觀價(jià)值、文脈價(jià)值等方面的內(nèi)容。

3.6 食——美食手藝

美食手藝頁面主要有Banner、美食專區(qū)、美食簡介三個(gè)版塊，著重挑選了彝族著名的美食進(jìn)行展示——坨坨肉、桿桿酒、苦蕎粑粑、壇子豬肉、酸菜坨坨雞等。

美食專區(qū)版塊點(diǎn)擊圖片跳轉(zhuǎn)至詳細(xì)頁的效果，詳細(xì)頁主要有視頻講解美食的故事及制作流程，鼠標(biāo)經(jīng)過圖片出現(xiàn)查看圖標(biāo)并帶有淺紅色蒙版。

3.7 舞——歌舞藝術(shù)

歌舞藝術(shù)頁面有歌手、推薦單曲、推薦MV、彝族舞蹈、影視推薦版塊。

著名歌手版塊有彝族歌手：吉克雋逸、何潔、吉杰、趙永鑫，采取DIV排版分為左右兩部分，左為點(diǎn)擊放大圖，右為介紹文字和小圖。

推薦單曲頁采取DIV排版文字，前為歌手名字，后為歌曲名，并設(shè)置了一個(gè)由淺藍(lán)到深藍(lán)的漸變設(shè)計(jì)。

推薦MV版塊制作了一個(gè)滾動(dòng)效果，鼠標(biāo)點(diǎn)擊播放MV暫停滾動(dòng)。

彝族舞蹈版塊選擇了三個(gè)彝族具有代表性的舞蹈進(jìn)行介紹：朵洛荷、披氈舞、左腳舞。

影視推薦版塊為圖文排版，鼠標(biāo)經(jīng)過圖片向下移動(dòng)2秒，鼠標(biāo)移走還原。

3.8 商——特色商店

特色商店頁面有彝族特色服裝、裙子、外套、披風(fēng)的售賣，鼠標(biāo)經(jīng)過出現(xiàn)紅色邊框效果，同時(shí)點(diǎn)擊圖片或服飾名字可進(jìn)入購買詳情頁，并且可查看服飾細(xì)節(jié)放大效果，可選擇尺寸、查看買家評論，下方還有更多物品推薦，如銀制胸牌、英雄紐帶、三角包、鎖骨鏈帶等。

4 結(jié)語

本網(wǎng)站主要通過對古彝文學(xué)、民俗節(jié)日、服飾色彩、獨(dú)特建筑、美食手藝和歌舞藝術(shù)進(jìn)行宣傳，與其他網(wǎng)站不同，此網(wǎng)站不僅宣傳了涼山彝族的傳統(tǒng)文化，還將游戲元素加入網(wǎng)頁中，游戲角色的設(shè)計(jì)來源于阿詩瑪和小黑，他們的服飾采用了彝族服飾的風(fēng)格和特點(diǎn)，通過增強(qiáng)宣傳彝族文化的趣味性，可以激發(fā)人們的興趣，提高人們對涼山彝族地區(qū)的旅游意向，從而振興當(dāng)?shù)芈糜问袌龅陌l(fā)展。

《涼山彝族情》網(wǎng)站頁面設(shè)計(jì)富有民俗特色，色彩搭配采用彝族服飾的藍(lán)色為主色調(diào)，同時(shí)增加彝族語言的音樂，給用戶帶來視覺與聽覺上的美感體驗(yàn)。例如，網(wǎng)站標(biāo)志和Banner顏色為藍(lán)色，網(wǎng)頁整體色調(diào)偏藍(lán)，風(fēng)格統(tǒng)一且美觀。歌舞藝術(shù)板塊有彝族著名歌手的介紹及其代表歌曲的推薦，還有彝族特色音樂MV、舞蹈和影視劇的推薦。特色商店對彝族女性和男性的服飾和配飾進(jìn)行分類售賣，效果和排版富有個(gè)性。