网页设计论文范文

导语：如何才能写好一篇网页设计论文，这就需要搜集整理更多的资料和文献，欢迎阅读由公务员之家整理的十篇范文，供你借鉴。

篇1

在用户获取信息的方式上，网页有别于纸质媒介，网页是以浏览为主，而纸质媒介是以阅读为主。所谓浏览，按照字面意思就是粗略、大致地看一遍，其主要目的是大致了解，搜寻是否有感兴趣的信息线索；阅读比浏览更具有主动性和目的性，是有目的地读，其目标是理解。克鲁格在《别让我动脑筋——网页设计效果优化艺术》一书中提出了设计出好网页必须面对的三个事实：一是“我们不是阅读网页，而是浏览”；二是“我们不做最佳选择，而是满意而止”；三是“我们不深究原理或本质，而是想当然地使用”。我们为什么对网页是浏览呢？克鲁格的分析认为有三个原因：一是因为匆忙，使用网络的目的多半是想节约时间，这样用户就会不停地运动；二是用户知道不必全部阅读，通常一个网页里面只有很少一部分是他们感兴趣的；三是用户擅长浏览，浏览是人们日常生活中搜寻信息的惯用方法。基于这样一些原因，用户使用网站就是浏览、满意、再浏览、再满意这样一个循环往复的过程，直至满意而归。如果中间出现了不满意，这个过程就会终止，用户就带着不满意而离开。所以，在设计网页时，哲学家威廉提出的奥卡姆剃刀原理“如无必要，勿增实体”和建筑大师密斯•凡•德•罗提出的“少即是多”原则是我们检验设计的两面镜子。在确定网页的内容时，突出那些重要的内容，去掉那些不必要的图案和文字，即使那些能够让你的网页在视觉上产生更好的效果，但如果其干扰重要信息的浏览，仍然应该果断地去掉。在网页中，只有那些有利于信息传达目标的美才是有价值的，美应该符合于功能的需要，美和功能的和谐统一才是网页设计追求的目标。为了便于浏览，在网页内容的编排上必须尊重视觉习惯，我们在浏览时总是从左到右，由上而下地扫视，要根据内容的重要性，进行从左到右、由上而下地依次排列，使重要的内容最先映入浏览者的眼帘。在文案的写作上，为了便于快速浏览，一是对标题、关键内容加以强调；二是采用短的句子和段落；三是采用清晰的分区和列表；四是先总体后详细的写作顺序。用户在进行浏览时首先是通过标题和关键词来初步判断内容是否符合自己的兴趣，然后再通过总体的概述来决定是否有继续浏览下去的必要。在浏览的过程中，短句和短的段落有利于减小理解的难度和缩短判断的时间，清晰的分区和列表能够让人快速抓住其关注的兴趣点，促进人们继续浏览。

二、网页设计不应打破惯例

前面已经提到，网页是一个要求即看即用的特殊“产品”，也就是一看我们就要知道如何使用。我们虽然使用了若干手机，但我们购买了一款新的手机时，我们还是得阅读说明书后才能正常使用，网页确不需要。那如何才能达到即看即用呢？使用惯例就是最好的武器，这也是提高所有产品易用性的重要法宝。惯例就是我们已经习惯了的东西，我们一看就知道它的意思，就知道怎么去操作，因为惯例是我们日常生活中积累起来的，已经存入大脑的固有知识。唐纳德•A•诺曼在《设计心理学》中将知识分为了存储于外部的知识和存储于头脑内部的知识，使用存储于外部的知识不需要学习，但效率低；使用头脑内部的知识需要专门学习，但效率高。而惯例是已经存储在头脑内部的知识，具有外部知识的高易用性和头脑内部知识的高效率。在网页设计中有很多惯例是不能轻易去打破的，一是重要导航在页面的位置，按照惯例一般布置在页面的上部、左上部或右上部，首页的链接放置在最前面；二是网站的标识放置在页面的左上部，浏览者用其来判别是否到达了目标网站；三是文字链接要加下划线（也可以鼠标放上去才出现），浏览者用其来判断是否有超级链接；四是常用标识符号，如在多页文档中，代表向上翻页，代表向下翻页；在视频、音频播放中■代表停止，代表暂停，代表播放。这些标识符号在网页中已经具有特定的意义，是不能随意改变的。

三、设计层面之间的逻辑联系

在《用户体验的要素——以用户为中心的Web设计》一书中论述了网页设计的五个层面，包括战略层、范围层、结构层、框架层和表现层，并确定了自下而上的建设流程，规定了设计的程序。自下而上的各个层面，从抽象逐渐变成具体，并且包含着密切的逻辑联系。战略层确定的网站目标和用户需求，是整个网站设计的基石，其决定范围层的内容选择和功能设计；结构层是对范围层选择的内容进行分类和组织，形成信息架构，以及对确定的功能进行交互设计，确定交互的过程和交互行为；框架层是在结构层信息架构的基础上，根据完成任务的需要，利用超级链接设置来完成导航设计，以及规划信息架构在页面空间中的位置关系，形成布局框架；表现层是对框架层进行具体的视觉表现，包括图形设计、色彩设计、信息图表设计、动画设计、视频设计等。从上面的分析可以看出，下一层是上一层的设计依据或设计对象，上一层是下一层的进一步深化和具体，相邻层之间紧密联系，既不能交换，也不能跨越，更不能缺少，具有严格的秩序，形成了完整的逻辑链条，理性思维贯穿在整个设计过程之中。

四、结语

篇2

关键词:网页设计视觉心理因素构成要素视觉流程

商业网站是企业向用户和网民提品和服务的一种方式,是企业开展电子商务的基础设施和信息平台，其网页页面由具体的文字（标题、广告语、单位名称、Email地址等）、企业标志、商标、产品图形、和信息菜单等内容组成，这些内容又常常表现为点线面、色彩、动静、主次等视觉因素，这些因素的不同使用都会影响读者的视觉习惯和心理变化。

本文将试析商业网页设计视觉因素的心理规律，揭示商业网页设计如何通过视觉心理因素更有效、更合理的表现与传达信息。展现企业形象、介绍产品和服务、体现企业发展战略。

一、商业网页设计中点、线、面视觉心理因素的运用

点、线、面是商业网页设计基本的视觉元素，是表现视觉形象的基本设计语言。从视觉角度看网页设计主要是如何经营好三者的关系，因为不管是任何视觉形象或者版式构成，归结到底，都可以归纳为点、线和面。

1.网页设计造型要素中的点

商业网页设计中的点是构成网页的最基本单位，是指页面中具备点的视觉特点、体积较小的物象。相对于整体背景而言一个单独的点是相比较而言的；是有大小、形状和体积的。点的大小、形态、位置不同，所产生的视觉效果、心理作用也不同。一个网页往往需要有数量不等，形状各异的点来构成，可以是具体产品、商品标志等，也可以是感觉上的点。例如，天空中的飞鸟、沙滩上的脚印、花瓣上的蜜蜂等，在其周围背景衬托下，都给人以“点”的视觉心理感受。

