中國(guó)風(fēng)格的網(wǎng)站，因其氣勢(shì)磅礴，高貴典雅，獨(dú)具韻味而受到很多人的喜愛(ài)，近年來(lái)被大量應(yīng)用于傳統(tǒng)文化、歷史人文景點(diǎn)、地產(chǎn)項(xiàng)目等網(wǎng)站中。那么，怎樣設(shè)計(jì)出別具中國(guó)氣質(zhì)的網(wǎng)站作品呢?我談一些個(gè)人不成熟的想法，希望對(duì)您有所幫助。若有錯(cuò)誤之處，請(qǐng)不吝指出。

1、構(gòu)圖。

合理巧妙的構(gòu)圖與內(nèi)容布局是一個(gè)網(wǎng)頁(yè)設(shè)計(jì)成功的關(guān)鍵。數(shù)千年的文明傳承下來(lái)，中國(guó)人有其獨(dú)特的構(gòu)圖審美。

對(duì)稱(chēng)

對(duì)稱(chēng)美是中國(guó)傳統(tǒng)美學(xué)中重要的一部分。對(duì)稱(chēng)美體現(xiàn)在中國(guó)傳統(tǒng)設(shè)計(jì)的方方面面，如城市格局、皇宮建筑、皇帝陵寢、太極圖、對(duì)聯(lián)、錢(qián)幣、寶劍，無(wú)不用到對(duì)稱(chēng)的設(shè)計(jì)理念。傳統(tǒng)設(shè)計(jì)中的對(duì)稱(chēng)有很多種左右對(duì)稱(chēng)、上下對(duì)稱(chēng)、中心對(duì)稱(chēng)等多種形式，網(wǎng)頁(yè)由于其特殊性，一般用到最多的是左右對(duì)稱(chēng)。對(duì)稱(chēng)的網(wǎng)頁(yè)設(shè)計(jì)使得整個(gè)畫(huà)面有了平衡、和諧、莊重之美。

 

《石家大院》，成功運(yùn)用對(duì)稱(chēng)布局，復(fù)古味十足。

 

《精武英雄》，又是對(duì)稱(chēng)構(gòu)圖的一個(gè)成功應(yīng)用。

 

《故宮博物院》，整體左右對(duì)稱(chēng)，局部靈活變化。

豎排

中國(guó)古代的文字是自上而下豎書(shū)成行，自右向左換行。這一特征也被廣泛引用到網(wǎng)頁(yè)設(shè)計(jì)中。豎排的布局方式呈現(xiàn)出濃濃的中國(guó)古典文化氣息。

 

《南園茶社》，豎排與對(duì)稱(chēng)的完美結(jié)合。

 

《何園》的一個(gè)欄目頁(yè)，依然是對(duì)稱(chēng)與豎排。

留白

中國(guó)畫(huà)講究留白，留白是一種智慧，更是一種境界。留白能使“方寸之地亦顯天地之寬”。在網(wǎng)頁(yè)設(shè)計(jì)中，適當(dāng)?shù)倪\(yùn)用留白，可以讓頁(yè)面構(gòu)圖更加協(xié)調(diào)，避免壓抑感。寬松自由的布局也會(huì)讓中國(guó)風(fēng)格變得更加飄逸、時(shí)尚、清新。

 

《China White》，寬松自由，飄逸靈動(dòng)。

 

《臺(tái)灣故宮博物院 雍正文物展》，畫(huà)面右側(cè)，合理留白。

 

《西山恬園》大膽留白。

 

《風(fēng)雅》，一個(gè)日本設(shè)計(jì)公司網(wǎng)站。

2、配色。

中國(guó)紅與青花藍(lán)、琉璃黃、國(guó)槐綠、長(zhǎng)城灰、水墨黑和玉脂白構(gòu)成一道繽紛的中國(guó)傳統(tǒng)色彩風(fēng)景線。而這些顏色也正是中國(guó)風(fēng)格網(wǎng)頁(yè)設(shè)計(jì)中用到最多的顏色。

紅色

中國(guó)紅(又稱(chēng)絳色)是三原色中的紅色，以此為主色調(diào)衍生出中國(guó)紅系列色彩：嬌嫩的榴紅、深沉的棗紅、華貴的朱砂紅、樸濁的陶土紅、滄桑的鐵銹紅、鮮亮的櫻桃紅、明妍的胭脂紅、羞澀的緋紅和暖暖的橘紅。

 

