許藝淼

摘要：中國傳統(tǒng)節(jié)日是幾千年來我們祖先留下的文化精髓。我們提出用網(wǎng)站的形式，將中國的傳統(tǒng)節(jié)日及其文化特點(diǎn)表現(xiàn)出來，給人以具體的畫面。通過網(wǎng)絡(luò)搜索、問卷調(diào)查等形式，確立了建立網(wǎng)站的思路。通過富有創(chuàng)意的LOGO及豐富時尚的頁面設(shè)計(jì)，達(dá)到時尚與傳統(tǒng)的有機(jī)結(jié)合。此網(wǎng)站的特別之處在于它的表現(xiàn)形式，它匯集節(jié)日介紹、社交、購物于一體，各個版面都有節(jié)日的特別推薦，在此之下，用戶可以隨意交流，進(jìn)行互動分享，發(fā)表的評論或看法可以按照不同順序排序，網(wǎng)站互動包含評論、收藏以及點(diǎn)贊幾個互動方式，為了讓用戶更有積極性，特意設(shè)置了集贊的板塊，集夠一定數(shù)量的贊或者在熱度排行榜靠前會有獎勵措施，能兌換獎品。

關(guān)鍵詞：“節(jié)伴兒”；網(wǎng)站；構(gòu)想

中圖分類號：TP393 文獻(xiàn)標(biāo)識碼：A 文章編號：1009-3044（2016）02-0246-03

1 建立網(wǎng)站的前期調(diào)研

1.1 信息收集

我們主要從兩個方面開展了調(diào)查：

1.1.1網(wǎng)絡(luò)收索

通過谷歌，百度等搜索引擎，搜索現(xiàn)有的節(jié)日網(wǎng)信息。具體做法是鍵入關(guān)鍵詞：中國、傳統(tǒng)、節(jié)日、文化、旅游、購物。查尋到近700多個鏈接，發(fā)現(xiàn)目前國內(nèi)的關(guān)于傳統(tǒng)節(jié)日的網(wǎng)站數(shù)量不是很多，且已有的此類網(wǎng)站大多以介紹為主，文字內(nèi)容多，只能單純的瀏覽。

針對其中有效網(wǎng)站進(jìn)行分析，發(fā)現(xiàn)主要存在如下問題：1）內(nèi)容不全面，頁面過于簡單，缺少圖片信息，不直觀。2）導(dǎo)航雜亂，分類不明確，有些混淆。3）交互性較差，視覺性能不好，網(wǎng)站用起來并不順手。4）內(nèi)容不夠緊湊，頁面不夠美觀，各內(nèi)容間的關(guān)系不夠明確，給人以結(jié)構(gòu)并不清晰，不利于用戶查找。

1.1.2問卷調(diào)查

為了了解人們對網(wǎng)站的需求我們設(shè)計(jì)了調(diào)查問卷，通過網(wǎng)絡(luò)問卷與實(shí)體問卷相結(jié)合的方式，隨機(jī)發(fā)放問卷。收回有效問卷202份，對于試卷中主要問題做數(shù)據(jù)分析，結(jié)果見附錄。

通過調(diào)查我們得出如下結(jié)論：

因?yàn)椴煌挲g段的人接受能力不同，我們所做的網(wǎng)站應(yīng)該主要針對80及90后的年輕人，調(diào)查顯示女性對于網(wǎng)絡(luò)社交以及網(wǎng)絡(luò)調(diào)查的積極性普遍高于男性，因此，我們的購物以及社交界面應(yīng)符合這一特點(diǎn)。人們對于中國傳統(tǒng)節(jié)日與西方節(jié)日的界限認(rèn)知還較為模糊，因此，有關(guān)中國傳統(tǒng)節(jié)日相關(guān)知識的宣傳介紹是十分有必要的。大部分人喜歡以故事情節(jié)的方式展現(xiàn)傳統(tǒng)節(jié)日，可以適當(dāng)?shù)脑谄渲胁迦胍曨l、動畫、插畫進(jìn)行輔助配合。讓更多的人了解傳統(tǒng)節(jié)日。