点在设计中即可以起一种稳定造型的作用，亦可起到活泼生动、吸引视觉中心的作用，使用得当，甚至可以画龙点睛；点的形状、方向、大小、位置、聚集与发散，还能够给人带来不同的心理感受。

(1)单点的应用：点在人们的视觉中具有很强的吸引作用，如：点（商品）设计在网页的上方或左右位置，则给人不稳定感和相对的动感。

(2)多点的应用：两点（二商品）之间会产生心理连线的感觉，多点时则会出现不同排列，顺序的虚拟的面或形体。

2.网页设计造型要素中的线

点的延伸形成线。线在页面中的作用在于表示方向、位置、长短、宽度、形状、质量和情绪。线是分割页面的主要元素之一，是决定页面现象的基本要素。商业网页设计视觉因素中的线主要指文字的行线，商品图形、图象的轮廊线，各种装饰线。线的形态主要有直线和曲线两大类：

(1)直线给人一种紧张、锐利、简洁、刚直感，从心理或生理感觉来看具有男性特点。直线又有：细直线，给人纤细、敏锐的心理感觉；粗直线，给人豪爽、拙朴、厚重的感觉；垂直线，给人一种挺拔、庄严感；水平直线则给人方向感和强烈的动感。

(2)曲线表现出一种动态，活泼，轻快的意味，显示了女性美的特征，商业网页设计中运用文字行、图象轮廊线或装饰线的造型，创造一种女性化的审美感。自由曲线是最好的情感抒发手段。打破了水平线组成的庄严和单调，给商业网页增加了丰富、流畅、活泼的气氛。水平线和自由曲线的组合运用，形成新颖的形式和不同情感的对比。

3.网页设计造型要素中的面

线的推移形成面。面是无数点和线的组合。面具有一定的面积和质量，占据空间的位置更多，因而相比点和线来说视觉冲击力更大更强烈。面在网页设计中通常指各种图形、色块的形状设计，不同形状的面具有自己鲜明的个性和情感特征，能给人不同的心理感受，如方形的面具有沉着，稳重，厚实，坚强的男性特征；三角形、梯形面常给人一种稳定、端正之感；但如果将它们倒过来设计，则给人一种轻、不稳定的感觉。圆形充实、圆满、活泼的感觉，比较适合表现儿童产品或者女性用品。菱形或不规则形体则给人一种活泼、轻快之感。

在商业网页的视觉构成中，点、线、面既是最基本的造型元素，又是最重要的表现手段。在确定商业网页主体形象的位置、动态时，点线面将是需要最先考虑的因素。必须熟练掌握设计语言。要善于根据商业特性采用不同的组合去体现不同的情感诉求，达到推销、销售商品和服务的作用。只有合理的安排好点线面的互相关系，才能设计出具有最佳视觉效果的页面，充分的表达出商业网页最终的诉求！二、商业网页设计中色彩视觉心理因素的运用

商业网页设计中色彩是确立网站风格的灵魂。色彩能产生强烈的视觉效果，使页面更加生动。色彩设计的好坏直接影响阅读者的观赏兴趣与心理变化。因此，地位十分重要。商业网页的色彩设计应从以下几个方面把握和利用其心理特征：

首先，整个页面要确定一个主色调，其有利于体现网站主题。每一种色彩都具有它自身的性格，如：彩度高，明度高的色彩常给人一种华丽感，相反彩度低，低明度的色彩则给人一种朴实感。暖色系、高明度的色彩能给人一种面积大的前进感。冷色系、低明度的色彩则能给人一种面积小的后退感。每个人群对色彩的喜好也有所不同，如男性较喜欢冷色，女性则偏好暖色或高明度、高彩度的色彩，儿童喜好纯色，讨厌浊色，老人则偏好浊色，中年人或文化层次较高的人偏好冷灰色等。因此在设计中要考虑主要读者群的背景和构成以及如何与商品的属性相呼应。

其次，在主色调下的色调搭配。若页面空间整体、色彩和谐统一，则给人一种幽雅、宁静感；若以对比手法处理，图形文字色彩明快突出于背景色，则页面空间氛围会显得活跃而有生气。但是，要注意不能有强烈的色彩对比，因为过于丰富的背景色彩会影响前景商品图片和文字的取色，使文字溶于背景中，不易辨识。所以背景一般应以单纯为宜。

最后，作为设计师在考虑网页设计时，还应考虑到时代流行性色和企业标准色的问题。所谓流行色，是指在一定范围内和时间内，非常盛行并易为人们接受的某些式样或颜色。而标准色的运用在网上扩大了品牌效应，也是对公司整体形象的统一应用，从而构成了企业识别系统（CIS）的重要部分。

三、商业网页设计中动、静的视觉心理因素的运用

商业网页设计构成要素可分为两种状态：静态与动态。静态要素设计具体指静止的商品图形、文字、按纽等；动态要素，具体指动态按纽、按纽连接、网页动画和视频等，它们是丰富、生动网页、张显个性、突出主题重要手段。

动静以及不同的动静组合都可以反映不同的心理与性格，如，动大体上给人活泼、生动的印象，但极慢的动常给人忧虑感；迅速或突然的动常给人焦虑、惊慌感。另外，静也常给人宁静、沉闷两种感觉。

商业网页设计中要注意处理好动静的关系，要整体和谐统一，给人生动而不躁动或厌恶感。同时还要遵循动态性原则与交互性原则。

1.动态性原则，即要有四维空间或五维空间的运作观念。一件网页商品、图片不仅是二维的平面或三维的视觉，也要有时间与空间的变换，情感与思维认识的演变等多维因素。

2.交互性原则，即界面设计强调交互过程。一方面是物的信息传达，另一方面是人的接受与反馈，对任何物的信息都能动地认识与把握。

四、商业网页设计中视觉流程心理因素的运用

商业网页设计是通过视觉元素引起人注目而实现商品信息内容的传达，为了使网页获得最大的视觉传达功能，使网页真正成为可读强性而且新颖的媒体，必须适应人们视觉流程的心理和生理的特点。

视觉流程的形成是由人类的视觉特性所决定的。心理学家葛斯达认为：人们阅读时，版面的上部比下部的注目价值高，左侧比右侧的注目价值高。因此，版面的左上侧位置最为引人注目，因此，在网页设计中一些突出的商品信息，如主标题、每天更新的内容等通常都放在这个位置。以便于一开始就吸引受众的视线，诱导其由上到下，由左到右地移动。此位置也被称作视觉的最佳视域。也就是最优选的地方。当然视觉流程是一种感觉而非确切的数学公式，只要符合人们认识过程的心理顺序和思维发展的逻辑顺序，就可以更为灵活地运用。设计者可以利用视线移动规律，诱导读者的视线作左右流动、上下流动以及斜线的不稳定流动，通过编排设计，人为地产生最佳视域，突出主要商品，以达到一定的视觉效果，传递商品信息。

