前端开发

 首页 > 前端开发 > css教程 > 木子李:浅谈中国风格的网页设计 - html/css语言栏

木子李:浅谈中国风格的网页设计 - html/css语言栏

分享到:
【字体:
导读:
          中国风格的网站,因其气势磅礴,高贵典雅,独具韵味而受到很多人的喜爱,近年来被大量应用于传统文化、历史人文景点、地产项目等网站中。那么,怎样设计出别具中国气质的网站...

  中国风格的网站,因其气势磅礴,高贵典雅,独具韵味而受到很多人的喜爱,近年来被大量应用于传统文化、历史人文景点、地产项目等网站中。那么,怎样设计出别具中国气质的网站作品呢?我谈一些个人不成熟的想法,希望对您有所帮助。若有错误之处,请不吝指出。

  1、构图。

  合理巧妙的构图与内容布局是一个网页设计成功的关键。数千年的文明传承下来,中国人有其独特的构图审美。

  对称

  对称美是中国传统美学中重要的一部分。对称美体现在中国传统设计的方方面面,如城市格局、皇宫建筑、皇帝陵寝、太极图、对联、钱币、宝剑,无不用到对称的设计理念。传统设计中的对称有很多种左右对称、上下对称、中心对称等多种形式,网页由于其特殊性,一般用到最多的是左右对称。对称的网页设计使得整个画面有了平衡、和谐、庄重之美。

  

 

  《石家大院》,成功运用对称布局,复古味十足。

  

 

  《精武英雄》,又是对称构图的一个成功应用。

  

 

  《故宫博物院》,整体左右对称,局部灵活变化。

  竖排

  中国古代的文字是自上而下竖书成行,自右向左换行。这一特征也被广泛引用到网页设计中。竖排的布局方式呈现出浓浓的中国古典文化气息。

  

 

  《南园茶社》,竖排与对称的完美结合。

  

 

  《何园》的一个栏目页,依然是对称与竖排。

  留白

  中国画讲究留白,留白是一种智慧,更是一种境界。留白能使“方寸之地亦显天地之宽”。在网页设计中,适当的运用留白,可以让页面构图更加协调,避免压抑感。宽松自由的布局也会让中国风格变得更加飘逸、时尚、清新。

  

 

  《China White》,宽松自由,飘逸灵动。

  

 

  《台湾故宫博物院 雍正文物展》,画面右侧,合理留白。

  

 

  《西山恬园》大胆留白。

  

 

  《风雅》,一个日本设计公司网站。

  2、配色。

  中国红与青花蓝、琉璃黄、国槐绿、长城灰、水墨黑和玉脂白构成一道缤纷的中国传统色彩风景线。而这些颜色也正是中国风格网页设计中用到最多的颜色。

  红色

  中国红(又称绛色)是三原色中的红色,以此为主色调衍生出中国红系列色彩:娇嫩的榴红、深沉的枣红、华贵的朱砂红、朴浊的陶土红、沧桑的铁锈红、鲜亮的樱桃红、明妍的胭脂红、羞涩的绯红和暖暖的橘红。

  

 

  《渔》,经典中国红。

  

 

  韩国的《汉文会馆》,红色,书法元素,扇子元素。

  

 

  《盛唐》,陶土红、铁绣红的应用。

  

 

  《阴余堂》,橘红色在中国风格的网站中应用并不多,很新颖。

  茶色

  茶色具有古色古香的秦风唐韵,因而成为中国风格网页设计中最重要的颜色之一。茶色很多情况下被用作网页的主色调。不同明度的茶色调和,茶色与朱砂红、黑色的搭配都是设计师惯用的手法。

分享到:
html中iframe背景透明 - html/css语言栏...
  父页面     子页面 body {     background-color: transparent; }
了解HTML5 - html/css语言栏目:html.css...
HTML 5俨然已经成为Web开发社区的主要热点,相应的出版物也越来越多。笔者一直在关注HTML 5技术的发展,最近阅读了两本有关HTML 5技术的中文书籍,在这里把自己的阅读体会写出来,希望能够让读者有所收获。 我所阅读的两本书分别是《HTML 5揭秘》、《HTML 5高级程序设计》。 《HTML 5揭秘》是一本不错的入门读物,英...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……