徐天樂，馬芳芳

（秦皇島職業(yè)技術(shù)學(xué)院，河北秦皇島 066100）

中國(guó)元素在茶類網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用

徐天樂，馬芳芳

（秦皇島職業(yè)技術(shù)學(xué)院，河北秦皇島 066100）

中國(guó)的傳統(tǒng)文化歷史悠久、廣博高深，它是中華民族智慧的產(chǎn)物。我們?cè)谠O(shè)計(jì)茶類網(wǎng)頁(yè)時(shí)要將中國(guó)的古元素融入其內(nèi)，傳揚(yáng)我們中國(guó)的傳統(tǒng)文化，創(chuàng)造一種符合當(dāng)代茶類網(wǎng)頁(yè)的表現(xiàn)方式，基于此，現(xiàn)對(duì)中國(guó)元素在茶類網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用進(jìn)行了探討。

中國(guó)元素；茶類；網(wǎng)頁(yè)設(shè)計(jì)；應(yīng)用

從古到今，我國(guó)的茶葉在世界范圍內(nèi)都是小有盛名的，且茶文化的發(fā)展源遠(yuǎn)流長(zhǎng)。網(wǎng)站是當(dāng)今網(wǎng)絡(luò)信息傳播的重要平臺(tái)，在最近幾年來發(fā)展迅速，作為一種新型的藝術(shù)表現(xiàn)方式，茶類網(wǎng)站的設(shè)計(jì)也隨之應(yīng)運(yùn)而生，并且發(fā)展勢(shì)頭迅猛，加之科學(xué)技術(shù)的日益進(jìn)步，使得茶類網(wǎng)站頁(yè)面設(shè)計(jì)的方式也變的多種多樣。傳統(tǒng)文化的多元化以及藝術(shù)形式的多樣化，再加上多種思想與文化間相互碰撞，引發(fā)了設(shè)計(jì)師們對(duì)茶類網(wǎng)站頁(yè)面設(shè)計(jì)的關(guān)注度。

1 中國(guó)元素含義及形態(tài)

1.1 中國(guó)元素的含義

所謂中國(guó)元素就是人民大眾在日常的生活、生產(chǎn)中不斷探索、總結(jié)出來的，具有中國(guó)特色的文化成果，這種文化成果不但包含隱形的精神內(nèi)涵，也包含有形的圖案、符號(hào)。由于受我們國(guó)家傳統(tǒng)思想的影響，目前，我們國(guó)家在設(shè)計(jì)網(wǎng)站時(shí)，也表現(xiàn)出中華文化的和諧性、包容性以及多樣性，在這樣的基礎(chǔ)上，設(shè)計(jì)具有中國(guó)特色的網(wǎng)站就更加要把握好尺度，也就是要表現(xiàn)出中華文化兼容并蓄的傳統(tǒng)，同時(shí)又要預(yù)防失去自身特色，一味的模仿他人。

1.2 中國(guó)元素的主要表現(xiàn)形態(tài)

第一，方塊字書法，方塊字有抽象符號(hào)的作用，它自身就具備審美趣味。漢字在網(wǎng)站的設(shè)計(jì)中是一種符號(hào)或是一種特別的圖形，它不僅是語(yǔ)言信息的載體，表現(xiàn)出它的形狀外，還代表著文化方面的意義，比方說：行書如行云流水；草書結(jié)構(gòu)簡(jiǎn)省、畫筆連綿；楷書工妙于點(diǎn)畫，神韻于結(jié)體。把中華書法的藝術(shù)融入到現(xiàn)代化的網(wǎng)站設(shè)計(jì)中，能夠有利的彰顯出網(wǎng)頁(yè)所獨(dú)具的文化民族特色。

第二，圖形。在設(shè)計(jì)網(wǎng)頁(yè)圖形的時(shí)候，要在傳統(tǒng)圖案上加以豐富的想象力，選擇獨(dú)具特色的表現(xiàn)形式，給瀏覽者一個(gè)新奇而又獨(dú)具特點(diǎn)的視覺感受。將傳統(tǒng)圖案里的點(diǎn)、面、線、色彩、紋理等融入到網(wǎng)站設(shè)計(jì)里，形成具有傳統(tǒng)特點(diǎn)和現(xiàn)代藝術(shù)相融合的審美特色，圖案的多樣性和統(tǒng)一、平行、尺寸比例、韻律以及節(jié)奏等特點(diǎn)，將這些特點(diǎn)融合到一個(gè)畫面中，彰顯出循序有律的藝術(shù)規(guī)律。