調(diào)查還顯示78.22%的人喜歡傳統(tǒng)過節(jié)方式，大家聚在一起可以上網(wǎng)，共同分享趣事，購置年貨。對于過節(jié)的方式，84.16%人受家庭因素影響較深，網(wǎng)絡(luò)還是可以影響到一部分人的，尤其是年輕人，通過年輕人又能影響到他們的家人及朋友。78.71%的人愿意分享自己的創(chuàng)意過節(jié)方法，與大家進(jìn)行交流互動。

83.71%的人表示愿意接受他人提供的新型過節(jié)方式，愿意進(jìn)行互動交流，所以網(wǎng)站一定要提供互動版塊。83.17%的人認(rèn)為傳統(tǒng)與時尚并不矛盾，因此我們的網(wǎng)站可以采用古風(fēng)與現(xiàn)代元素相結(jié)合的風(fēng)格，吸引更多用戶。

80.2%的人更偏向于在實(shí)體店中購買節(jié)貨，但仍有19.8%的人更偏向于網(wǎng)購，說明網(wǎng)上購置節(jié)貨仍有一定的客戶需求。在網(wǎng)購版面設(shè)計(jì)中應(yīng)突出節(jié)日特點(diǎn)，調(diào)查顯示網(wǎng)購食品的人占網(wǎng)購人群的29.21%，因此，我們可以在網(wǎng)購版塊內(nèi)均勻涉獵食品、裝飾品、禮品、服飾等，其中，以食品為重中之重。

節(jié)后增肥與生活作息不規(guī)律都屬于健康問題，因此可以設(shè)立健康版面，專門提示過節(jié)應(yīng)該注意的事項(xiàng)也是必不可少的。

1.1.3訪談式調(diào)查

我們還訪談了身邊17-48年齡段的7位學(xué)生、公司員工、工程師、職業(yè)經(jīng)理、醫(yī)護(hù)工作者，訪談結(jié)果基本與問卷調(diào)查結(jié)果相吻合。

2 網(wǎng)站設(shè)計(jì)思路

2.1網(wǎng)站名稱

網(wǎng)站名稱應(yīng)該簡潔、直觀、易記。同時還要結(jié)合我們辦網(wǎng)站的宗旨。既通過傳統(tǒng)節(jié)日傳播中國的傳統(tǒng)文化，又能渲染節(jié)日氣氛，還能方便人們的節(jié)日生活?！肮?jié)伴兒”采用的是諧音，節(jié)與結(jié)，節(jié)伴，顧名思義過節(jié)聚在一起陪伴著彼此，寓意節(jié)日相伴、親朋相伴、網(wǎng)絡(luò)相伴。在此之后加上兒化音，增添一些趣味性同時增加了俏皮活潑的意境。

2.2 網(wǎng)站目標(biāo)人群

“節(jié)伴兒”網(wǎng)的形式較為新穎，運(yùn)用網(wǎng)絡(luò)將人們聯(lián)系起來，主要集中于傳統(tǒng)節(jié)日介紹，購物，社交三個方面，因此，我們將目標(biāo)人群主要定位為愛網(wǎng)購、愛分享的年輕人，其中：

2.2.1 學(xué)生群體

此年齡階段的目標(biāo)人群一般沒有穩(wěn)定的收入，但比較喜歡接觸并接受新鮮事物，偏愛網(wǎng)絡(luò)，喜歡社交，由于西方國家的文化入侵，他們對中國傳統(tǒng)節(jié)日的認(rèn)識并不深刻，有些竟然分不清楚哪些是西方節(jié)日，哪些是中國傳統(tǒng)節(jié)日。因此，有必要建立一個集社交、購物與傳統(tǒng)文化節(jié)日介紹為一體的新型網(wǎng)站——“節(jié)伴兒”網(wǎng)，來吸引廣大學(xué)生，從而達(dá)到宣傳中國傳統(tǒng)節(jié)日的目的。

2.2.2 就業(yè)群體

