端午节网页设计.docx

端午节网页设计.docx

《端午节网页设计.docx》由会员分享，可在线阅读，更多相关《端午节网页设计.docx（9页珍藏版）》请在冰豆网上搜索。

端午节网页设计

端午节网页设计

篇一：

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

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

摘要：

中国传统文化博大精深，传统艺术形式中的一些表现手法，如对空间的安排、对形象的塑造、对色彩的运用等方面，都为网页设计师提供了可供学习和借鉴的丰富资源。

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

关键词：

传统风格；网页设计；视觉传达；审美心理

网页设计需要根据网页的不同主题与定位，运用相关的设计软件，将各种的网页视觉元素有序地整合在同一个页面之中。

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

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

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

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

一、传统风格网页设计中的视觉表现

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等软件的应用，有些是我从来没有接触过的，有一些是自己会一点皮毛的。

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

按照老师在实训期间给我们的要求，在做word的时候，原本以为很简单的，后来才发现自己会的只是冰山一角，原来word的用处那么多。

通过训练，我掌握了段落的拆分、移动和复制处理以及段落格式设置，格式、特殊字符的查找和替换，分栏、首字下沉设置，页眉、页脚及页码的设置，插入艺术字体、图片、公式等对象，图片的旋转和翻转、组合和对齐。

Excel在我的意识里只能用来编辑数据，做个表格，没想到还有数据排序和自动筛选、图表的创建和编辑、分类汇总等功能。

Photoshop的功能是处理图片，在实训的时候自己做的那个端午节的粽子是通过这个软件自己绘制出来的，感觉到软件应用的神奇。

ppt由于自己上学期的学习，因此在实训期间做的作业也就驾轻就熟的完成了。

最好玩的软件应该就是flash了，通过几张图片的叠加和处理，就出现很可爱的动画了。

最让我惊讶的软件当然就是dreamweaver了，它竟然是用来做自己的个人网页的，本来觉得自己做网站是一件很不切实际的事情。

经过实训期间的学习，我也学会了制作自己的个人主页。

这次的实训让我掌握了办公自动化以及网页制作软件的使用，也能运用word、Excel、PowerPoint处理文档，能运用dreamweaver、Flash、Photoshop制作网页了。

总之实训的收获颇多。

篇三：

中国文化遗产网站设计

中国文化遗产网站

一、计划1.确定项目范围：

祖国的文化遗产可谓各具特色，各领风骚，每一处都是中华文化和秀美风光的集大成者。

文化遗产的保护具有延续性、长期性和全民性，是经久的积累，是悠久的传统，是绵长的守护。

但是随着人类社会进入以工业化、科学化为重要特征的现代文明。

人们对于中华文化中的精华部分有所淡忘，在走向现代化的过程中，我们应该更加注重本国文化遗产的学习，让我们的后代了解我们的优秀传统文化遗产，中国是一个的文明古国，有着五千年的传统文化。

积攒下许多值得后人记住的文化遗产，对此，我们应该加强学习。

使学生对中国文化有初步的了解和接触，培养对中国博大精深的文化的爱好。

进一步向全世界传播我们的文化。

2.分析学习者特点

表1学习者特征分析表

二、设计

1、分析教学内容：

因初中及初中以上的学习者差不多都已经属于的成年人的范围了，他们对自己要作什么、不要做什么很清楚，而且逻辑判断和抽象思维的能力都已

经很强了，不需要使用太多的方法去吸引他们的注意力，可以比较长时间的去学习，而不是像小孩一样不可以集中注意力。

而且网络学习只是作为一种课后的补充学习进入学生的生活，从而扩大他们的视野，弥补他们知识上的不足和漏洞，是学习者可以全面的了解自己所要学习的知识因此我们在设计网站时主要侧重于知识的巩固和扩充知识面。

另外，我们更加发挥了网络广博性和实效性的特征，我们对于知识的囊括非常广泛，在这里学生们可以学习和了解到课本上所没有的知识和内容以及关于中华文化遗产的具体的内容有什么，以及各个省份都有哪些自己独特的文化遗产，自己的特色有哪些，有什么特点，相应的文化典籍有哪些，对于近期的收藏热的介绍，以及与此相关的各种各样的活动。

对同学们活跃思维、开发兴趣、扩大知识面有很大帮助。

并且可以帮助学生很好的学习所要学的知识，全面的了解。

2、明确教学目标

通过中国文化遗产网站的学习探究是学生的课外知识积累，在实现知识

目标的同时，更应该强调能力目标、情感目标的实现，要让学生在轻松愉快中、自觉自愿的状态下完成任务，不能让学生感到压力和负担，要注意保护好学生的好奇心和兴趣。

具体目标如下：

a知识目标：

了解并尽量掌握各个省市的中国文化遗产有哪些以及他们的特点，相应的文化典籍有哪些。

认识相关的图片，相关的故事，相关的资料与文物。

还有他们的价值。

B能力目标：

扩充学生的知识范围，拓展学生的视野，培养学生的观察力和思维能力，以及激发学生了解中国文化遗产的学习兴趣，培养学生通过因特网搜集信息、分析信息、处理信息和利用信息的能力以及自主探索和协作学习的能力。

c情感目标：

通过对中国文化遗产的了解，能激发学生对中国文化遗产的了解，并能养成留心观察生活的习惯，并且能学会保护我们的中国文化遗产和我们的中国文化。

3、规划网站内容

网站主页的导航栏主要设置七项内容，分别是各省文化遗产，博物馆，遗产课堂，收藏鉴定，神话故事，动态资讯，联系我们。

本地资50px"width="450px"alt="端午节网页设计"title="端午节网页设计"/>

源：

为本制作精心选择、组织、设计的本网站的资源，与网站主题密切相关。

网站把关于中国文化遗产主要分为了以上七项内容，从各个方面、各个角度全方位的对中国文化遗产进行了系统的介绍，每一部分都有非常多的相关链接，包括图片、文章等多种形式。

学习者可以通过浏览本网站了解到我们所感兴趣的每个中国文化遗产的所有知识。

远程资源：

可以通过XX等搜索引擎，链接到其他相关网站，与内容有一定的关联。

使学生可以了解同类网站的内容及资源，进行知识的扩展。

激发学生学习的积极性。

4、确定网站框架结构

表2网站结构分析表

网站的逻辑结构图：

图1逻辑结构图

注：

在八个导航的链接下面还包含有很多的子链接，各个子分支与父分支子界面

均有链接。

三、创作故事板

1编制故事板序列表

表22故事版

表3首页页面设计表

表4各省文化遗产页面设计表