第三，版面。通常為了引起閱讀者的注意，會(huì)在網(wǎng)站顯著的位置上放置關(guān)鍵的內(nèi)容，例如版面的中間或是上面，并且，設(shè)計(jì)師通常會(huì)將同樣主題的內(nèi)容統(tǒng)一放到網(wǎng)站頁(yè)面的同一區(qū)域里。在我們國(guó)家設(shè)計(jì)師在設(shè)計(jì)網(wǎng)站時(shí)通常會(huì)將版面劃分為圖形區(qū)、文本區(qū)、版權(quán)區(qū)等等。

2 中國(guó)傳統(tǒng)元素應(yīng)用于茶類網(wǎng)頁(yè)界面設(shè)計(jì)的可行性

網(wǎng)站頁(yè)面設(shè)計(jì)中，最基礎(chǔ)的視覺元素有色調(diào)、版式、圖片、形狀、文字，除了這些以外還有一些特有的視覺元素，比方說多媒體、動(dòng)態(tài)等。網(wǎng)站頁(yè)面設(shè)計(jì)考慮的就是怎樣將這些元素合理的安排，呈現(xiàn)出一幅和諧、明了、美觀、而又統(tǒng)一的網(wǎng)站頁(yè)面，讓瀏覽者可以更加清楚、有效地了解信息同時(shí)還會(huì)給其帶來一種愉悅的感覺。全世界不同區(qū)域內(nèi)用戶的審美心理存在千差萬(wàn)別，就像歐洲國(guó)家他們不太喜歡色彩艷麗、花里胡哨的設(shè)計(jì)風(fēng)格，而是相對(duì)喜歡一些雅靜、簡(jiǎn)單、簡(jiǎn)潔而又嚴(yán)謹(jǐn)?shù)娘L(fēng)格形式。韓國(guó)的用戶喜歡細(xì)膩、布局整潔、清晰的設(shè)計(jì)。與其相比，我們國(guó)家大多數(shù)的茶類網(wǎng)站頁(yè)面缺乏特色之處，一味的隨俗浮沉，無(wú)獨(dú)特的藝術(shù)感染力。其實(shí)，我們國(guó)家有著十分濃厚的傳統(tǒng)文化和豐富的藝術(shù)元素，借助豐富的想象力把這些文化、元素融合到茶類網(wǎng)站頁(yè)面的設(shè)計(jì)中去，相信一定可以設(shè)計(jì)出具有我們國(guó)家獨(dú)有的、特色的網(wǎng)站頁(yè)面作品。

3 中國(guó)元素在茶類網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用

3.1 茶類網(wǎng)頁(yè)版式與中國(guó)水墨元素中的“章法構(gòu)圖”

茶類網(wǎng)站頁(yè)面設(shè)計(jì)師在設(shè)計(jì)時(shí)，第一步要做的就是進(jìn)行構(gòu)圖，就是最優(yōu)秀的創(chuàng)意也必須從構(gòu)圖開始，只有通過構(gòu)圖形式的變化，才能將視覺語(yǔ)言效果呈現(xiàn)出來。在我們國(guó)家的傳統(tǒng)水墨畫中，構(gòu)圖被稱之為“布局”或是“章法”，在水墨畫中是十分重視構(gòu)圖的，他不是遵從歐洲國(guó)家的透視理論，相反的是具有自身特點(diǎn)和呈現(xiàn)方式的，比歐洲國(guó)家的繪畫更有隨意性，使得畫面中融入了畫家更多的思想意識(shí)。在構(gòu)圖的過程里，我們國(guó)家的水墨畫是比較重視“計(jì)白當(dāng)黑”，巧妙構(gòu)思保留著大小、主次、輕疏不同而形成的“空白”，給觀賞者留有豐富的想象空間，也使畫面更加的獨(dú)具特色。我們?cè)谠O(shè)計(jì)茶類網(wǎng)站頁(yè)面時(shí)也要這樣去做，將我們國(guó)家的藝術(shù)審美形式融入到設(shè)計(jì)里，讓網(wǎng)頁(yè)中游走著“空白”，給設(shè)計(jì)師和瀏覽者的心靈溝通提供平臺(tái)。現(xiàn)在茶類網(wǎng)站頁(yè)面設(shè)計(jì)流行簡(jiǎn)約同意境相結(jié)合，茶類網(wǎng)站頁(yè)面設(shè)計(jì)可以參考我們國(guó)家傳統(tǒng)水墨畫的構(gòu)圖原則，通過簡(jiǎn)潔的概括水墨畫以及再應(yīng)用來提高頁(yè)面設(shè)計(jì)的意境，使得網(wǎng)站頁(yè)面設(shè)計(jì)多元化，例如敬庭堯，他在設(shè)計(jì)個(gè)人網(wǎng)站時(shí)，選用的就是水墨元素的設(shè)計(jì)，它的網(wǎng)站將水墨的優(yōu)美與頁(yè)面中的空白呈現(xiàn)的出神入化、惟妙惟肖。茶類網(wǎng)站頁(yè)面設(shè)計(jì)中主要運(yùn)用水墨這種極具民族特色的視覺元素，在配備墨印、印章、水印以及宋體字，文字和圖案遙相呼應(yīng)，創(chuàng)造出一幅完美銜接的構(gòu)圖搭配，給人們?yōu)g覽網(wǎng)站頁(yè)面時(shí)帶來一種書香氣韻和視覺上的沖擊。