此年齡階段的目標(biāo)人群一般有較為固定的收入，其中大部分人使用過各類社交軟件，瀏覽過各式各樣的網(wǎng)站，有些已然成為了網(wǎng)購達(dá)人。由于工作較繁忙，生活壓力較大，需要擴(kuò)大自己的社交范圍，同時也需要娛樂與放松。但沒有充裕的時間進(jìn)行節(jié)貨大采購，而“節(jié)伴兒”網(wǎng)恰恰能提供這樣一個平臺，使其能夠節(jié)省時間，在網(wǎng)上輕松購買節(jié)貨，便宜又方便，又能與不同的人快速分享自己的過節(jié)快事，省時省力，將輕松快樂帶回家。

2.2.3 退休群體

此年齡階段的目標(biāo)人群一般有較為固定的收入，其中家庭元素占有很大的空間，此一類人并沒有繁重工作的束縛，競爭壓力較小，一般都把生活的重心放在家庭上，因此每逢過節(jié)大家團(tuán)聚的時刻對于他們便顯得尤為重要，而過節(jié)的前期準(zhǔn)備階段并不是所有人都有體力去完成節(jié)貨采購，“節(jié)伴兒”網(wǎng)可以解決這一類人群體力跟不上的問題，能夠讓他們輕松快樂的與家人共同過節(jié)。

2.3 logo設(shè)計(jì)

如圖所示，logo的主體是一個具有中國特色的萌娃娃。采用燈籠為主體元素，燈籠在中國代表了節(jié)日的喜慶、歡樂、紅火，是節(jié)日的代表元素，因?yàn)槲覀兊木W(wǎng)站設(shè)計(jì)較為活潑，因此我們將logo設(shè)計(jì)得也較為可愛。

字體采用的是方正剪紙繁體，一來增加了文化感，二來又將中國傳統(tǒng)的剪紙?jiān)啬依ㄓ谄渲?，用手寫較隨性的字體寫上網(wǎng)站的域名，更顯得輕松活潑。

整體采用手繪的風(fēng)格，燈籠娃娃胳膊指向網(wǎng)站的名字和域名，有突出之意，娃娃的手采用一定弧度的曲線，給人以牽手之感，與網(wǎng)站名稱“節(jié)伴兒”相輔相成，遙相呼應(yīng)。

2.4片頭設(shè)計(jì)

2.4.1設(shè)計(jì)思路

這是關(guān)于中國傳統(tǒng)節(jié)日的網(wǎng)站，及古典與現(xiàn)代元素于一體，采用大量的手繪風(fēng)格，因此我們以剪紙為主題元素，隨著時間的推移節(jié)日的變化為主線，將各個節(jié)日的代表元素提煉出來，并找出其有意思的連接方式將其連接起來，最后加入網(wǎng)站的logo，進(jìn)入網(wǎng)站首頁。

2.4.2腳本

運(yùn)用補(bǔ)間動畫，剪紙的花邊為大背景，類似一個大舞臺，其中整體顏色以紅、白為主，按照時間順序各個節(jié)日依次出場，首先是過年的場景，一個過年剪紙娃娃進(jìn)入舞臺，點(diǎn)燃地上的花炮，炸出美麗的煙花，從煙花的正中間跳出元宵娃娃，一跳一跳的蹦出，擺動幾下，之后將其眼睛放大，在其中看到了清明節(jié)的場景，清明場景不斷放大，形狀變形化為一個盤子，一個粽子從天兒降，掉到盤子上，盤子震了震，一只喜鵲飛過，啄了啄粽子飛走了，盤子掉了粽子滾落，月亮帶著嫦娥月兔緩緩浮上來，一個酒葫蘆喝醉了，跌跌撞撞走了過來，撞飛了月亮，月亮飛回來報(bào)復(fù)似的裝上葫蘆，葫蘆生氣了，跳起來蓄力踢走月亮，酒葫蘆慢慢變小化為一顆豆子掉進(jìn)碗里，最后出現(xiàn)節(jié)日的整體集合，引出logo計(jì)入主頁。

2.4.3片頭截圖

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

2.5.1信息結(jié)構(gòu)

經(jīng)過問卷調(diào)查，訪問，網(wǎng)絡(luò)調(diào)查等方式獲得的信息，最終確定“節(jié)伴兒網(wǎng)”信息架構(gòu)圖如下。

