端午节网页设计

端午节网页设计篇一：传统风格网页设计及其视觉审美性研究传统风格网页设计及其视觉审美性研究摘要：中国传统文化博大精深，传统艺术形式中的一些表现手法，如对空间的安排、对形象的塑造、对色彩的运用等方面，都为网页设计师提供了可供学习和借鉴的丰富资源。

本文将从传统风格网页设计的含义谈起，初步探讨传统风格网页的设计表现以及网页元素的视觉审美性问题。

关键词：传统风格；网页设计；视觉传达；审美心理网页设计需要根据网页的不同主题与定位，运用相关的设计软件，将各种的网页视觉元素有序地整合在同一个页面之中。

在网页设计过程中，离不开美学原理的运用和创意思维的构建。

当前，国内出现了一种新的网页设计风格，它在学习和借鉴国外优秀网页设计的同时，以中国的传统文化为基础，研究本民族的视觉欣赏习惯和视觉审美心理，使网页设计展现出独特的艺术个性，这就是传统风格的网页设计。

传统风格的网页设计适合应用于以传统文化和艺术为主题的网站中，面向的目标浏览者是知识分子或喜欢古典设计风格的人。

每逢春节、端午节、清明节、中秋节等传统节日，各类网站都要设计相应的主题活动或促销宣传的网页，传统风格的网页总会成为人们注目的焦点。

一、传统风格网页设计中的视觉表现1、水墨元素水墨画是中华文明的代表性艺术形式，在世界美术的多元格局中独树一帜。

它以墨和水为主要原料，调和出不同的浓淡层次，在画家笔下呈现出气象万千的作品风貌。

水墨画讲究用墨，由于毛笔中水与墨的含量差别，在画纸上产生了浓、淡、枯、湿、焦等墨色韵昧。

笔和墨两者是相辅相成的，用笔的轻重缓急、长短曲直亦能带来不同的视觉感受。

传统风格的网页设计中经常可以见到水墨元素的运用，根据不同的网站主题来也会选用不同的笔墨表现技法。

在很多网页作品中，设计师为了获得丰富的层次感，经常会设计水印式背景。

将大幅的水墨图形作为水印式背景衬于网页的底层，虽然不是作为页面的主体，但是能创造出深远的画面意境和空间感。

如果没有这韵味十足的背景图案，整个网页也会黯然失色。

水墨元素经常作为主体图形或标题色条出现在网页中，以中国乌镇的网站设计为例，该网站的导入页以古旧的宣纸肌理为底纹，主体图形采用了大笔泼墨的技法进行渲染，使画面显得奔放、大气。

墨韵中间镂空后加入了乌镇的小桥流水景观图片，旁边还点缀着书法和印章，水墨画的精神元素融入网页设计之中，传统与现代设计手法相结合，展现出传统水墨的气韵之美。

2、留白构图在水墨画中，空白的画面和着墨的形象都是整体的组成部分，通过留白使观者有更大的想象空间，正如“画鱼不画水”的妙处。

水墨画构图中讲究聚散、远近、开合、虚实、呼应等方法，将这些对立的关系统一于画面之中，才能形成好的作品。

网页设计中任何一处版式空间都是需要设计和经营的，需要设计师在排版时注重疏密结合，主次分明。

在传统风格的网页设计中特别注重虚实空间的协调关系，“实空间”是指文字、图形、色块等视觉元素，“虚空间”是指除去上述信息元素的空白部分或背景。

虚实空间是一种相互作用、相互影响的共生关系。

各种视觉要素必须密切统一在一起，图片和文字的大小要适度，画面不能够填得太满。

假如有左右两个部分的文字，可以适当地调整它们的大小，一边内容很多，可以将文字放得靠上一些，占用较多的空间；另一边内容少，可以将文字放在下角，上面留出大量空白，这样就调整了了整个页面的空间分配，创造出版式的视觉平衡。

通过网页的留白，可以合理的调剂网页上各种视觉要素之间的关系，利用留白的空缺感使页面达到平衡。