商业网页作为一种新的企业开展电子商务的基础设施和信息平台，它的发展虽然没有多长时间，却兼容了传统平面设计的特征，又具备其所没有的优势，成为今后商品信息交流的一个非常有影响的途径。其设计是一种综合性的设计，它所涉及的范围非常的广泛，包括消费者心理学、视觉设计美学、人机工程、哲学等诸多方面，而本文中只从视觉心理因素的角度进行了一些阐述与分析，仅作抛砖引玉之用。

参考文献:

[1]李彬彬:设计效果心理评价[M].北京:中国轻工出版社,2005.1

[2]赵殿泽:构成艺术[M].沈阳:辽宁美术出版社，1994

篇3

文字作为记载信息的符号，在网页设计中有着举足轻重的重要性，其作用是图片、视频和动画等元素不可代替的，文字的设计优劣也决定了整个网站的视觉效果。文字的易读性和辨识性是网页设计的重点。文字颜色和背景要区别开，周围元素不能影响到文字的阅读，对流动文字的应用要慎重。文字的距离一定要设置好，注意细节，安排好文字和图形之间的交叉错合。在现代设计中，文字图形化的趋势越来越强烈，即是强调把文字作为图形元素来展现，加强其美学效应，强化了原有的功能。

二、图形元素

图形元素的存在大大美化了网页设计，它拥有强烈的艺术美感和视觉冲击力，是文字之后最早被引入到网页设计中的元素，它所传递信息的直观性远胜于文字。图形设计中的色彩搭配、元素构成、版式布局都要符合浏览者的审美心理，才能使得网页在短时间内给受众留下深刻的印象。网页设计中的图片提供导向和链接的功能。根据人机心理学研究，人们的视线在浏览网页时，会首先垂直的落在屏幕中心，然后向四周游动。决定了设计师要将重要的信息安排在注视点高的区域，所以设计师要根据视觉流程来合理安排图片的适度位置。网页设计中的图片是要经过网络下载才可以最后看到，受到宽带的限制，所以要求图形文件量尽可能的小。在图片大小固定的情况下，文件量越低说明图片分辨率要越低。对于显示器上的图片而言，分辨率为72dpi是大多数图片的最佳选择。

三、色彩元素

色彩的配色设计直接影响网站的整体定位、风格。作为设计中不可缺少的元素，它建立在文字图形的基础上，依靠眼睛的功能，通过感觉的视觉冲击力对心理起作用。每一种颜色都有不同的心理暗示。冷色中的蓝色代表平静，暖色中的红色代表激动；黑色给人沉重感，浅色则让物体轻盈；色彩从色调、饱和度、明度三个方面影响着网页，我们可以找到很多运用广泛的色彩配色方案，来作为实际学习和工作中的向导。网页设计中的色彩元素需要符合国际色彩的标准，因为互联网络是建立在国际互联网统一的平台上的。最简单的说就是采用网页安全色，不能毫无节制的运用太多颜色，一般情况下先根据总体风格的要求定出主色调和辅助色进行色彩的搭配。网页色彩模式一般采取RGB模式。网页设计是通过显示器来进行展示的，目前显示器大都采用RGB颜色标准，这与RGB颜色模式的原理分不开。RGB是从颜色发光的原理来设计定的，通俗点说它的颜色混合方式就好像有红、绿、蓝三盏灯，当它们的光相互叠合的时候，色彩相混，而亮度却等于两者亮度之总和，越混合亮度越高，即加法混合。在显示器上，通过电子枪打在屏幕的红、绿、蓝三色发光极上来产生色彩的。

四、版式设计

篇4

与网页设计与制作课程关系密切的课程很多，而关系最为密切的课程有计算机应用基础课程，电脑绘画课程(Photoshop)和动漫设计课程(flash)，这三门课程都是网页设计与制作课程的前导课程，相对于这三门课程来讲，网页设计与制作课程就是后续课程。在对后续课程的教学过程中，必定会让学生运用到前导课程的知识和技能，这样不仅可以让学生对前导课程进行一定的强化学习，而且更有利于后续课程的教授和学习，在很大程度上，能够提高学生设计网站的水平。如果把前导课程比喻成红花和绿叶的话，那么后续课程就是饱满的果实。由此看来，网页设计与制作课程在整个教学体系中占据着非常重要的地位。

2选择适合高职院校学生特点的教材

我院具有所有高职院校所共有的职业特点，但又有着我们自身更为突出的特点，要以“面向高职学生以应用”为目的的思想为指导，以能力为本位，适应社会的需要，这就要求我们在选择教材时一定要准确实用，我院幼儿教育系选用的是由清华大学出版社出版的第二版《Dreamweaver网页制作实用教程》，本教材以“实例+知识点”的结构构建内容，采用“任务驱动教学法”让学生边做边学，并配以相应的光盘，生动直观，能够让学生在短时间内迅速掌握所学知识，是一本符合培养高职院校学生技能的好教材。

3遵循高职教学规律，加强和改进教学工作

高职院校不同于其他高校的地方就是它是以实践操作能力的培养为主导，理论知识的学习为辅的教学指导方针进行教学，对于网页设计与制作这门实践性很强的课程来说更是如此。想要教好这门课程，教师就必须在教学过程中进行一系列的教学设计才能达到较好的效果，如何组织好这门课对于教学工作和效果尤为重要。

3．1网页设计与制作课程的教学思路

首先，要上好第一堂课。教师要在课前做好充分的准备工作，要利用第一堂课想办法牢牢抓住学生的心，让学生真正认识到学习网页设计课程的重要性和必要性，不能让学生有沉闷和枯燥的感觉。所谓万事开头难，好的开始必定能为之后的教学打下一个坚实而良好的基础，但好的开始并不意味着之后的教学就会一帆风顺的进行，之后的教学务必要在多媒体课件上下工夫。多媒体课件是教学的灵魂，它不是文字、图象、音频、视频和动画信息等各种元素的堆砌，而是它们的完美融合，利用它们使课堂变得更加生动和精彩，从而尽可能的提高学生的学习兴趣。

3．2网页设计与制作课程的教学方法

用实例作为课堂切入点，让学生先看到实际效果，首先启发学生思考用之前学到的知识和技巧能否做出此种效果，然后再由教师演示实例，在演示实例的过程中引出新的知识点，将知识点融入到具体实例中。比如，在表格布局和内嵌框架的教学模块中，我们采用任务驱动教学内容。教学目标是用布局表格设计网站主页，在演示此实例之前，让学生先利用之前学习的表格知识设计此网站主页，目的一是巩固前面章节所学知识和操作技巧，目的二是为接下来的布局表格设计做好充分的铺垫，让学生从内心有所比较，哪种方法更适合用来设计网站主页，在教师演示实例过程中可以更好地抓住学生的注意力和调动学习的积极性。演示案例制作一个介绍“学习教程”的站点，主要包含六个模块，包括“我的主页”LOGO、“导航”、“网站信息”、“教程热点”、“热门下载”、“最新教程”、“最新软件”等等。基本要求是在此实例中，添加“左上角三叠图”和“最下面友情链接”，资料在网络中获取，合理设置网页的背景以及图片和文本的属性，页面美观大方。较高要求是用此站点结构制作一个介绍自己的个人站点，要求除基本要求外，要有六处超级链接，且六处链接页面要有一致的框架结构，站点中导航清晰，布局合理，配色美观大方。