2.6網(wǎng)頁的設(shè)計(jì)

2.6.1網(wǎng)頁整體風(fēng)格與美術(shù)設(shè)計(jì)

我們秉承的是開辟一個集傳統(tǒng)節(jié)日介紹、購物、社交于一體的網(wǎng)站，最終確定選取八零及九零后為主要受眾人群。并豐富了此類對象的行為特點(diǎn)，據(jù)此確定了網(wǎng)頁的整體風(fēng)格和美術(shù)設(shè)計(jì)。

“節(jié)伴兒”網(wǎng)的整體色調(diào)是隨著節(jié)日的變化而變化的，網(wǎng)站總共由八個重要傳統(tǒng)節(jié)日組成，一共有八種不同的色調(diào)。整個“節(jié)伴兒”網(wǎng)整體格調(diào)清爽，古典與現(xiàn)代元素相結(jié)合，給人以清晰、明快、積極向上之感。

美術(shù)設(shè)計(jì)上，注重平面構(gòu)成中的形式美，布局整潔，整齊。用色比較統(tǒng)一，遵循了色彩構(gòu)成中“主色調(diào)調(diào)和，秩序調(diào)和”等多種調(diào)和方式。讓網(wǎng)頁給人清晰舒適感，具體將在網(wǎng)站原型中逐一說明。

2.6.2注冊界面

注冊界面還是采用加入了網(wǎng)站的logo，色調(diào)與登錄界面相同，是從其他頁面提取的黃色與灰色，加入了剪紙的風(fēng)格。

3 網(wǎng)站設(shè)計(jì)中的再思考

“結(jié)伴兒”網(wǎng)是一個以“過節(jié)”為主題的綜合網(wǎng)站。與以往的節(jié)日網(wǎng)站不同，提供了知道嗎（傳說典故），玩點(diǎn)啥（過節(jié)娛樂活動），吃點(diǎn)啥（過節(jié)食品、菜譜）；買點(diǎn)啥（網(wǎng)購平臺ps：主要是節(jié)貨），小貼士（過節(jié)注意事項(xiàng)），個人檔（個人資料管理）等平臺。

其中鑲嵌著互動平臺，各個板塊還有更細(xì)致的分類，玩點(diǎn)啥內(nèi)含會玩、旅游、電影三個板塊，吃點(diǎn)啥內(nèi)含特色過節(jié)食物介紹以及菜譜兩個板塊，買點(diǎn)啥主要是節(jié)貨的購買，將節(jié)貨分類，分成不同的專區(qū)， 小貼士內(nèi)含養(yǎng)生之道、出行需知、防火防盜三個板塊，個人檔內(nèi)含我的發(fā)布、我的訂單、我的集贊、我的設(shè)置四個板塊，條理清晰分明。

我們將在測試過程中引導(dǎo)用戶說出在瀏覽過程中遇到的可用性問題，及時記錄。測試后采用問卷調(diào)查法收集被試對網(wǎng)站的意見及評價(jià)。最后我們對被試者完成設(shè)定任務(wù)的過程及期間出現(xiàn)的問題進(jìn)行分析，總結(jié)其中出現(xiàn)的一致性、靈活性、知覺的有限性等可用性問題。針對這些可用性問題以及結(jié)合用戶的建議，分別提出了每個問題的解決方案。

我們深知一個好的網(wǎng)站需要經(jīng)過市場的考驗(yàn)，所以上述網(wǎng)站的設(shè)計(jì)還需要不斷測試和完善。

參考文獻(xiàn)：

[1] 姜非亞. 網(wǎng)站建設(shè)過程中網(wǎng)站策劃要點(diǎn)分析[J].電子技術(shù)與軟件工程，2015（20）.

[2] 陶穎. 從設(shè)計(jì)角度探討如何進(jìn)行網(wǎng)站的制作[J].電腦知識與技術(shù)，2015（27）.

[3] 張璐. 關(guān)于網(wǎng)站網(wǎng)頁設(shè)計(jì)中的視覺元素分析[J].科技風(fēng)，2014（14）.