页面要素的排布呈现出松紧错落，起伏跌宕的效果，浏览起来富有极强的节奏感。

3、传统图形中国传统图形的范围很广，它既包括中国历代的能工巧匠创作出来的立体艺术形态，也包括在平面上或其它器物上展示出的传统纹样和装饰。

例如篆刻、书法、彩陶、青铜器、帛画、壁画、石窟、瓷器、鼓、古琴、中国结、太极、刺绣、蜡染、年画、舞狮、剪纸、皮影、年画、服饰、脸谱、建筑等，都为传统风格的网页设计提供了丰富的图式语言。

中国传统图形是中国悠久文化的视觉呈现，包含着人们对美好生活的追求与向往，运用到网页设计中，既传达了设计理念又传承了民族文化。

在很多传统风格的网页设计中，可以看到设计师将传统吉祥纹样与logo、导航条、边框、按钮、背景图案等融合起来进行创作，无论从美感还是寓意上都很完美，充满了传统文化的气息。

4、色彩在不同的年代，流行着不同的色彩观念，使用有特色的色彩可以产生强烈的视觉效果，使得网页更加生动。

网页色彩可以快速吸引浏览者的目光，在设计网页时应首先确定好主色调，选择能够反映网站主题和风格的颜色。

网页设计中的视觉形象众多，使用太多颜色的页面会显得花哨凌乱，难以找到视觉重心。

传统风格的网页设计特别强调色彩的整体和谐，将网页界面的色彩设计控制在一种色系里，背景色通常较为厚重雅致，而富于变化的对比色被用来点缀主体形象，以突出重点部分，丰富画面效果，如网页的图片新闻、Logo、标题、banner 等。

许多网页借鉴了水墨画的用色方法，将色彩和墨色相结合，以黑白墨色为页面的主色调，让色彩成为黑白画面中最亮丽夺目的一点。

还有些网页使用了中国传统文化中的象征色彩，例如文化洛阳网站的色彩运用，黄色系是画面当中最突出的视觉要素，明黄色在网页顶部的背景色和大面积的图片中多次出现，与黄色搭配和谐的褐色和土黄色则应用在标题、边框、列表符号等元素中。

黄色在中国五行体系中代表“土”的性质，被认为是最重要的色彩，五行中以“土”为中心，因而黄色也被用来作为皇家的专用色，代表着国家和权力。

文化洛阳网站的色彩体现出了十三朝古都洛阳的沧桑历史和悠久文明，体现出洛阳地处中原的地域特色，网页色彩与传统文化理念的结合丰富了设计的视觉表现力，既能体现形式美，又能深化作品的内涵。

二、传统风格网页设计的视觉审美性1、充满联想的意境美人类获取的80％以上的信息是通过视觉感官得到的，网页设计的视觉表现需要需要符合人们的视觉习惯，遵循视觉思维的基本原理，重视审美知觉的体验，做到视觉的表现与信息的传达相融合。

网页设计可以看作是各种图形、文字等视觉元素的组合，这种组合是基于一定的视觉表现规律的。

鲁道夫·阿恩海姆的格式塔心理学认为，世间所有事物的形态都可以归结为“力的图式”，有审美知觉能力的人从中不仅能看到形状、色彩、空间或运动，还会透过这些表面的东西感受到内在的力的作用，这些感受又会进一步同人类心灵深处的某些思想感情联系起来。

以中国传统书法和绘画为创作基点的网页设计，不仅延续了中国传统文化，更显示了中国人独特的审美观念。

中国画不拘泥于物体外表的相似，讲求“以形写神”，重视“意境"营造，这一绘画观念也体现于传统风格的网页设计中。

传统风格的网页设计讲究简约之美，善用大面积的留白，将中国画的构图法运用在网页的版式编排中，以充满联想的意境去深化浏览者的审美体验。

空白之处使人联想到宇宙般的无限可能性，方寸之中亦显天地之宽，空灵的意境大大提高了作品的审美效果，使之可以成为让人印象深刻的网页。

例如中国西塘的网站设计，其版式疏朗，空间开阔，字体典雅，大幅的黑白照片带领浏览者进入了水墨画的意境中。