3.2 茶類網(wǎng)頁(yè)設(shè)計(jì)中中國(guó)傳統(tǒng)色彩的應(yīng)用

在茶類網(wǎng)站頁(yè)面的藝術(shù)設(shè)計(jì)里，最重要的視覺元素就是色調(diào)，和諧的色調(diào)搭配可以產(chǎn)生強(qiáng)烈的視覺沖擊效果以及藝術(shù)的渲染力，讓人們記憶深刻。在設(shè)計(jì)里，色彩關(guān)系到所有的設(shè)計(jì)元素，是不能缺少的一部分，在茶類網(wǎng)站頁(yè)面設(shè)計(jì)中，吸引瀏覽者眼球以及讓其自發(fā)進(jìn)入網(wǎng)站了解網(wǎng)站內(nèi)容和閱讀網(wǎng)站內(nèi)容最為關(guān)鍵的就是色彩的搭配，色彩肩負(fù)的任務(wù)是十分重要的。亞洲傳統(tǒng)色彩的特點(diǎn)是神秘而又婉轉(zhuǎn)、含蓄，在傳統(tǒng)色彩中包含著悠遠(yuǎn)的歷史文化和歷史文明，蘊(yùn)含著古老民族對(duì)未來幸福生活的憧憬和向往，吸引著全世界人們的關(guān)注。在我們國(guó)家的傳統(tǒng)色彩中，青色、黑色、赤色、白色、黃色這五種顏色分別代表了我們國(guó)家傳統(tǒng)文化中的東方、西方、南方、北方、中部等五個(gè)方位以及金、水、木、火、土等五行，我們國(guó)家的色彩文化和大自然、宇宙世界、哲學(xué)理論、倫理道德等許多觀念密切融合到一起，組成我們國(guó)家獨(dú)有特色的傳統(tǒng)色彩文化。在我們國(guó)家的歷史記載中，最早開始使用黑色、白色這兩個(gè)顏色的，還有不同深淺的赤色，而且被廣泛的運(yùn)用。所謂的赤色就是我們常常說的紅色，紅色是我們國(guó)家人民最喜歡的顏色，也是日常生活中運(yùn)用最廣泛的顏色，它蘊(yùn)含著許多種不同的含義，有個(gè)非常貼切的詞語(yǔ)就是“中國(guó)紅”。我們國(guó)家茶類網(wǎng)站頁(yè)面設(shè)計(jì)就能夠把網(wǎng)站頁(yè)面的主色調(diào)設(shè)計(jì)成不同成色的紅色，用它來呈現(xiàn)出我們國(guó)家茶文化濃厚的歷史韻味和歷史意義。

3.3 茶類網(wǎng)頁(yè)設(shè)計(jì)中漢文字的應(yīng)用

