传统风格网页设计及其视觉审美性研究

《传统风格网页设计及其视觉审美性研究》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、传统风格网页设计及其视觉审美性研宄摘要：屮国传统文化博人精深，传统艺术形式中的一些表现手法，如对空间的安排、对形象的塑造、对色彩的运用等方而，都为网页设计师提供了可供学习和借鉴的丰富资源。本文将从传统风格网页设计的含义谈起，初步探讨传统风格网页的设计表现以及网页元素的视觉审美性M题。关键词：传统风格；网贞设计；视觉传达；审美心理网页设计需要根裾网页的不同主题与定位，运用相关的设计软件，将各种的网页视觉元素有序地整合在同一个页面之中。在网页设计过程中，离不开美学原理的运用和创意思维的构建。当前，国内

2、出现了一种新的网页设计风格，它在学习和借鉴国外优秀网贞设计的同时,以中国的传统文化为基础，研究本民族的视觉欣赏习惯和视觉审美心理，使网页设计展现出独特的艺术个性，这就是传统风格的网页设计。传统风格的网页设计适合应用于以传统文化和艺术为主题的网站屮，而向的目标浏览者是知识分子或喜欢古典设计风格的人。每逢春节、端午节、清明节、中秋节等传统节日，各类网站都要没计相应的主题活动或促销宣传的网页，传统风格的网贞总会成为人们注目的焦点。一、传统风格网贞设计中的视觉表现1、水墨元素水墨画是中华文明的代表性艺术形

3、式，在世界美术的多元格局中独树一帜。它以墨和水为主要原料，调和出不同的浓淡层次，在画家笔下呈现出气象万千的作品风貌。水墨画讲宂用墨，由于毛笔中水与墨的含量差别，在画纸上产生了浓、淡、枯、湿、焦等墨色韵昧。笔和墨两者是相辅相成的，用笔的轻重缓急、长短曲直亦能带来不同的视觉感受。传统风格的网页设计屮经常可以见到水墨元素的运用，根据不同的网站主题来也会选用不同的笔墨表现技法。在很多网页作品屮，设计师为了获得丰富的层次感，经常会设计水印式背景。将大幅的水墨图形作为水印式背景衬于网页的底层，虽然不是作为页面

4、的主体，但是能创造出深远的画面意境和空间感。如果没有这韵味十足的背景图案，整个网页也会黯然失色。水墨元素经常作为主体图形或标题色条山现在网贞中，以中国乌镇的网站设计为例，该网站的导入页以古旧的宣纸肌理为底纹，主体阁形采用了大笔泼墨的技法进行渲染，使画面显得奔放、大气。墨韵屮间镂空后加入了乌镇的小桥流水景观阁片，旁边还点缀着书法和印章，水墨画的精祌元素融入网页没计之中，传统与现代没计手法相结合，展现出传统水墨的气韵之美。2、留白构图在水墨画中，空白的画面和着墨的形象都是整体的组成部分，通过留白使观者

5、有更大的想象空间，正如“画鱼不画水”的妙处。水墨画构图中讲究聚散、远近、开合、虚实、呼应等方法，将这些对立的关系统一于画面之屮，才能形成好的作品。网页设计中任何一处版式空间都是需要设计和经营的，需要设计师在排版时注重疏密结合，主次分明。在传统风格的网页没计中特别注重虚实空间的协调关系，“实空间”是指文字、图形、色块等视觉元素,“虚空间”是指除去上述信息元素的空白部分或背景。虚实空间是一种相互作用、相互影响的共生关系。各种视觉要素必须密切统一在一起，图片和文字的大小要适度，画面不能够填得太满。假如有

6、左右两个部分的文字，可以适当地调整它们的大小，一边内容很多，可以将文字放得靠上一些，占用较多的空间；另一边N容少，可以将文字放在下角，上而留出大量空白，这样就调整了了整个页面的空间分配，创造出版式的视觉平衡。通过网页的留白，可以合理的调剂网贞上各种视觉要素之间的关系，利川留白的空缺感使页面达到平衡。页面要素的排布呈现山松紧错落，起伏跌宕的效果，浏览起来富有极强的节奏感。3、传统图形屮国传统阁形的范围很广，它既包括屮国历代的能工巧匠创作出来的立体艺术形态，也包括在平面上或其它器物上展示出的传统纹样和

7、装饰。例如篆刻、书法、彩陶、青铜器、帛画、壁画、石窟、瓷器、鼓、古琴、屮国结、太极、刺绣、蜡染、年画、舞狮、剪纸、皮影、年画、服饰、脸谱、建筑等，都为传统风格的网页设计提供了丰富的图式语言。中国传统图形是屮国悠久文化的视觉呈现，包含着人们对美好生活的追求与向往，运用到网页设计屮，既传达了设计理念又传承了民族文化。在很多传统风格的网页设计屮，可以看到设计师将传统吉祥纹样与logo、导航条、边框、按钮、背景图案等融合起來进行创作，无论从美感还是寓意上都很完美，充满了传统文化的气息。4、色彩在不同的年代

8、，流行着不同的色彩观念，使用有特色的色彩可以产生强烈的视觉效果，使得网页更加生动。网页色彩可以快速吸引浏览者的目光，在设计网页时应首先确定好主色调，选择能够反映网站主题和风格的颜色。网页没计中的视觉形象众多，使用太多颜色的页面会显得花哨凌乱，难以找到视觉重心。传统风格的网页设计特别强调色彩的整体和谐，将网贞界面的色彩设计控制在一种色系里，背景色通常较为厚重雅致，而富于变化的对比色被用来点缀主体形象，以突出重点部分，丰富画面效果，如网页的图片新闻、Logo、标题、banner等。许多