中国风格的网站，因其气势磅礴，高贵典雅，独具韵味而受到很多人的喜爱，近年来被大量应用于传统文化、历史人文景点、地产项目等网站中。那么，怎样设计出别具中国气质的网站作品呢？我谈一些个人不成熟的想法，希望对您有所帮助。若有错误之处，请不吝指出。
1、构图。
合理巧妙的构图与内容布局是一个网页设计成功的关键。数千年的文明传承下来，中国人有其独特的构图审美。
对称
对称美是中国传统美学中重要的一部分。对称美体现在中国传统设计的方方面面，如城市格局、皇宫建筑、皇帝陵寝、太极图、对联、钱币、宝剑，无不用到 对称的设计理念。传统设计中的对称有很多种左右对称、上下对称、中心对称等多种形式，网页由于其特殊性，一般用到最多的是左右对称。对称的网页设计使得整 个画面有了平衡、和谐、庄重之美。
《石家大院》，成功运用对称布局，复古味十足。
《精武英雄》，又是对称构图的一个成功应用。
《故宫博物院》，整体左右对称，局部灵活变化。
竖排
中国古代的文字是自上而下竖书成行，自右向左换行。这一特征也被广泛引用到网页设计中。竖排的布局方式呈现出浓浓的中国古典文化气息。
《南园茶社》，竖排与对称的完美结合。
《何园》的一个栏目页，依然是对称与竖排。
留白
中国画讲究留白，留白是一种智慧，更是一种境界。留白能使“方寸之地亦显天地之宽”。在网页设计中，适当的运用留白，可以让页面构图更加协调，避免压抑感。宽松自由的布局也会让中国风格变得更加飘逸、时尚、清新。
《China White》，宽松自由，飘逸灵动。
《台湾故宫博物院 雍正文物展》，画面右侧，合理留白。
《西山恬园》大胆留白。
《风雅》，一个日本设计公司网站。
2、配色。
中国红与青花蓝、琉璃黄、国槐绿、长城灰、水墨黑和玉脂白构成一道缤纷的中国传统色彩风景线。而这些颜色也正是中国风格网页设计中用到最多的颜色。
红色
中国红（又称绛色）是三原色中的红色，以此为主色调衍生出中国红系列色彩：娇嫩的榴红、深沉的枣红、华贵的朱砂红、朴浊的陶土红、沧桑的铁锈红、鲜亮的樱桃红、明妍的胭脂红、羞涩的绯红和暖暖的橘红。
《渔》，经典中国红。
韩国的《汉文会馆》，红色，书法元素，扇子元素。
《盛唐》，陶土红、铁绣红的应用。
《阴余堂》，橘红色在中国风格的网站中应用并不多，很新颖。
茶色
茶色具有古色古香的秦风唐韵，因而成为中国风格网页设计中最重要的颜色之一。茶色很多情况下被用作网页的主色调。不同明度的茶色调和，茶色与朱砂红、黑色的搭配都是设计师惯用的手法。
《杨柳青：中国木版年画之乡》，不同明度的茶色调和。
《同里古镇》，色彩柔和雅致，红色点缀恰到好处。
《平门府》，古色古香的颜色。
黑白灰
如果想演绎出浓浓的水墨风情，那黑白灰的配色方案是个不错的选择。国画少不了一个红色的印章，同样水墨风格的网页中加以红色点缀，会起到画龙点睛的作用，使页面变得鲜活、灵动。作为中性的配色，如果想把中国风格演绎的时尚一些，黑白灰也是不错的选择。
《台湾故宫博物院》，黑白灰简洁大气。
《和堂》，清新淡雅的画面色彩。
《源》，中式服装网站，黑白灰色调，简洁的中式风格。
《爱莲说》，黑白灰对比，有较强的视觉冲击力，完美结合墨迹效果。
《谭木匠》，采用淡灰色的渐变，把中式风格与时尚感完美融合。
青花蓝
青花瓷是瓷中极品，其精致淡雅，超凡脱俗，是非常独特的中国传统文化元素。蓝白相间的配色极其简单，却难以驾驭，因此在网页设计中并不多见。用之，往往能别出心裁，自成一格。
其它颜色
除了以上色彩，代表至高无上的黄色、富贵华丽的紫色等，也能传达一些传统观念，可以适当选择使用。
《吉祥斋》，紫色与中国画元素在中式网页中的应用。
《桃源居》，黄色有时也会被大篇幅应用于中国风格网页设计中。
3、元素。
选择特别的元素加以应用，能更好的烘托气氛、点缀主题。
直线
简单的直线勾勒，是中国风格网页设计中常用的元素之一。如竖排文字的行分隔线，就是别具中国特色的修饰方法。
《倾城网》，在内容密集的门户网站，通过红色的应用、两侧对称的花纹，线条修饰，烘托中国风格。
方与圆
古人讲“天圆地方”，故方与圆的巧妙结合也被大量运用在中国风格的网页设计中。方形中规中距，符合中国人沉稳刚正的性格特质。圆形圆润光滑，彰显阴柔之美。
《何园》首页，方与圆的结合，也用到中国传经丝纹饰（上下的花纹及两侧的回纹）。
纹饰
聪明的祖先创造出丰富多彩的花纹样式，古人将基大量应用在各种场合，如陶瓷、刺绣、窗花、蓝印花布，蜡染、剪纸、雕刻、编织等。中国古典文饰有云纹，龙纹，回纹，连技，如意纹等，运用得当会很好的烘托整个画面的氛围，使中国风韵更加突出。
《关中民俗博物院》，花纹用得并不多但效果非常突出，传统建筑元素融入网页设计中。
《圆山大饭店》，背景铺满淡淡的云纹。
具象元素
除了以上抽象元素的使用，还有很多具象的中国文化符号，也经常被用于网页设计中。这些符号包括但不限于：水墨、古建筑、花卉（如梅，兰，牡丹，竹，荷花）、山水、卷轴、书法、窗棂、印章、毛笔、灯笼、竹简、青铜器、做旧效果等。
《双妹》，20世纪上海滩复古风格。留声机在那个年代具有重要的象征意义。
《聚春园》，古雅的色彩，细节元素的使用。
《兵马俑国际旅游景区》的设计中，用到很多中式具象无素。
《北京舞唐广告有限公司》，古城墙剪影效果很有想法。
4、大忌。
中国风格的网页固然好，但如果把握不当，效果会适得其反。所以有几点一定要加以注意。
元素堆砌
没有一个整体的构图，而只是把一些中国元素简单的堆砌在画面中，这样的网页就像把最漂亮的五官不合理的组合在一张脸上一样。
粗枝大叶
见过很多所谓的中国风格网页，制作粗枝大叶，细节毛糙不堪，图片变形严重，字体凌乱混杂。这种网页给人东施效颦的感觉，倒不如就做一个简洁的页面好。
格调沉闷
中国风格很多情况下需要表现出复古、怀旧的味道来，所以很多时间要用到一些低饱和度的颜色，一不留神就会变得沉闷、压抑。所以，对色彩的明度与饱和度的细微差别，一定要慎之又慎。有时候需要一些高亮度，高饱和度的色彩进行局部的点缀。使画面变得通透，灵动。
5、参考网址。
倾城网：http://www.hercity.com
台湾故宫博物院：http://www.npm.gov.tw
关中民俗艺术博物院：http://www.gzmsbwy.com
南园茶社：http://www.tongli.net/china/nanyuanchashe/
台湾故宫博物院 雍正文物展：http://www.npm.gov.tw/exh98/yongzheng/
杨柳青：中国木版年画之乡：http://www.chinaylq.com/
和堂：http://www.hetang.com/
爱莲居：http://www.art-xiaoping.com
北京舞唐广告有限公司：http://makechina.net/main/main.htm
Tao道 在纽约的亚洲餐馆：http://www.taorestaurant.com
西山恬园：http://www.xstianyuan.com/
平门府：http://sz.crland.com.hk/
渔：http://www.cn-fish.com
源：http://www.blancdechine.com/
谭木匠：http://www.ctans.com/
吉祥斋：http://www.jixiangzhai.cn
聚春园：http://www.juchunyuan.com.sg/
阴余堂：http://www.pem.org/sites/yinyutang/index.html
I for 爱：http://i.thinkworld.com.cn/
圆山大饭店：http://www.grand-hotel.org/
风雅：http://www.whogot.jp/
木子李原创文章。您可以随意转载，转载请注明出自：http://www.muzili.cn
【木子李：浅谈中国风格网页设计】相关文章：