3．3教学过程中因时因人改进教学手段和方法

高职具有较强的职业特色，而学生水平存在着个体差异，故不能进行一成不变的教学方法。在课程进行到中期的时候，学生对课程知识的索求和动手实践的欲望会渐渐减弱，他们的厌学情绪越来越重，或者总是出现眼高手低的现象。在这个阶段学生已经掌握了一定的网页设计与制作的知识和技能，教师可以放手给学生，在授课过程中可以由主动变为被动，让学生由被动变为主动，譬如找某位学生来演示课堂实例，教师在旁指导，把学生的注意力拉回课堂，以此来推动教学进度顺利高效的向前进行。

4明确教学目标，把握教学内容

4．1选择合适的网页制作工具

目前最好的网页制作与设计软件工具是Dre-amweaver。它一直以来作为可视网页编辑工作的标准，在代码编辑和应用程序开发方面的功能比较强大，更重要的是它是所见即所得类型的网页设计软件，对高职院校非计算机专业的学生来将非常适合。同时，可以选择Flash制作网页中的动画素材，选择photoshop处理和制作网页中的图片素材。

4．2要求学生能够利用Dreamweaver设计各种网页，开发初具规模的网站

我系课程方案中要求采用以Dreamweaver为主导，逐步讲解网页设计的基础知识，初步了解HTML语言、简单认识CSS网页设计的基础知识。这里需要特别说明的一点是，首先，对HTML的教学，有些人认为对于高职非计算机专业的学生来说，不用学习太多语言，其实不然，HTML可以说是网页的灵魂，它不像C语言那样生涩难懂，高职非计算机专业的学生完全有能力学会和掌握。其次，要掌握CSS的基本使用方法，CSS是英文单词CascadingStyleSheets缩写，翻译为“层叠样式表”。通俗讲CSS是控制网页中内容的颜色、字体、文字大小和宽度、边框、背景及浮动等样式来实现各式各样、花样百出的网页样式的统称。由于允许同时控制多重页面的样式和布局，CSS可以称得上网页设计领域的一个突破，作为网站开发者、设计者能够为每个HTML元素定义样式，并将之应用到希望的任意多的页面中。如需进行全局的更新，只需简单地改变样式，然后网站中的所有元素均会自动地更新。

5考核方式

根据高职院校学生的实际能力水平和课程教学质量基本要求，传统理论考试已不适宜于网页设计和制作课程，网页设计和制作课程采用的是考查的考核形式。这种考核方式更适合网页设计课程的特点，更加强调学生学习的灵活多样性。期末总评学习成绩可由三部分组成:课程考核(平时到课考勤、课堂上的表现、课堂实训作业和)占30%、小结考核(阶段测验作品)占30%和期末考核(期末综合作品)占40%。这种考核方式注重实际操作能力和灵活应用能力的培养，可尽可能地调动学生的学习兴趣，发挥学生的学习积极性和主动性。期末考试要求学生在教师规定的时间内完成一整个网站项目的设计与制作，项目中包含一个学期中所学过的全部知识点和技能点。《网页设计与制作》课程是当下一种全新的教学内容，教师在教学中应将自己独特的教学理念运用于教学方法中，即让学生轻松愉快地学会制作网页的方法和技巧，又能在建立网站的过程中充分发挥自己的想象力和创造力，从而能培养更多适应信息化社会的综合型网页设计人才。

6社会实践

如果说课堂考核方式是检测和巩固学生设计网页能力最有效的方法，那么课外的实践则是拓展和提高学生设计网站能力最有效的渠道。可以组织学生进行学院网页设计的比赛，也可以走出校园去参加社会团体组织的设计大赛，或者进行一段时间的顶岗实习，这样可以最大程度的提高他们对此课程的学习积极性，也可以让学生找到差距，激励他们更加努力，不断完善和提高自己设计网页的水平。

7总结

篇5

在进行图像的设计、选择和处理中，掌握专业软件的基本使用技巧是必需的，图像在网页设计中的功能主要可以分为视觉吸引、信息引导两方面。要达到这样的目的，需要对图像进行合理的处理。使用动画图片，以及适当的色彩对比，形成版式的变化，吸引浏览者的注意，引导其对网站内容的阅读。根据公司对网站的功能定位，其所承载的任务与指向有所不同，对浏览者所作设定亦有差异。比如腾讯公司的腾讯网（）和腾讯（），一个作为门户内容网站，一个作为公司形象网站是两个独立的网站，设计风格，内容和要求差异很大。

2新技术网络

作为第四媒体，其显示终端可能是计算机，平板，电视或智能手机，为了页面兼容等原因，前端设计出现了很多新技术，如div+css技术，Javascript技术等，为了方便管理，一般采用对象的结构、表现和行为分开。结构是对象的内容，表现是其外观，而行为是与浏览者的交互，或者说是浏览者进行鼠标点击或输入内容等操作时，页面的反应。在进行网页设计过程中，图像对象也是如此，利用代码可以对图像进行一些效果的处理，起到资源占用少，页面维护容易等目的，还可以达到一些用基本图像处理技术不易实现的效果。用div+css结合Javascript技术可以实现在网页前端一些设计效果和逻辑处理功能，比如图像轮播和验证码校验功能。在一个存在后台管理的网站中，网页的很多内容来自于后台数据库，一些图片也不例外，内容需要和后台交互，根据数据库的内容和页面的特定逻辑，决定图像的外观。这是基本图像处理技术无法实现的，需要设计者了解动态页面设计技术，常见的技术有，php和jsp技术等。除此之外，还有连接数据库，缩放、剪切、相框、锐化、旋转、翻转、透明度、反色等对网页图片的处理。不再一一举例。

3结论

篇6

在我国，视觉传达教育起步较晚，但是发展迅速，其人才培养和教育模式倍受社会关注。目前很多高校在艺术类网页设计课程的教学上存在两种主要现象：一是重设计、轻制作；二是重软件、轻艺术。第一种培养出的学生一般只注重静态页面的视觉效果，对网站的动态更新关注较少，不利于网页后期维护；第二种培养出的学生侧重于Dreamweaver、Flash等软件的操作，对网页的版式、VI形象等关注较少，制作出的网页往往缺乏个性、艺术表现力不强。因此，对视觉传达专业的网页设计课程的教学改革势在必行。

二、课程教学目标的重新确定