《漁》，經(jīng)典中國(guó)紅。

 

韓國(guó)的《漢文會(huì)館》，紅色，書(shū)法元素，扇子元素。

 

《盛唐》，陶土紅、鐵繡紅的應(yīng)用。

 

《陰余堂》，橘紅色在中國(guó)風(fēng)格的網(wǎng)站中應(yīng)用并不多，很新穎。

茶色

茶色具有古色古香的秦風(fēng)唐韻，因而成為中國(guó)風(fēng)格網(wǎng)頁(yè)設(shè)計(jì)中最重要的顏色之一。茶色很多情況下被用作網(wǎng)頁(yè)的主色調(diào)。不同明度的茶色調(diào)和，茶色與朱砂紅、黑色的搭配都是設(shè)計(jì)師慣用的手法。#p#副標(biāo)題#e#

 

《楊柳青：中國(guó)木版年畫(huà)之鄉(xiāng)》，不同明度的茶色調(diào)和。

 

《同里古鎮(zhèn)》，色彩柔和雅致，紅色點(diǎn)綴恰到好處。

 

《平門(mén)府》，古色古香的顏色。

黑白灰

如果想演繹出濃濃的水墨風(fēng)情，那黑白灰的配色方案是個(gè)不錯(cuò)的選擇。國(guó)畫(huà)少不了一個(gè)紅色的印章，同樣水墨風(fēng)格的網(wǎng)頁(yè)中加以紅色點(diǎn)綴，會(huì)起到畫(huà)龍點(diǎn)睛的作用，使頁(yè)面變得鮮活、靈動(dòng)。作為中性的配色，如果想把中國(guó)風(fēng)格演繹的時(shí)尚一些，黑白灰也是不錯(cuò)的選擇。

 

《臺(tái)灣故宮博物院》，黑白灰簡(jiǎn)潔大氣。

 

《和堂》，清新淡雅的畫(huà)面色彩。

 

《源》，中式服裝網(wǎng)站，黑白灰色調(diào)，簡(jiǎn)潔的中式風(fēng)格。

 

《愛(ài)蓮說(shuō)》，黑白灰對(duì)比，有較強(qiáng)的視覺(jué)沖擊力，完美結(jié)合墨跡效果。

 

《譚木匠》，采用淡灰色的漸變，把中式風(fēng)格與時(shí)尚感完美融合。

青花藍(lán)

青花瓷是瓷中極品，其精致淡雅，超凡脫俗，是非常獨(dú)特的中國(guó)傳統(tǒng)文化元素。藍(lán)白相間的配色極其簡(jiǎn)單，卻難以駕馭，因此在網(wǎng)頁(yè)設(shè)計(jì)中并不多見(jiàn)。用之，往往能別出心裁，自成一格。

其它顏色

除了以上色彩，代表至高無(wú)上的黃色、富貴華麗的紫色等，也能傳達(dá)一些傳統(tǒng)觀念，可以適當(dāng)選擇使用。

 

《吉祥齋》，紫色與中國(guó)畫(huà)元素在中式網(wǎng)頁(yè)中的應(yīng)用。

 

《桃源居》，黃色有時(shí)也會(huì)被大篇幅應(yīng)用于中國(guó)風(fēng)格網(wǎng)頁(yè)設(shè)計(jì)中。

3、元素。

選擇特別的元素加以應(yīng)用，能更好的烘托氣氛、點(diǎn)綴主題。

直線

簡(jiǎn)單的直線勾勒，是中國(guó)風(fēng)格網(wǎng)頁(yè)設(shè)計(jì)中常用的元素之一。如豎排文字的行分隔線，就是別具中國(guó)特色的修飾方法。#p#副標(biāo)題#e#

 

《傾城網(wǎng)》，在內(nèi)容密集的門(mén)戶網(wǎng)站，通過(guò)紅色的應(yīng)用、兩側(cè)對(duì)稱(chēng)的花紋，線條修飾，烘托中國(guó)風(fēng)格。

方與圓