信息的重要載體與表現(xiàn)方式就是文字；我們國(guó)家漢字的獨(dú)特形狀表現(xiàn)著我們中華民族的傳統(tǒng)文化特色，且它有思維導(dǎo)向與圖形表意的作用，是構(gòu)成網(wǎng)站的基礎(chǔ)。在茶類網(wǎng)站頁(yè)面設(shè)計(jì)的過程中，有些設(shè)計(jì)師也許會(huì)忽視了文字排版所發(fā)揮的重要作用；現(xiàn)實(shí)情況是，在網(wǎng)站頁(yè)面所有內(nèi)容中，所占比重最大、最多的就是文字信息。網(wǎng)站頁(yè)面中除了大段的正文描述外，像其他的，例如網(wǎng)站頁(yè)面標(biāo)題、引導(dǎo)、指示信息、文字鏈接、說明圖片等內(nèi)容，這些內(nèi)容也不能離開文字表述。我們國(guó)家和古代印度、古代巴比倫、古代埃及四國(guó)被稱之為世界的四大文明古國(guó)；在這四個(gè)文明古國(guó)中，我們國(guó)家的文字是一直被運(yùn)用的，從來沒有出現(xiàn)被停用的情況，一直不斷被改進(jìn)，不斷被完善，一直被沿用到現(xiàn)在，追溯文字的發(fā)展歷程，我們國(guó)家的漢字經(jīng)歷了甲骨文、金文、大篆、小篆、隸書、楷書、行書、草書等等的形式，最后在象形文字符號(hào)的基礎(chǔ)上演變成為我們現(xiàn)在所通用的方塊漢字，直到現(xiàn)在它依然保持著頑強(qiáng)的“生命力”。有個(gè)名字叫“悟空堂陶社”的網(wǎng)站，它就是采用我們國(guó)家象形文字的獨(dú)特之處，把“悟空堂”這三個(gè)字做成擁有十足意蘊(yùn)的獨(dú)特標(biāo)志，這種設(shè)計(jì)讓瀏覽者感覺像是回到了原來的自然意境中；茶類網(wǎng)站頁(yè)面中對(duì)細(xì)節(jié)的一些問題進(jìn)行了獨(dú)特的處理，比方說字號(hào)的大小和字號(hào)字體的選擇都進(jìn)行了特殊的處理，這些細(xì)節(jié)之處都充分表現(xiàn)出我們國(guó)家茶類網(wǎng)站頁(yè)面設(shè)計(jì)正在努力朝著突出本國(guó)特色的方向發(fā)展。目前，我們國(guó)家茶類網(wǎng)站頁(yè)面上的字體多數(shù)是選擇偶數(shù)級(jí)別的字號(hào)來決定字體的大小，像是2pt或是14pt，這樣做的好處就是頁(yè)面上多行文字的邊緣處不容易形成鋸齒狀；與此同時(shí)把行距之間的距離調(diào)大，這樣做可以改觀過去漢字在頁(yè)面上擁擠雜亂的現(xiàn)象，科學(xué)的調(diào)整文字版面之間的間距與節(jié)奏；最后去除了過去一味的追求像歐美國(guó)家網(wǎng)站一樣美觀的外表，而選擇小的文字字號(hào)，進(jìn)而影響到文字信息的閱讀效果的這種做法。

4 結(jié)束語(yǔ)

總而言之，我們國(guó)家傳統(tǒng)的文化元素不但是傳承技巧和智慧的語(yǔ)言，同時(shí)也代表著設(shè)計(jì)師們獨(dú)特創(chuàng)意的心聲。這就要求我們?cè)谠O(shè)計(jì)茶類網(wǎng)站時(shí)候，站在我們國(guó)家傳統(tǒng)文化的基礎(chǔ)上，不斷的尋求新的發(fā)展和創(chuàng)新。在設(shè)計(jì)網(wǎng)站時(shí)將中國(guó)元素的圖案、形狀、意境、色調(diào)進(jìn)行有機(jī)融合，以此來完成網(wǎng)站頁(yè)面設(shè)計(jì)的創(chuàng)新。

[1]王艷.中國(guó)傳統(tǒng)繪畫元素在現(xiàn)代平面廣告設(shè)計(jì)中的應(yīng)用研究[D].西北師范大學(xué),2014.

[2]高展.我國(guó)茶葉電子商務(wù)市場(chǎng)現(xiàn)狀分析及營(yíng)銷模式研究[D].西南大學(xué),2015.

[3]鄭莎莉.基于網(wǎng)絡(luò)數(shù)字媒體的茶文化推行方案設(shè)計(jì)實(shí)現(xiàn)[D].上海交通大學(xué),2014.

[4]張兵文,李付青.基于云計(jì)算的茶企營(yíng)銷網(wǎng)站安全研究[J].福建茶葉,2016(7).

[5]黃靜.網(wǎng)頁(yè)UI設(shè)計(jì)中“中國(guó)風(fēng)”元素的應(yīng)用研究[J].美術(shù)教育研究.2016(22).

[6]羅岱,王玉硯,黃靜儀.中國(guó)元素在旅游導(dǎo)覽系統(tǒng)界面設(shè)計(jì)中的應(yīng)用[J].包裝工程.2016(08).

[7]祝曉銘,王艷平.高校門戶網(wǎng)站Banner的設(shè)計(jì)應(yīng)用研究[J].現(xiàn)代計(jì)算機(jī)(專業(yè)版).2015(33).

徐天樂（1984-），男，河北秦皇島人，碩士，講師，研究方向：藝術(shù)設(shè)計(jì)。馬芳芳（1981-），女，遼寧丹東人，碩士，副教授，研究方向：計(jì)算機(jī)應(yīng)用。