我们都知道，一门学科的课程目标通常决定了该学科的最终导向，它不仅能为教师传授正确的学科理念提供依据，同时也给学生指明正确的课程学习方向。因此，视觉传达专业网页设计课程改革的首要环节就是对该课程教学目标的重新确立。众所周知，高等教育培养出来的人才最终要服务于社会，社会的需求决定了该学科的教学内容和教学目标。随着科技的进步，时代的发展，不同时期对网页设计人员的需求也是不同的。通过市场调研，我发现目前社会上网站分工越来越细，招聘的相关岗位大体分为三类：第一类为前台美工，以视觉传达专业为主，以网站的形象塑造和界面美化为岗位内容；第二类为网站后台服务，多以h7V5数据库等做交互型网站的，以计算机专业为主；第三类就是两者都要具备的全才网页设计师，是具有技术背景和多年实战经验的创意人才。由此我们可以确定视觉传达专业培养出来的网页设计人才的岗位定位应是网页美工师，他应该具有两种专业素质：一是掌握网页设计的基本要素和美学知识相结合的方法与技巧；二是懂得简单机算计软件（PS、Dreamweaver、Flash）的操作，便于在制作网页界面时考虑到后台维护的便利。而“艺术设计教育的人才培养目标是：培养综合素质高、创造能力强的高级应用型设计人才”。所以该课程教学目标应该是培养具有以上两种专业综合素质的、创造能力强的高级网络应用型设计人才。新的培养目标确定后，该课程的教学内容应该在此基础上重新调整。

三、课程内容的调整

视觉传达专业网页设计课程教学内容应该为教学目标服务，知识结构要合理，应注意知识点之间的交叉及有机结合，同时也要有效地培养学生的创新性思维及独立分析、解决问题的能力。基于此，新的教学内容调整为两大板块：理论课程内容和实践课程内容。

1.理论课程内容

理论课程内容在课程编排中为最先讲授内容，以教师PPT演示传授为主，学生讨论互动为辅，课时安排为总学时的四分之一。在教学过程中又分为两个环节来实现：（1）第一次课的设计把第一次课设置为课程概述，主要对网页设计课程的教学特点、教学内容、教学目的、教学重点和难点加以通篇介绍，对学生说明课程安排和考核要求，并通过简单上机实例操作来提高学生学习兴趣，进而引入网页基本理论教学环节。（2）网页基本理论学习网页基本理论学习包含三个知识板块：网页设计的基本要素、网页界面的版式设计、网页VI形象的美学塑造。我们知道每个设计门类都有自己独特的构成元素，这些不同的构成元素形成了该门类不同于别的门类的独特的艺术魅力。了解和掌握这些构成元素的特点和作用，有助于我们更好地进行设计工作。网页构成元素按功能和形式划分为两大类型，按功能划分为页眉和页脚、背景与底纹、按钮与控件、导航器和目录、功能板块和广告位；按形式分为文字、图片、色彩、多媒体和超级链接。网页设计中的构成语言不同于传统平面设计，它们之间存在很大差异，例如网页设计中的颜色是光色，是标准的RGB色彩，而传统平面设计中的颜色在输出过程中是以印刷色CMYK形式出现的；传统的平面设计不用考虑网络传输的因素，而网页设计中的构成元素应考虑在不影响显示效果的前题下，尽量压缩文件大小，便于网页文件的上传与下载；又如动画、音频等多媒体语言在传统平面设计中不用考虑，而在网页设计中它们是给网页增加活力的重要手段因此，教师在此板块教学中要选择大量实例进行比较，不但要指出网页设计各构成元素的特点和作用，而且还应指出与平面设计中相对应元素的异同之处，便于学生区别学习。网页界面的版式设计不同于传统平面设计的版式设计。平面印刷品有着各自固定的纸张大小或裁切规格，而网页界面则不然，它的显示尺寸受到电脑显示器的限制，不同尺寸的显示器显示的网页界面是有区别的。除此以外，它的最终显示控制权其实掌握在浏览者手中。如果过分注重网页界面版式设计的视觉完整性，就不能顾及网页设计元素的灵活性。所以，教师在此板块教学中应该强调网页界面版式的变化性，同时也要强调首页与内页版式的连贯性，要求学生在设计中注意网页界面版式完整性与灵活性的关系。网页设计是VI设计的一个重要组成部分，是企业视觉形象执行标准的延续和拓展。和所有的线下公司一样，一个好的网站也需要依助于VI设计。准确的、有创意的VI设计，有利于树立网站形象，使其在众多同类网站中脱颖而出，增加浏览者的浏览欲望和浏览记忆，对该企业的推广和宣传也能起到促进作用。网页设计课程上引入VI设计概念，教师应该保持教学的延续性，要求学生在进行网页设计的同时，将VI理念应用到网页界面中。网页设计应主题突出、富有创意，色彩搭配应协调统一，具有强烈的视觉冲击力，从网页LOGO到色彩运用均要突出企业视觉形象。

2.实践课程内容

视觉传达教育的目的就是培养出创造能力强的高级应用型设计人才。应用性人才的培养模式里实践性课程比例要大，网页设计课程也是这样，理论是基础，实践是灵魂。所以实践课程内容在课程编排中为比重最大的内容，课时安排为总学时的四分之三。实践课程包含软件操作板块、简单代码学习板块和实际案例制作板块三个知识点。此部分内容在教学过程中又分为两个环节来实现：

（1）软件操作和简单代码学习板块的教学

此部分教学为计算机软件学习阶段，Fireworks、Dreamweaver、Flash是传统的网页设计软件学习内容，根据当今互联网开放性的特点和视觉传达学生对现有软件知识掌握的情况（PS是基本功，是学生都已掌握的软件），把传统软件教学内容更改为“网页新三剑客”（PS+Dreamweaver+Flash）的学习。简单地说，就是用PS制作静态网页界面和切图，并处理图片，用Dreamweaver布局和超级链接，用Flash做特效。而这三个软件知识板块里面教学重点依次为Dreamweaver、Flash、PS。在软件教学环节，教师可借助类似“红蜘蛛”一样的网络教学平台和学生互动教学。学生可根据老师在线传送的素材临摹教师的操作，教师也可以在线观察学生执行情况个别辅导。同时根据艺术学生英语和数学水平普遍较低的特点，在教学中应该增加一些简单代码知识，介绍一些常用的代码语言及Html标签和CSS规则的使用方法，便于优化网页样式，使整个网站风格统一，也便于对已有的网页模板进行更改，进而大大提高学生的岗位实践技能。

（2）实际案例制作教学

此板块教学采用以项目为载体、以任务为驱动的教学方法。教师可以引入实际项目或者虚拟项目，提出项目名称和项目要求，辅导学生进行实际案例设计。实际案例制作教学应充分强调实用性和自主性，教学环节可分三步进行。首先是教师示范环节：教师要根据实例要求演示创作过程，从网站创意草图到制作静态界面；从创建站点到Dreamweaver网页布局，创建超级链接；从美化网页样式，到制作网页特效，利用简单的代码语言和Flas实现动态、实时、交互的页面效果教师应将每个创作环节一一展示，并将知识点设计应用到整个案例实际操作中去，做到知识点与案例有效融合，案例之间能承上启下，有机衔接。其次为学生设计环节：学生可以根据老师的思路对经典案例进行学习和分析，依据实际任务的要求，进行网页设计实际操作。其间遇到问题学生可以相互讨论，或求助教师解决难题。在整个讲课过程中，教师指导为辅，学生对案例进行学习和分析为主，充分发挥学生的主观能动性。要求学生充分发挥创意性思维，从被动学习转换为为了实现项目目标而进行多渠道主动学习，提高学生学习效率，缩短和实际岗位间的操作差距，进而为走向社会奠定基础。最后为展示评价环节：学生对自己的作品公开演示汇报，并鼓励别的学生对其作品评价，找出优劣点，好的保留，差的改正。教师根据作品质量和学生评价对作品打分，以此作为该生整门课程成绩的一个依据。