西塘的屋檐、酒旗、石块、灯笼、门环等地方元素处处可见，精选的小幅风景图片赏心悦目，达到“形有尽而意无穷”的效果，使人想更加深入地了解网站的内容，2、信息传播的简洁美网页设计属于“瞬间的艺术”，据统计人的视觉停留在信息点上的时间一般不超过三秒钟，如果三秒钟内不能获得所需的信息，浏览者就会转而阅读其他信息。

好的网页设计在追求艺术表现的同时，更注重信息传播的高效。

网页中的信息不仅要做到正确传达，还要考虑如何使人们能够更愉悦和有效的接受。

设计理论家贡布里希认为，“如果一幅画的目的首先是为了吸引注意力，那么简约性和有选择的强调就会在这幅画中使用，因为它们具有唤起力和产生惊讶的效果。

”作为信息传播媒介的网页设计，表达的内容一定要简单明确，页面布局要清晰合理，帮助浏览者在最短的时间内搜索到相关内容，从而直观、迅速、有效的传递信息和观念。

传统风格的网页设计善于利用视觉阅读规律，在有限的网页中对图形、文字、线条等视觉元素做条理性和主次性的处理，使重点信息出现在画面上方或视觉中心，周围留出比较大的空间使之和次要信息相区分，增大主要信息元素的比例，减弱次要信息元素的比例，采用对称构图的网页更是让人迅速地找到核心信息。

书法字体经常被用作标题字体，正文字体则采用常见的宋体，两种形式的字体在疏密、虚实上产生对比，增强了视觉元素的流动性和张力，使网页产生节奏变化和韵律美感。

在一些房地产公司的网页里，通常留出较多的背景空间，图形优美，文字极少，使人在浏览时阅读舒畅，心情愉悦，网页风格显示出轻松的特征。

相反，目前网页设计中存在着一种误区，认为应在页面上尽量地多放内容，结果导致页面信息分布得密密麻麻，给上网的人带来压力，产生了局促和紧迫的感觉，这显然是失败的设计。

在设计网站的过程中，设计者应该将科学的信息传播理论与网页设计的具体实践结合起来，不断的完善和深化网页设计审美特性，以满足大众的审美需求。

网页设计在我国的发展非常迅速，但大多数网页的设计思想与设计模式仍然延习于西方，带有太多的西方现代设计色彩，缺少我们自己的文化底蕴和特色。

具有东方古典美的传统风格网页设计，渗透了上下五千年的中国文化，其厚重而优美的视觉形象，美好而丰富的寓意，都赋予设计师以取之不竭的设计灵感。

传统风格的网页设计使互联网上的浏览者都能够不分国界地充分体验到中国文化的永恒魅力和艺术生命力。

传统风格的网页设计强调地域性和民族性，与国际化的设计理念有机融合，向着真正成为世界认同的“中国设计”而努力，促进了中国网页设计的独特视觉风格的形成。

参考文献：[1]鲁道夫·阿恩海姆．艺术与视知觉[m]．北京：中国社会科学出版社，1984．[2]范景中.贡布里希论设计[m]．长沙：湖南科学技术出版社，20XX．[3]滕守尧.审美心理描述[m].北京：中国社会科学出版社，1985．[4]尹定邦.图形与意义[m].长沙：湖南科学技术出版社，20XX．[5]张思望．网页设计中视觉元素的功能与审美性研究[d]．西安：西北大学硕士学位论文，20XX．6．[6]许颖.浅谈留白在网页设计中的运用[J].信息系统工程,20XX(12).篇二：网页设计实训总结实训总结经过俩周的实训，我从中收获了很多。

原本以为计算机科学导论的实训是纯理论的，得知是上机操作还是有一点兴奋。

刚打开实训的要求，发现在实训期间我们要学的好多。

像word、excel、photoshop、PowerPoint、flash、dreamweaver等软件的应用，有些是我从来没有接触过的，有一些是自己会一点皮毛的。

带着一份紧张一份好奇，我开始展开了对这些软件的探索。