古人講“天圓地方”，故方與圓的巧妙結(jié)合也被大量運(yùn)用在中國(guó)風(fēng)格的網(wǎng)頁(yè)設(shè)計(jì)中。方形中規(guī)中距，符合中國(guó)人沉穩(wěn)剛正的性格特質(zhì)。圓形圓潤(rùn)光滑，彰顯陰柔之美。

 

《何園》首頁(yè)，方與圓的結(jié)合，也用到中國(guó)傳經(jīng)絲紋飾(上下的花紋及兩側(cè)的回紋)。

紋飾

聰明的祖先創(chuàng)造出豐富多彩的花紋樣式，古人將基大量應(yīng)用在各種場(chǎng)合，如陶瓷、刺繡、窗花、藍(lán)印花布，蠟染、剪紙、雕刻、編織等。中國(guó)古典文飾有云紋，龍紋，回紋，連技，如意紋等，運(yùn)用得當(dāng)會(huì)很好的烘托整個(gè)畫(huà)面的氛圍，使中國(guó)風(fēng)韻更加突出。

 

《關(guān)中民俗博物院》，花紋用得并不多但效果非常突出，傳統(tǒng)建筑元素融入網(wǎng)頁(yè)設(shè)計(jì)中。

 

《圓山大飯店》，背景鋪滿淡淡的云紋。

具象元素

除了以上抽象元素的使用，還有很多具象的中國(guó)文化符號(hào)，也經(jīng)常被用于網(wǎng)頁(yè)設(shè)計(jì)中。這些符號(hào)包括但不限于：水墨、古建筑、花卉(如梅，蘭，牡丹，竹，荷花)、山水、卷軸、書(shū)法、窗欞、印章、毛筆、燈籠、竹簡(jiǎn)、青銅器、做舊效果等。

 

《雙妹》，20世紀(jì)上海灘復(fù)古風(fēng)格。留聲機(jī)在那個(gè)年代具有重要的象征意義。

 

《聚春園》，古雅的色彩，細(xì)節(jié)元素的使用。

 

《兵馬俑國(guó)際旅游景區(qū)》的設(shè)計(jì)中，用到很多中式具象無(wú)素。

 

《北京舞唐廣告有限公司》，古城墻剪影效果很有想法。

4、大忌。

中國(guó)風(fēng)格的網(wǎng)頁(yè)固然好，但如果把握不當(dāng)，效果會(huì)適得其反。所以有幾點(diǎn)一定要加以注意。

元素堆砌

沒(méi)有一個(gè)整體的構(gòu)圖，而只是把一些中國(guó)元素簡(jiǎn)單的堆砌在畫(huà)面中，這樣的網(wǎng)頁(yè)就像把最漂亮的五官不合理的組合在一張臉上一樣。

粗枝大葉

見(jiàn)過(guò)很多所謂的中國(guó)風(fēng)格網(wǎng)頁(yè)，制作粗枝大葉，細(xì)節(jié)毛糙不堪，圖片變形嚴(yán)重，字體凌亂混雜。這種網(wǎng)頁(yè)給人東施效顰的感覺(jué)，倒不如就做一個(gè)簡(jiǎn)潔的頁(yè)面好。

格調(diào)沉悶

中國(guó)風(fēng)格很多情況下需要表現(xiàn)出復(fù)古、懷舊的味道來(lái)，所以很多時(shí)間要用到一些低飽和度的顏色，一不留神就會(huì)變得沉悶、壓抑。所以，對(duì)色彩的明度與飽和度的細(xì)微差別，一定要慎之又慎。有時(shí)候需要一些高亮度，高飽和度的色彩進(jìn)行局部的點(diǎn)綴。使畫(huà)面變得通透，靈動(dòng)。

5、參考網(wǎng)址。

傾城網(wǎng)

臺(tái)灣故宮博物院

關(guān)中民俗藝術(shù)博物院

南園茶社

臺(tái)灣故宮博物院 雍正文物展

楊柳青：中國(guó)木版年畫(huà)之鄉(xiāng)

和堂

愛(ài)蓮居

北京舞唐廣告有限公司

Tao道 在紐約的亞洲餐館

西山恬園

平門(mén)府

漁

源

譚木匠

吉祥齋

聚春園

陰余堂

I for 愛(ài)

圓山大飯店

風(fēng)雅

木子李原創(chuàng)文章。您可以隨意轉(zhuǎn)載，轉(zhuǎn)載請(qǐng)注明出自：