四、结语

篇7

（一）强调整体与局部的关系

设计时要强调其整体性，和谐性，准确性和快捷性，是使用者可以很容易达到目的，找到他们所需要的信息。另外，整体性也是网站风格和设计师的艺术风格重要表现。同时，网页又是由很多视听要素组成的，它们各自表达一个区间的内容，都有着各自独特的媒体特征。正因为这样，在设计网页时，注重网页的各个元素的某种共性的特征是使网页更加整体和富有感染力的手段。例如在版式设计的时候使各个元素间有所联系，而有统一的风格，使网页达到了“形散而神不散”的目的。

（二）内容与形式的统一

所有设计都有相应的内容和形式。内容是所有的内在的要素的总和，是设计的基础，是设计的灵魂；形式则是体现所有内容要素的表现方式。内容决定形式，而形式又反作用于内容。一方面，如果只是强调花哨的外表，只注重形式美，脱离了网页所要表现的内容，再高超的技术表现也会显得空洞。另一方面，如果只追求内容的精彩，而不在意其表现形式的话，也就谈不到什么艺术的再现和美的享受了。顺便提一下，有些技术人员出身的设计者，单纯为炫耀其技术上的优势，大量运用各种技术，造成了网站的大量冗余，也是不可取的。形式必须为内容服务，确保网页上每个元素都是“有用的”也是非常重要的。总之，在网页设计过程一定要注意内容与形式的统一。

（三）主题与风格的鲜明

艺术设计最终都是一个主题——“美”，求美是艺术设计所要达到的目标。根据心理学上的研究，人类短时间内可以认知的知识点不多，所以如果有太多的知识点的话，就会产生混淆甚至想背离。有可能的是看了后面的前面的就没印象了。所以鲜明的主题是至关重要的。视觉设计所要表达的思想都是明确的，有目的的。这就要求视觉传达不仅要纯粹、简洁、清楚和精准，而且在强调艺术性的同时，更应该注重通过独特的设计风格和强烈的视觉冲击力，来突出设计主旨。另一方面，鲜明的艺术风格更是一个出色的设计师所不可缺少的。新的世纪是信息爆炸的世纪，网络上的信息真是浩如烟海。要想做到在众多的网站中脱颖而出，也必须要有自己的风格，使浏览者更能从网页上获取更多的信息，而又能对该网站记忆深刻。总之，网页虽然是多样的，虽然是新兴的，但是只要抓住其设计原则，也是不难达到传达思想与知识的目的。

二、网页设计的特点及其数字化应用

（一）交互性、持续性、数字化

网络媒体与传统媒体不同的是动态更新的信息和实时交互。传统媒体都是以线形的方式提供信息，具有不可控性。而网络媒体则有着所以更新，随时交互的特性。游客可以获取信息的需求，而不是等待信息，被动地接受信息。被动和主动的差异是很大的。新的世纪是数字化的世纪，几乎所有的事情都与数字扯上了关系。数字照相机，数字摄像机，数字电视等等。网络是新兴的媒体形式，当然也离不开数字。从根源上来讲，电脑的原理就是其对“1”、“0”的识别，电脑是数字的，网络而又是由无数的电脑组成的，所以网页、网站也都是数字的。所以网页是以数字化的形态存在的。掌握数字技术也就成了是否能完成网页设计的关键。

（二）数字媒体的综合性

目前网页设计的主要元素有文字、图像、声音、视频等，随着数字技术的发展，越来越多的新技术将被添加到网络。随着国家光纤网络的普及，网络服务器以及个人电脑的性能的提高，数字技术的应用将越来越没有硬件的限制。新技术的加入，特别是新数字技术的加入，必然会给网页设计者带来新的挑战，他们面临着与新技术的碰撞与融合。当然，数字技术的应用也会带来种种问题，这也是设计着需要注意的。所以，网页设计者必须综合运用各种信息手段来丰富网页的内容，以满足浏览者对丰富知识的渴求。

（三）数字与技术的结合，技术与艺术的结合

设计是受主观因素和客观因素的共同支配的。主观方面就是人的创意、思想，客观因素就是设计者的知识结构、各种软、硬件条件、网络条件等等。一个优秀的设计者应该可以在客观条件一定的情况下，最大化发挥自己的思想，取得最大的艺术效果。现在新的数字技术加入了，在客观层面上就出现了一个新的因素。如果设计者能把这新武器加以运用的话，必然使创意得到很好的发挥。

三、网页设计与数字化生活的关系

（一）交互是数字化的标志

交互性，是指程序可以对人类的指令产生反映，有返回的信息，简单的说，就是可以交流。数字技术发展至今，网络不仅仅是可以浏览信息和传送信息，更重要的是可以智能化的对用户的指令做出反应。最简单的例子，就是搜索引擎。在网页设计的时候有的时候为了方便用户的信息检索，都会加入一定范围内的搜索引擎。搜索引擎的发展是基于数据库技术的介入，只要你输入你想要的部分信息，或者只是对你需要信息的描述，搜索引擎就会在数据库中寻找匹配的信息，然后返回一个结果给查询者。当然，时至今日更多的数字交互技术产生了，并迅速应用到网络中。交互网络游戏，网络交易平台，网络信息中心，网络数据库，网络资料库等等交互形式都产生了。这就要求网页设计者，要不断更新自己的知识，能够灵活地把新兴数字技术更高的应用到设计中。

（二）网络及其数字化应用已经渗透到各个方面

微信，自媒体，这都是时下最流行的字眼，它们带来的是什么呢？WWW，美丽的新世界。从开始的电话拨号到ISDN一线通一直到现在的ADSL甚至以后的光纤和移动终端接入，我们通过不同的方式进入这个伟大的虚拟的世界。万维网诞生的时候，就是美军为了情报交流的小型网络，而今天它已经是如蜘蛛网般覆盖全球了。它的主要功能是也不只是在军事上，更渗透到我们生活的各个方面。移动新闻中心，随时随地与世界接轨，不用看报纸，尽知天下事。微信，在2011年1月21日推出，可以为智能终端提供即时通讯服务的免费应用程序。它跨平台、跨操运营商，通过网络实现快速通信，具有非常强大的社交功能。数字娱乐，你可以在网络上找到任何你需要的数字视频和数字音频。自从流（STREAM）媒体技术产生之后，人们不一定要把影音文件下载完了在看，而可以边下载边看，进而实现了在线观看。网络游戏是数字娱乐的另外一个重要组成部分。现在玩游戏并不只是一个消遣，游戏现在是一个产业，每年都有种各样的电子竞技比赛，越来越多的人成了职业玩家，职业选手。企业信息化，企业上网目前无疑是每个企业的首要任务。这就要求网页设计者能很好地为企业服务，能够设计出美观而又富有个性的网站。同时企业在网络上的业务现在也有很大发展空间，甚至现今有的企业所有的业务都是在网络上完成的。当然数字技术对我们的渗透还不只于此，政府上网，远程医疗，远程家庭管理等等都是新技术的应用方面。众多的数字技术应用到网络中，这就给网页设计者提出了更高的要求。一方面，他们要不断的充实自己，熟练地掌握新技术的应用方法。另一方面，他们还必须把握网页的主题，不能单纯为了炫耀技术来设计网页。毕竟，所有的技术都是为内容服务的。

（三）数字化网络展望

未来的世界必然是网络的世界，人类的数字化生存已经成为可能。随着人工智能，嵌入式系统，系统等新技术成熟后，网页设计技术又将产生新的变革。未来的网络技术必将更加多样化，蓝牙技术，无线网络，卫星网络的应用，使人们上网不在受时间、空间的限制。纳米技术等新技术的应用，必将是PC的性能产生飞跃，网络带宽的技术瓶颈将不复存在。

四、结论

篇8

教学过程是由“教”与“学”双方面组成的，但我们在实际的教学过程中，往往忽视“教”的环节。我院在网页设计课程教学中，充分考虑高职学生的素质现状，以美国Macromedia公司的网页制作系列软件Dreamweaver MX2004、Flash MX 2004和Fireworks MX 2004 为主要教学内容，着眼于每个软件和工具中最实用的部分，分别用大量实例由浅入深地介绍使用这些软件设计、制作网页和创建网站的方法，尽可能让学生在最短的时间内掌握制作网站的方法。同时，现在的计算机教学也对教师提出了更高的要求，要求计算机专业教师在教学过程中必须不断加强专业学习，更新知识结构，真正在教学中做到内容精炼、语言浅显易懂、操作讲解详尽、素材丰富、重点突出。

二、任务驱动法的实施

1.任务确定

任务驱动法的实施是在充分考虑教学目标的前提下，仔细调查、了解所任教班级学生的计算机基础知识掌握现状，在讲述原理、技术的同时，设计有针对性的任务，使学生在实践中掌握网页设计与制作的知识。在此阶段可根据学生的知识层次，采用分层教学法与任务驱动法结合的方式，对不同层次的学生布置不同难易程度的任务。

2.任务驱动

教师布置任务，既要紧扣教学内容，又要及时给学生以必要的帮助与指导。以使用Flash MX 2004绘制矢量图为例，该任务根据创建Flash图形和文本的能力要求，绘制出符合要求的矢量图形，分别涉及创建Flash图形和文本中使用Flash创建图形、编辑图形色彩、处理Flash文本等内容。实施步骤是：首先教师指导学生打开Flash MX 2004软件，在工具栏中使用线条工具，绘制3条线段，呈倒三角形，然后使用选择工具将线条拖出一定的弧度，再使用部分选取工具拖动弧线的顶点，完成后即形成人物脸部的简单轮廓；然后要求学生绘制更多的线条，使用线条的宽度为2（在绘制中注意，部分选取工具特别要注意一些小细节方面，如线条的弧度）；使用颜料桶工具在头发中填充棕色#4E1616，通过进一步的修饰，强调人物的形象；然后指导学生绘制人物的眼睛与其他色彩填充部分，接着使用圆形绘图工具绘制一个无边框的圆形，在此基础上绘制出月亮、星星，最后创建文本对象，完成任务。在此过程中，学生由简单任务入手并逐渐深入，既掌握了该章节知识，也为后续学习做好了准备。

3.反馈评价

篇9

对于视觉元素这一名词的阐述，我们可以说是能够用我们眼睛看到的一切事物或标志。举个例子就像拍摄、电视、影视、造型艺术、建筑物、弃取计划、都会修建和弃取科学、笔墨，也包罗舞台计划、音乐。上述所提及的都可以被我们的眼睛所捕捉，所以它们的本质上都可以说是视觉元素。在上文我们可以得出，视觉元素的存在是非常非常普遍的。而在网页计划中，视觉元素通常以笔墨、图片、图象、标识，色彩等情势要素和题目、信息菜单、信息正文、口号、单位名称等内容要素表现出来。视觉元素融入网页设计，索要遵守的规则就是必须要经过网络才可以进行传播，也就是说没有了网页的支持，它无法发挥自己的作用，向人们传播。传布信息，便是说信息的发起者应用标记向接收者传布谍报的进程。它可所以个别自己的转达，也多是个别与个别之间的转达。它包含“人物”、“信息”、“传达人群”、“成果以及反响如何”这四个阶段。这也是发起者把思想与设计观念转换成视觉元素的阶段，就是概念视觉化的过程，贯穿和联结这两个过程的就是视觉元素。

2网页中的视觉元素探讨

2.1网页中的视觉元素分析

网页计划中的视觉元素主如果笔墨、图片与色彩这三大范例。上述三种元素之所以被划分为网页设计中的视觉元素，是因为它们所存在的一个共性，不论是文字、图片还是色彩，它们都是眼睛可以直接接收的最简洁的元素。可以直接的刺激到人们的眼球，起到更瞬间的宣扬反应。近几年中，视觉元素的运用更好的融入到了网页的设计中，让网页设计变得更加纷繁复杂，多姿多彩。

2.2网页设计中视觉元素特点

第一，在网页计划中的视觉元素，最基本的特色便是具备注视性，这一特色是网页计划中视觉元素最主要的特色，也是表现网页计划最基本寄义的特色。因为，网页的设计便是满足人们获取信息的便捷性，增强了解性，只有保证网页具有一定的注目性，才能勾起读者的兴趣，让人们有想要去浏览的欲望。最终达成制作网页的最根本的目的。其次，适应性是网页计划视觉元素具备的另外一特色。网页中提及的适应性，指的是在网页之中的视觉元素应该是随着外在的环境不断的提升并发生改变的，已达到适应外部环境的目的。由于我们处在的是这样一个信息发展提升的时代，所以唯有确保网页设计中的视觉元素一直是向新时代前进的，增加全新的资料以及元素，才会让网页的浏览量进一步提升，适应好我们所处在的这样一个时代。第三，网页计划中视觉元素还具有被记忆性的特色。这一特色的发生，主要基于视觉元素的引人注目性和适应性特色。第一，视觉元素无疑是可以起到刺激眼球的作用的，所以可以从根本上刺激人们去阅读网页上的内容，在这样的同时，就会使人们记住这些元素，有了元素记忆。然后，这些视觉元素能够不断进行新的变化，反之又促进其注目性的提高，并且在这两方面的共同作用下，使人们对网页的记忆更加深刻。

3视觉元素在网页设计中的运用

3.1文字视觉元素在网页设计中的应用

从文字开始被创造出来，一直到如今社会，它都是我们文化中重要的符号形式。而在网页设计中，文字自然也是必不可少的组成部分，地位非常重要。网页设计里面，文字符号其实不仅仅被作为一种符号语言，更重如果被作为一种记实和传布信息的东西。进行网页设计的时候，对文字的大小排序进行合理安排，用多种形式的文字表达去编辑资料、网页和信息，让文字不单单起到传播信息的作用，更作为一种艺术和文化，去带给人们享受。要想是文字变得具有视觉效果，完成上述所说的对文字的变革，可以在编辑网页时采用艺术字的方式，让文字告别呆板，让其表现形式更加的动人多样，大小颜色吸引眼球。

3.2图像视觉元素在网页设计中的应用

图片在网页中的应用中也是极其重要的，扮演着极其重要的角色，图片在网页编辑中也占据了很大的一个篇幅，和上文的文字元素比较起来，图片所占的优势更加大，视觉效果也更佳。如果在网页里运用了视觉效果较强的图片，还会在一开始就给人留下很深的印象，产生的效果是立竿见影的。对于所说的图片的视觉效果更加强一些，并不是就否认了文字在网页中所发挥的效果，文字也是同样重要的。一般情况下，图片的解释说明少不了文字的参与，文字可以辅助图片吧效果发挥的更加淋漓尽致，有助于信息的快速传达。同时，这样一来不但可以使信息很好的传播了出去，也增强了其印象，让网页更加生动。

3.3色彩视觉元素在网页设计中的应用

颜色视觉元素是网页计划中必不可少的一种视觉元素。色彩本身就具有其自身的独特特性，同时还具备极佳的视觉效果。额昂也设计中色彩的运用，主要目的就是提升文字的解释能力以及增强视觉上的刺激，对特定的文字以及图片增添色彩，可以让文字与图像达到更好的表现效果，让网页的整体质量不断的升高。视觉效果更加的显著。此外，色彩自身还具备很多独特的性质和效应，并且每种色彩都具有不同的作用，例如绿色能够给人舒爽的感觉，代表着大自然的清新，是青春和希望的象征;红色象征着热情、奔放和活力等等。

4结束语

篇10

动态网页设计应考虑将中国传统文化元素融入其中，比如，中国传统的水墨画、自然风景图片、中国传统书法艺术字等。将动态网页与这些富有中国特色的传统文化元素相结合，可以给网页设计师提供新的设计思路。计算机网页设计工程师可以将其当成一种新的设计符号，利用现代计算机技术，加入可以衬托背景的声音或文字，例如，水墨画旁边加入印章或动态毛笔字，山水背景图或自然风光图片加入鸟鸣或潺潺流水的声音，就可以起到很好的艺术效果。这样的设计可以给大众不一样的感受，给浏览者身临其境的感觉。

2动态网页与高科技元素结合

2.1网页设计中的三维视觉效果

动态网页与高科技元素结合的一个最典型例子就是动态网页与3D技术元素的结合。3D技术元素可以在网页设计界面产生三维视觉效果，使画面更加立体逼真。以往的网页图形界面是基于平面设计和固定的模式结构，在网页设计界面加入3D技术元素后，可以凭借3D立体效果中的图片、图标或者导航条，利用光感质感层次体量等多方面的优势，起到比一般的二维视觉效果图更加立体直观的视觉效果，给人以强烈的视觉感染力和冲击力。通常动态网页加入3D技术的操作方法是在网页设计界面中的各种视觉元素，比如站点、文字、图片、图表、图标、导航条、菜单栏、超链接、按钮及各种交互式动画中添加3D视觉效果。浏览者在访问一个网址时首先会感知所浏览网页的设计风格，其次会注意到网页的色彩搭配、色调的调和和图形图像的运用等。

2.2高科技技术的应用前景

人们对于互联网技术的开发和应用探索是不断向前的，新一代网页文档语言是网页开发技术的一大飞跃，它将网络技术带入了多媒体综合运用的时代，视频、音频、图像、动画随着高科技的发展和应用都被带入了标准化和同步化［2］。总之，各种网络技术的升级和新的高科技技术的应用给网页的标准化设计提供了强大的技术层面的支持，使得网页更富有现代科技魅力，同时，新的网页高科技设计技术又促进人们对新科技的追求，加速了高科技技术的应用与发展，因此，高科技技术在动态网页设计上的应用前景是广泛的。

2.3web3D技术和其他相关科技设计技术的限制

网页标准化开发日趋规范和完善，各相关技术的开发提供了更加稳健和广阔的平台，尽管相关网页设计中的许多高科技元素的发展有着广阔的前景，但仍会因各个方面因素的限制而受到制约。例如，网络带宽、处理器速度以及计算机各种硬件、软件发展水平等，还存在3D文件格式限制和渲染引擎等诸多问题。不过这些问题随着各种高科技技术的不断发展和完善，将逐渐得到有效解决。我们会浏览到更多具有真实感的三维立体视觉效果的网页。

3动态网页与现代科学元素相结合

3.1动态网页与肌理元素结合

动态网页的最大优势就是它具有多媒体性和动态变化性，动态网页中包括了各种可以展现多媒体功能的特点，例如，文字、图像、声音、动画等，这些功能特点为肌理元素的结合提供了广阔的空间。肌理元素与动态网页结合运用，特别是在动态网页中的声音、版式、色调方面的有机结合，会使动态网页更加具有强烈的艺术感染力，给人深刻的印象，从而以最高效的方式传播设计者想要表达的信息。

3.2肌理元素应用原则

第一，肌理元素的应用要凸显出统一与对比的效果。艺术的表现形式是对比与统一的整体效果的体现，为了增强动态网页的艺术魅力，应该结合肌理原理统一与对比效果，为动态网页增加艺术表达效果。动态网页在肌理元素中的应用，应该坚持对比与统一的手法，在对比中坚持统一的原则，在同一种坚持突出重点。突出肌理的材质与颜色，进而达到所要表现的效果。第二，网页的风格要与肌理协调。肌理一般运用在某个网页的局部，主要目的是将所要表达的内容传播给浏览者，不同的肌理表现给浏览者的感觉是截然不同的，因此肌理结合的选择必须符合网页的内容和网页的设计风格，简而言之，设计者在设计时想要表达给浏览者哪些信息，就应该选择相应的肌理元素加以应用。

3.3肌理元素所体现的特点

第一，互交性。肌理元素在网页设计方面所体现的最大特点是互交性，用户可以通过超连接在自己喜欢的内容之间调转，选择自己需要的信息。网络的互交性满足了人们个性化的需求，人们可以根据自己的爱好随意更改网页的外观，自由选择版式、外观、导航条，甚至肌理，使网页更具有人性化和风格化。第二，有机结合性。肌理元素更加具有有机结合性的特点，特别是结合相关的其他元素，并与其一起发挥效果，使网页具有视觉感和层次感。

4结语