网页设计论文十篇

网页设计论文篇1

关键词：格式塔网页设计视知觉

引言

格式塔一词来源于德文“Gestalt”的音译，本意指的是形式、形状、方式、实质。格式塔心理学是一种与艺术有缘的心理学理论，其主要目标是探讨视觉感知及其与学习、思维的关系，它所研究的出发点就是“形”，“形”是经由知觉活动组织成的经验中的整体，与视知觉活动密不可分。而网页界面设计是视觉传达设计向网络媒体的延伸，主要是通过浏览者的视觉感知来接受网站信息。因此，研究格式塔理论在网页界面设计中的运用，无疑对网页界面的设计具有很大的指导作用。

格式塔理论在网页界面设计中的应用

网页设计是将特定的视觉信息要素，根据主题表达的需求在特定的页面上进行的一种编辑和安排，其基础是视觉生理学和视觉心理学。格式塔心理学派通过对视觉感知的生理研究，提出了一系列视感知规律，其中包含了“图底”这个核心概念，和“简明原则”“接近原则”“相似原则”“闭合原则”等视感知特性，将这些规律引入页面设计，有助于我们优化视觉时代“形象过剩”状态下盲目的网页设计，提高信息传达的速度与准确度。

1.图与底

在人的知觉系统中最基本的一种知觉能力是在图形与背景间作出区分。“图”是居于前部的区域，“底”被看成是用来衬托图的背景。相对而言，图比底，轮廓较为完整、封闭，形状较为规则，面积比较小，色彩比较鲜艳；此外，更重要的是，能组织成为一定意义的区域倾向于被感觉成图。

由于图与底之间存在的这种相对性质，在网页设计中，应当明确区分图与底，主体与背景。另外,主体自身结构要清晰明了，背景不能过于复杂，这样才有利于浏览者辨别需要了解的信息。在背景的色彩搭配上应尽量选用同一色系的颜色，尽量避免同时使用色相环中相对的颜色，大面积同一颜色宜采用低对比度，避免用强烈刺激的颜色引起浏览者的视觉疲劳与厌烦情绪。格式塔理论的图－底规则不仅说明了主体从背景中分离出来的条件,而且指出了背景在一个格式塔中的重要作用。因此在网页设计中我们同样不能忽视背景的作用，图形是依赖于背景而存在的，要使主体感到存在，必然要有底将它衬托出来。因此无论在文字、色彩、图像，还是动画和视频方面都要坚持图底原则。

2.简明原则

格式塔心理学家认为，人们的知觉有一种“简化”倾向，所谓简化并非仅指一般意义上的“简单”，即物体中包含的成分少或成分之间的关系简单，而是一种将任何刺激以尽可能简单的机构组织起来的倾向。我们的眼睛只能接受少数几个不相关联的整体单位，如果一个格式塔中包括太多不相关的单位，眼睛就会试图将其简化，把各个单位加以组合，使之成为一个知觉上易于处理的整体，否则，整体形象将无法被正确感知，这种形象势必会被人们忽视，以至拒绝接受。

我们可以将这一观点延伸到网页界面设计中。首先，在网页界面结构的设计上，应避免使用过于复杂的网格结构，结构的设置应尽量简单明了，符合人的视觉流程，也符合人们对规则形的喜好，利于浏览者以最短的时间找到最需要的信息。

其次，在图像的选择上，应避免使用过于繁复杂乱的、容易分散浏览者注意力的图像，这样会增加浏览者找寻信息的难度。

再次，在进行文字编辑时，应该考虑编辑的最终效果。文字应给人以清晰的视觉印象，避免页面繁杂凌乱，减少不必要的装饰变化，使人易认、易懂、易读，不能为造型而编辑，忘记了文字本身是传达内容和表达信息的主体。在字体的选择上，虽然可供选择的字体很多，但同一页面上的字体种类最多只能有三四种，这样才不会显得花哨。字体的选择应依据段落大小和内容层次,由重到轻、由粗到细。字号的选择也应该依据内容层次由大到小，但到了节以下的层面，可以选用同一字号但用不同的字体加以区分。在文本密度方面，文本应该以短小的组块形式出现，并且应该经过编辑，以简化内容。3.接近原则和相似原则

接近原则和相似原则的本质上都是简化和整体化知觉对象的组织原则，与前面的简明原则类似，人们在倾向于简化认识对象的同时，也倾向于将近似、接近的元素组合起来作为一个整体加以认知。也就是说如果不同的文字或图形组成部分位置靠近，浏览者就比较容易看出它们是一起的。根据这一原理，对于页面上的任何元素，如果在功能或内容上是相同或相近的，就应在一定程度上保持相对较小的空间距离，做到“物以类聚”。比如，页面中用以解释图形或用以表明某一部分图形的文字就应当紧挨其所指的图形或部分图形。

相似的物体也很容易被认为是从属于一个系统，具有相似的功能。因而，需要通过将浏览者注意力集中于视觉范围内的关键概念，帮助他们获得信息。在网页界面设计中，可以通过强调、动画、对比色的使用或其他手段达到这一目的。假如一个图形中的组成部分都属于同一风格，这个图形就被视为一个整体。为了使浏览者重点关注图形中的特定部分，对这一部分可采用不同的颜色、动画、闪烁或其他区分方式。但是，如果一幅画面中区别过多，也会使浏览者难以注意需要获得的信息。因此，这些方法应该用于强调关键信息或图形的关键部分，而不宜用于大片信息。

4.闭合原则与网页界面设计

闭合原则是指一种完成某种完形的行动。这一规则表明，每一种视觉样式都可以被看成是一种陈述，对于模棱两可的视觉样式，人们会根据以往的经验按照不同的样式加以组织，这时不同的人会看到不同的东西。因此，在网页界面设计时,应当避免出现不完整的图形，以免使浏览者花费过多的时间去琢磨图形的含义，而不是从网页上获取信息。

闭合规则还表明,视觉形象被知觉的形式是首先作为一个统一的整体被知觉，然后再以部分的形式被知觉。因此，在进行网页界面设计时，要强调整体风格的统一，内容与形式的统一。

结语

将格式塔心理学引入网页界面设计，目的是希望网页设计向理性化的方向发展。随着网络的不断发展，浏览者对页面的要求也越来越高，但现在的页面设计大多还是从直觉出发，离科学的页面设计还有相当大的距离，因此要想达到科学的页面设计，就要在设计时遵照人类的认知规律，并且将这些规律正确地应用到设计实践中。而如何将格式塔理论与设计结合起来,仍是我们需要投入大量精力去研究与探讨的问题。

参考文献：

[1]曹方著.视觉传达设计原理，江苏美术出版社

[2]卡尔·考夫卡著，黎炜译.格式塔心理学原理.浙江教育出版社

网页设计论文篇2

网页页面设计的第一重点在于排版，现在排版理论可以分为三个方向，即从点、线、面展开排版，以往的艺术形式中，都是以点带线，以线画面，但在网页设计中恰好相反，是以面为主要构成，以线为重点分割，以点作为辅助，比如在一个网页页面中，最重要的是版面设计的主体基调，如搜狐的版面当中最大的窗口面是当天发生的重要新闻，这个新闻版面占据整个网页的六分之一的位置，非常醒目并且配合剪辑画面，能够让人一眼清晰地了解到最新新闻的内容，给予一个“大面”抓住浏览者的眼球，其次才是版块的划分，如生活版、军事版、历史版等等，这就使线的分割，每一个线路都非常明确能够让浏览者能够快速找到自己感兴趣的话题，从而进入到连接当中欣赏内容，最后才是围绕划分内容做得一些辅助和补充。例如，观看磨一话题时在旁边能够浏览到相关的话题，通过超链接进入。再比如，会有一些辅的淘宝、苏宁的网商的广告，诸如此类分散的点构成了整体的辅助效果，充实了页面设计。因此，网页设计版面的视觉效果应当从“面、线、点”三个方向逐一排序，让浏览能够把握到主次顺序，使整个视觉效果不会被淹没在冗杂无关注点的文字新闻当中。

2文字视觉艺术构成

文字视觉艺术的重点在于吸引，近年来兴起的标题党就是最好的视觉艺术呈现，文字视觉艺术做成标题形式，能够迅速地抓住关注着的眼球，并且最大程度的吸引关注着。例如，“农夫山泉买矿泉水”这样的广告标题不能吸引任何关注，但将其改成“农夫山泉是大自然的搬运工”则迅速在浏览者的脑海中产生了疑问，希望能够点击了解，这就形成了吸引的视觉效果。再比如，最近很红火的一个亲子标题“我陪别人的老公在家，我老公带着别人的媳妇去了游乐场”，其实是“妈妈带着儿子在家温习功课，爸爸带着女儿去游乐园”这样的文字标题有让人遐想的隐晦空间，所以也时常使用的手段之一。因此，文字视觉效果不仅是最方便吸引眼球方式，同时也是最快捷最有效的方式。另外，文字视觉艺术还包含“引导视觉艺术”，举例说明。例如，“领导人的秘密生活”这一标题，大家在网上围观的过程中会将视线集中在领导和秘密两个词汇上，因为中国的特殊性质“，领导”近年来成为百姓关注的重点，再加上“秘密”的延续引申就会收到引导观众的效果，这是利用了观众的好奇心理，同时增强了观众对于网页的探索热度，诸如此类的手法比如“变换式”“、遥控式”等等都可以归纳到文字视觉艺术的领域当中。

3图片视觉艺术的构成

图片视觉艺术和色彩视觉艺术是对视觉冲击感最强的表现方式，其重点在于如何配置插图将图片和所要表达的文字进行完整的融合，并且要控制图片与文字的比例，图片太大则会显得网页特别好混乱，图片过小则会显得网页特别臃肿，图片清晰度不高则会让观众对网页内容产生质疑，现在网页图片设计要做到三点，第一风格统一、主色调一致，统一风格的图片能够起到连续性的带动作用，色调一致的图片能够加强人对图片的连续性的感官，并且能够起到引导的作用；第二传递信息清晰明快，选择的图片要最大限度地凸显文字中表达的内涵，要做到图文并茂，若是图不答意则会使观赏者产生错乱的情绪，很难持续吸引观赏者，最要做到突出重点，即图片要符合标题的内涵，并且每张图片能够有清晰的重点，这些重点连接而成能够形成完整的故事，从而保障网页宣传内容的合理性，最大程度的吸引视觉效果。第三传递过程中表达设计者或网页主旨内容，图品虽然要有自身的风格，与文字形成正确的统一性，但也要注意与网站的目的符合。例如，新闻网站中应当多以新闻图片为主，热卖网站中应当多以商品图片为主，等等，方式与效果的统一不仅能够进一步加强网页页面设计的整体性，同时能够加强人们对此网站的视觉整体效果，让网站的视觉表达更加传神更加具体。

4色彩的视觉艺术构成

色彩的视觉艺术构成比较难把握，因为不同地域、不同内容、甚至不同人对于色彩的需求都是不同的。因此，正常的网页设计要做到的就是色彩迎合大众，但同时色彩的渲染时整个网页的渲染。因此，色彩要紧紧围绕网页的主要色调，这就需要在色彩视觉表达设计当中做到两个点，第一要符合当下色彩的融合形式，符合社会大众的需求，同时要围绕网站主体进行色彩运用，因此我们可以从两个方面分析：首先，整个页面的色彩选择，确定一个主色调，这一色调应有利于体现网站主题宗旨.现在多数的网页色彩设计，一般以浅颜色为背景的居多。例如，浅灰色、浅黄色、浅蓝色、浅绿色，以浅颜色为底，柔和、淡雅，配上深颜色的字，如黑色，读起来自然、流畅，符合人常规的视觉认知习惯，也有利于突出页面的重点，更容易为大多数人认可和掌握其他一些次要内容。例如，背景图片、线条适宜采用不抢眼的颜色，以免喧宾夺主。只有少量精心选择的元素，为了突出强调，可采用明亮艳丽的色彩，这些色彩亮点会产生强烈的视觉冲击，但如果用得太多，就会形成一种均匀的噪声，而达不到强调的效果。其次，网页背景的色调搭配上一定要注意不能有强烈的对比，特别是同时使用色彩对比的颜色大面积颜色适宜采用低纯度，过于丰富的背景色彩会影响前景图片和文字的选色，严重时会使文字溶于背景中，不易辨识，所以背景一般应单纯为宜。最后，色彩的设计应当尽量选取“原色”搭配为主，原色的视觉感受比较清晰，同时不像其他调成色彩在搭配的过程中产生排斥与反衬托的作用，一般网页设计过程中会选择两个原色作为网页的主色调，三种以内的变色作为网页的搭配设计，无论是排版框架、文字色彩还是图片的基础色调都不会超出这五种色彩之外，这样能够形成统一的风格进一步强化网页设计的主体性。

5结语

网页设计论文篇3

一个网页要能表达一定的内容和具备一定的功能，就必须具有相应的结构成分。这些结构成分可以称为“网页要素”，因为它们是一个完整的网页不可或缺的。从宏观上来看，根据视觉流程从上而下的顺序，一个网页的总体框架由页面头部、中部内容区和页面尾部组成。考题中给出的这个页面，已经设有导航条所在的头部和包含了6个栏目的中部内容区，但是没有出现尾部。不过，尾部区域主要用于著录表明网站合法性的行政许可（或备案）文件的文号、版权信息、经营单位的基本信息及其相沈菁上海出版印刷高等专科学校，200093，上海3把握网页设计方案的审核要点关链接等，一般是整个网站统一设计、制作好模板后供各个网页使用的。作为网站下的一个专题频道，其首页的尾部只要照用网站已有的现成模板即可，无须再专门设计，所以，页面设计样张中一般可以不再列出。这样，可以说该网页没有缺漏宏观层面的要素。从中观上来看，页面头部应该有表示本频道主题的频道名称、表示本频道框架构成并方便用户选择浏览相应内容的导航条；中部的内容区域则应列出本频道中相对较为重要的栏目，以方便用户登录该频道后就能直接观看到一些重要信息。以这些要求来衡量，题目中的网页在中观上也是基本符合要求的。进行宏观和中观审核后，才是从微观上对网页各部分进行审核，其顺序一般也是从上到下。就网页头部来说，频道名称应该简洁明了，直接点明主题，周围可以加简单的图片，也可不加。同时，导航条上应该列出构成本频道的基本板块。如果空间允许，导航条上还可尽量再列出板块下的一些子项名称，以体现各个页面的层级关系，使整个网站结构清晰明了；如果空间不足，子项也可不列。

题中的网页设计图，在这些方面应该说是达到了一般要求。此外，频道只是整个网站的组成部分之一，一个网站往往可以设有多个频道，分别表示不同的内容主题，整个网站的内容特色和最为重要的信息功能，则集中在网站首页上。用户浏览网站时，网页按树形结构一层一层展开，浏览得越具体，离开作为“树根”的网站首页距离就越远。这样，作为一个网站下的专题频道，就应该设有与网站首页的链接，让用户可以通过单击这个超链接直接返回网站首页。分析题目中的网页设计图头部区域，可知其中缺漏了这个要素。所以，应该在导航条上增添与网站首页链接的文字或图形。但在考试中，绝大部分考生都忽视了这一疏漏。就网页中部区域来说，一般各个栏目都应该有相应的名称，再在其下按具体内容的多少，或直接提供以文字、图片、动画、音频、视频等形式表现的有关内容，或列出相关内容的标题供用户进一步展开网页浏览。题中所示网页设计图的中部区域，基本上做到了这些，唯独“头条图片”这个栏目，既没有栏目名称，也没有对图片作诠释说明的相关说明文字，即图题。当然，图片栏目有些特殊性，其所在位置可说已经表明是“头条”，内容表现形式也已体现出是“图片”，再专门标上栏目名称便有蛇足之嫌。然而，图题是必需的，不可缺漏，否则用户就不易理解该图是什么意思，或者产生张冠李戴的误解；况且，图片有时可能会因种种原因而不能正常显示，而有了明确的图题，用户可借以知道该处是什么。所以，为了保证信息的传递更直接有效，更好地提升用户的阅读体验，应当补上图题这一网页要素。在图题的设置上，如果栏目中只有一幅图片，图题可以单独放在栏目下部；如果栏目包含一组图片，那就宜把每幅图的图题与图片有机结合在一起，置于其下方，而在栏目下部列出与各幅图片链接的标志。需要说明的是，虽然图片因能够美化网页、吸引用户注意而在网页设计中有着重要的作用，但一个页面上不宜安排过多的图片，否则会降低打开页面的速度。同时，图片必须事先经过优化处理，一般采用gif或者jpg压缩格式，以减小页面的数据下载量。

2注意项目安排是否逻辑合理

网站的功能是展示信息供用户浏览。为让用户顺利地找到其所需要的内容信息，网页上的各个项目安排就必须遵循一般用户都准确理解的规则。逻辑体现了人类思维的共同规律。如果网页的设计在逻辑上合理，用户就能方便地按照一般逻辑规律使用网页。这样，审核网页设计方案中各个项目的安排是否合乎逻辑，就成为网络编辑的重要任务。网页项目的安排要达到逻辑合理，就要根据事物分类的一般逻辑要求，将具有相同属性内容的项目进行归纳后，共置于某个可以概括这些属性特点的类别中。审视考题中所给网页的各个项目可以发现，几个栏目的属性具有基本平行的关系，将它们并列置于同一层级是正确的，但是，页面上出现两个同名栏目则是相互矛盾的，应该修改。根据栏目内容和题干中的交代，可知应该把中间栏目的名称改成“积分榜”。此外，导航条上所列各个板块，其属性也具有平行关系，可以并列，而板块与其包含的子选项之间则具有类属关系，所以将子选项分别置于各板块内，这也是合理的。但是，进一步分析各个子选项的内容，就能发现有些子选项的类属划分在逻辑上是不合理的：“全场回看”不应属于“新闻”板块，应置于“视频”下，而“最新动态”倒是应属于“新闻”板块，却被误置于“视频”板块内；“射手”和“排行”主要提供一些统计数据，而不是与用户讨论，所以应属于“数据”板块而非“互动”板块；相反地，“”和“微博”应属于“互动”板块而非“数据”板块。因此，考生应该对这些子选项的分布作出合理的调整。

3注意版式的规范与否

在长期的出版工作实践中，对图书、期刊、报纸等传统出版物的版式形成了不少规范性要求。遵循这些规范，不仅可以让版面显得美观、整齐，给人以审美的愉悦，更能充分体现版面内容之间的逻辑关系，有助于读者准确理解。一个网页实际上也相当于一个版面。所以，传统出版物的版式设计规范大多也基本适用于网页，仅有少量差别。网络编辑审核网页的版式时，要以传统出版物的版式规范为基础，再考虑一些网页的特有规则，从而保证页面规整、易读。就文字的大小而言，网页上一般宜用12-20像素的字，且页面头部区域的用字宜大些，中部区域的用字适中，而底部区域的文字一般较小。就文字形体而言，网页中应使用通用字体，这样才能在各种终端上都顺利显示。同时，考虑到屏幕显示与印刷品展示的效果有一些差异，汉字通常较多采用宋体和黑体，而较少用楷体和仿宋体；字母通常采用Arial、Verdana或者Helvetica字体，而在印刷型出版物中应用特别多的TimesNewRoman字体则较少采用。同时，网页上使用的字体尽量不要超过3种，以确保网站页面风格的统一性。网页上的各个项目名称，其作用和地位与书刊目录中的各级标题相当。所以，其版式设计的规范要求之一，就是用字应该既错落有致，又相对统一。错落有致，是指处于不同层级的项目名称，其用字格式应该遵循“从大到小、从重到轻”的一般原则；相对统一，是指处于相同层级的项目名称，其用字格式应该保持一致。

从上述要求来看，题中所给网页设计图在版式方面存在缺陷。头部区域的导航条上，虽然4个板块名称使用相同的字体、字号，18个子选项的用字格式也相同，符合相对统一的要求，但是层级较高的板块名称用字却既小于、也轻于层级较低的子选项。这就把两者的层次级别颠倒了，必须修改。从现有页面展现的效果和空间的占用情况来看，比较适宜的是把板块名称的字号放大，而字体则可不改，以避免粗体字过多而导致区域过重、过密的现象。中部区域的“要闻”“互动调查”“热点聚焦”“射手榜”等文字，都是栏目名称，属于同一个层级，格式应当保持一致。但是，如果将这些名称对比一下，可以很明显地看出“互动调查”的字体与其他栏目名称不一样，应该予以修改。考生在这个考点上失分较多，从一个侧面反映出他们的职业敏感性还不够强。网页版式设计的规则也有不同于传统出版物的特点。比如，在传统出版物中，对标题的字数一般没有限制，长标题可以转行排列，即使在集中了许多标题的目录中，也允许这样处理。但是，网页中的标题文字则不允许转行，尤其是在集中排列了许多标题的目录式栏目内。因此，不少著名网站都对标题的字数有统一规定，如《新浪网编辑手册和规范》中就规定“频道首页要闻标题为一行题，少于16字”，这实际上是适应了网页页面的特殊性。在书刊的目录中，作品标题之后（或之前）都有页码（有时还有作者姓名）兼作分隔符号，读者可以很容易地以页码为标志将一个个标题区分开。网页上的目录式栏目内，各个作品的标题都不标页码（实际上也无法标出），也不列相应的作者姓名（一般在展示作品本身时才列出）。这就在充分利用网页空间的同时，也使得各个标题没有明显的分隔符号。一个标题如果转行排列，会让用户误以为是两个标题。此外，书刊中标题的转行需遵守一些规则，如不得割裂词义、助词或叹词等虚词不得置于下一行的行首等，以避免读者产生误解。由于各种标题的内容和字数纷纭多样，需要在处理书刊校样时由编校人员专门对标题的转行进行调整。然而，网页上的文字转行是由计算机自动处理的，而计算机技术目前尚未达到能够对词义或词类进行智能分析判断的程度，无法按照某个标题的字符构成情况对转行进行灵活控制。可见，“标题不得转行”这条规则体现了网页的特殊性，是很合理的。然而，题目所示设计图中“热点聚焦”栏目内却存在标题转行现象，这无疑应该消除。遗憾的是，能够注意纠正这个错误的考生为数不多。

网页设计论文篇4

1内容教育改革

CDIO大纲有四个部分，分别是基础知识原理和技术推理，个人职业技能和特质，人际能力新产品创造和执行[5]。这四部分对能力的要求是递进的，第一部分要求对基本知识掌握，二、三部分强调团队精神，沟通能力，第四部分提出创造性对系统构建的能力，它是站在系统的高度。结合CDIO大纲精神，《网页设计》课程的教学内容也不能仅限于网页制作知识，而应该更多增加团队合作能力，创新能力和系统构建等能力的培养。根据CDIO大纲的四个层次要求，《网页设计》课程中除了基本知识的学习，也渗透了能力的培养。表1中列出了课程内容安排。其中包括四个模块，基础知识，个人能力培养，团队合作能力和系统构建能力模块。每个模块的训练内容，训练方法，重点难点各不相同。基础模块强调基础操作，基础知识熟练掌握，其余三个模块在基础模块的基础上，主要培养学生的构思，设计，实现，运作软件产品的能力，培养创新思维，沟通能力，团队协作能力。

2手段和方法教育改革

教学方法根据知识的特点，需要灵活多样。基础知识部分，教学方法以启发式教学，演示方法为主，辅助以限定式讨论，即确定话题，由学生进行讨论，讨论是在教师的指导下，围绕一个中心问题发表意见，共同研究，相互启发的学习。个人能力培养模块需要学生参与，以实验法，实习法为主。实验法是观察实验对象的变化，通过变化获取知识或经验的教学手段，经过亲身体会，获取的知识更加直观，生动。实习法是利用一定的实习场所，掌握一定的技能和知识，综合运用知识的教学方法。系统构建模块可以采用项目进课堂方法进行组织，所谓项目进课堂是指教师将所申请的项目带到课堂，组织学生组成团队完成，开发的过程严格按照构思—设计—实现—运作方式进行，进过亲身参与，锻炼实际解决问题的能力。

3教育改革实施

对学生进行分组，训练CDIO模式中要求的构思，设计，实现，运作能力。项目开始之前先对项目组长进行团队管理，流程管理，时间管理，成本管理培训。以软件工程专业为例，说明如何进行构思、设计、实现、运作方面训练。

3.1构思训练任务描述：明确构思要完成的任务是确定项目要完成哪些功能、完成的目标，具体的客户或市场的需求，业务风险。这个阶段主要包括负责通盘控制的项目组长，负责市场调研的角色，负责客户需求采集角色，负责将需求处理成文档的角色。确定项目组长之后，由项目组长根据成员的性格特点为其分配任务。具体培养的能力：熟悉外部和社会环境，企业及商业环境的能力，推理和提出问题的能力，团队合作能力，语言沟通能力，抗压能力。教师的任务：协助项目小组完成工作，对本阶段出现的问题给与指导。考核方式：以答辩表现和小组完成的需求文档为主要考核方式，小组中每个成员介绍自己负责的工作，教师有针对性的提出问题。

3.2设计训练任务描述：通过抽象和分解将项目分解成多个模块，建立模块间的关系，定义模块的接口。此阶段由项目组长根据项目分解的模块数目将任务分配到成员，成员绘制类图，时序图，设计数据库。具体培养的能力：专业知识灵活运用能力，系统设计能力，团队协作能力，语言表达能力，抗压能力。教师的任务：针对设计阶段出现的问题进行指导。考核方式：每个项目小组介绍完成的文档（包括流程图，类图，数据库设计文档），根据文档质量打分。

3.3实现训练任务描述：运用一定的技术来实现产品。具体培养的能力：系统思维能力，专业知识运用能力，系统实现能力，排错能力，抗压能力。教师的任务：如果学生在开发过程中遇到问题，教师提供指导性的帮助。考核方式：项目成员介绍所完成的模块的处理流程和功能，每个成员单独答辩。

3.4运作训练任务描述：对产品进行维护、更新、推广。具体培养的能力：和客户沟通的能力，产品运作能力。教师的任务：定期检查，了解项目组的工作进度。考核方式：根据推广的程度进行打分。项目结束之后，由项目组长汇报项目开况，展示项目成果，展示时需要成员配合[6]，教师根据情况，可以提问项目组中的成员问题。教师为项目组整体打分，对于分数靠后的项目组，教师实行惩罚机制，如罚整个项目组做仰卧起坐，俯卧撑。培养学生的集体观念和团队合作精神。

4对教师的培训

（1）鼓励年轻教师带薪企业学习，学习后颁发培训证书。（2）利用假期组织短期培训，请企业高级工程师针对教师实际情况定制短期培训。（3）校外实训环节中引入带队教师的实训，带队教师不仅是学生的组织者，同样也是学习者，借助这个机会，教师可以深入企业，了解企业的运作模式，企业产品的开发流程和对从业人员的要求。

5总结

网页设计论文篇5

随着互联网的发展，越来越多的传统企业意识到电子商务的重要性，除了在各大电商网站注册会员宣传推广产品之外,也开始纷纷建立自己的网站，这使得市场对网页设计人才的需求逐年增加。作为高职院校,素以培养应用技能型人才为主,在学生网页制作的能力培养方面更应充分重视。《网页设计》是一门理论与实践并重的课程，目前该课程的授课以教师在课堂讲授，然后学生到机房练习的方式为主,这种方式本身没有问题,但实际情况却是几年执行下来,学生反映虽然也学到了不少网页设计的操作技能,但学到的知识较为零散，如果让自己独立设计一个网站,哪怕是一个完整的模块也往往是力不从心。究其原因，不同专业的学生在网页设计方面的需求层次应该是不一样的，因此针对不同的教学对象，选择不同的教学内容，探讨《网页设计》课程有针对性的授课方法与模式，就显得至关重要。

二、《网页设计》课堂教学现状分析

目前《网页设计》课程在电子商务和市场营销专业均有开设，从课堂反馈来看，这两个专业的学生对这门课的讲授效果较为满意，但从学生毕业后，用人单位的评价来看，其效果却不尽如人意，原因有以下几点。

（一）不同专业讲授无差别

现在开设《网页设计》课程的专业主要是电子商务和市场营销专业，电子商务专业更倾向于网站开发，营销专业则更偏重网站的维护。但在实际的教学过程中，这些不同专业网页设计课程的教学大纲和授课安排几乎完全一致，体现不出专业特色，这是导致学生竞争力不强、用人单位评价不高的一个重要因素。比如电子商务专业，因其所学课程内容跟市场营销专业完全一样，营销专业的学生做不出的网页特效电商专业的学生也很难做出来，这样就体现不出电子商务专业学生的技术优势，同时也给学生一种专业不纯的感觉。

（二）内容与时代接轨不够紧密

《网页设计》是一门更新发展很快的课程，其内容必须及时更新。大多高职院校在网页设计的软件选择上都会选取网页制作三剑客软件,即Dreamweaver、Flash、Fireworks，而这三种软件几乎每隔两年都会推出一个新的版本，不同版本除增加不少新的功能外，在页面布局方面也有很大差别，而有些老师为了图省事，三四年也不换教材和软件，还在讲自己很熟但在社会上早以不用的版本，这直接导致学生所学跟企业所需严重脱节。

（三）教学模式不恰当

网页设计课程的教学大多是以先在教室上理论课，然后去机房练习的模式开展。老师在上理论课时往往讲的很仔细，学生也的确是听懂了，但是上机练习时却发现问题成堆，因为上了理论课后往往要过两三天才上机，更有甚者要到下一周，教师上课的演示步骤早就不记得了，上机时又要重复讲解，效率不高。

三、针对高职院校《网页设计》课堂教学的建议

（一）明确不同专业在网页设计方面要达到的目标

不同专业对网页设计能力方面的需求是不同的，因此必须首先明确各专业在网页设计方面要达到什么目标，然后有针对性的选取适合的教学方法和内容。对电子商务专业来讲，在课程设计中应突出对行业企业网站建站技术方面的掌握，尤其在Dreamweaver软件中用CSS进行网页布局方面的培训要加大比重。因为现在很多公司招聘网页设计人才时都以CSS网页布局为考核依据，这样的课程设计才更有针对性，也更符合社会市场对人才的需求。相较于电子商务专业，市场营销专业在网页设计技术方面的要求较低，主要以网站维护为主，能够对网页进行一些简单的文本和图像编辑就行。但除了这些基本的网页设计和维护技能之外,还要求他们掌握一些基本的SEO（搜索引擎优化）知识,因为现在很多公司要求应聘的营销人员除了具备基本的网站维护能力之外，懂一些搜索引擎优化的知识更好，所以此项内容应在市场营销专业授课计划当中添加。

（二）根据教学对象的不同选择适当教材并安排相应的教学内容

对电子商务专业学生来讲，因其计算机操作功底较好，所以在教材选取上应以那些功能讲授较为全面，内容较为充实的教材为主，这样课堂上“吃不饱”的学生课下可继续补充能量；对于市场营销专业，因为其计算机操作功底较为薄弱，应尽量选取那些简单易懂，图形较多的教材，这样学生学起来没那么费劲，容易产生兴趣，从而顺利完成该课程其他内容的学习。在教学内容的选取上，不同专业也应当有所侧重。对于电子商务专业学生，因其将来的工作是以网页的设计为主，所以应将讲授内容的重点放在网页设计的技巧方面，如站点的建立、网页的框架布局、CSS样式表、层动画、导航设计等功能性内容。而对市场营销专业来讲，懂一些网页维护方面的技能即可，如一条新闻，修改一个连接，替换一些图像等，因此应以讲授Dreamweaver、Flash等软件的基本功能为主，但因其将来主要是在互联网上开展一系列相关的网络营销活动，所以网页美化方面的内容必须要有，如可传授一些网页色彩搭配的技巧，主页不同区块内容如何更为合理的分布等等。

（三）注重因材施教，改革课堂教学方法

不同专业的学生，因其文理科背景及智力方面存在较大差异，因此在网页设计教学过程中，要根据学生实际水平的差异，给予不同的要求。在考核时，对电子商务专业的学生可采取上机考试的方式，让每一个学生在限定时间内独立完成一个小型网站的设计，从而考查其对网页设计技能的掌握情况；而对于市场营销专业来讲，则可以令三人为一小组共同设计一个网站，这样既考查了学生网页制作技能，要求也不算很高，学生压力不大，同时还锻炼了团队协作能力。由于各方面的因素，高职学生在学习习惯上和本科生都很大的区别，虽然他们学习的主动性不强，但目的性很突出，凡是跟以后工作相关的课程内容兴趣就比较大，教师在课堂教学中，要充分利用高职学生这些特点改革教学方法，如在某个模块内容讲授完毕时，布置难度稍大的一个综合性任务要求学生完成，一旦学生独立完成任务，其成就感会对后续的学习产生巨大的推动力。另外，在教学中尽量以一个完整的网站建设项目作为一条主线贯穿整个教学，增强学生对网站架构的整体性把握。

（四）加强实验实训环节,明确每次上机内容和要求网

网页设计论文篇6

1.1校徽设计中色彩的运用的规律探究

在所统计的211工程学校中，校徽设计采用一种颜色的有77个，占统计总数的73.3%。这是一个相当高的比例。校徽设计中2种颜色运用的高校有13个，占所统计高校的12.3%。运用3种颜色的高校有9个，占所统计总数的0.8%。而运用四种颜色的高校只有4个，占所统计总数的0.4%。由此我们可以得出较为明确的一个结论：校徽设计中色彩的运用以单色为最多，色彩运用的数量与高校的数量呈反比，这是有一定的原因的。据统计显示，单色标志的优势是轮廓清晰、易于分辨、色彩饱和、明确有力，易于大量推广制作。单色标志具有较高的清晰度和鲜明度，可以突显其造型，并易于人们分辨和确认。在企业标志的色彩设计中要考虑满足将来在产品的推广阶段的不同要求以及与企业整体色调设计相统一等等，所以大部分企业都采用单色标志。此理论经常运用于企业标志的色彩设计中，而在高校的校徽色彩设计中同样可以用到。

1.2校徽设计色彩运用中不同色相所占的比例分析

校徽设计色彩的选择以运用蓝色者为最多，其次是红色、绿色、黑色、黄色、紫色、灰色和其他。这其中也是有规律可循的，色彩本身具有一定的心理感受作用，可以对人们心理产生不同的影响，同样的也可以反映和折射出这所学校的文化内涵。有人就大学生所喜欢的和不喜欢的色彩进行统计，研究结果显示大学生最喜欢的颜色是蓝色和绿色，其次为红色和白色。而大学生最不喜欢的颜色依次为黑色、灰色、黄色、紫色和红色。这是大学校徽颜色蓝色居多的原因之一。而对于一般人来说，由蓝色首先会联想到蓝天和大海，并由此联想到广阔、神秘、博大、深邃、宁静、自由、豁达等等。这也和校徽色彩采用最多的是蓝色不无关系。再者蓝色所代表的含义和想象与大学自由、宁静、深远的校园文化也十分契合，无怪乎大学校徽运用蓝色者最多。而运用频率仅次于蓝色的红色，可以令人想到太阳、花朵、国旗、鲜血等等，由此联想到热情、温暖、快乐、积极向上等等，都与大学生年轻、澎湃、有活力、热爱祖国的特质相符合。因此，红色仅次于蓝色成为校徽设计运用颜色第二的颜色。绿色位列第三。由绿色想到的是春天、草原、树木、草等，并由这些事物联想到自然、生命、和平、希望等。青年人是祖国的希望，大学生更是满具梦想和希望的青年。这些色彩的心理感受都无不和校徽的色彩运用具有一定的关系。

2校园网站主页色彩研究

2.1网站主题色与背景色的搭配关系初探

笔者经过统计104所211工程大学的校园网站主页色彩发现，主题色与背景色的搭配主要有5种组成，即白色与蓝色，白色与红色，白色与绿色，白色与黑色，白色与紫色。由于网站色彩较校徽色彩更多且复杂，所以在此只挑选了主要的色彩进行对比研究，即网站主页主题色与背景色。不难发现，网站主要色彩的运用以白色和蓝色以及白色与红色最多。由于白色是基础色，如果不考虑白色的话，网站色彩的运用和校徽色彩的运用相一致，即运用蓝色为最多，红色次之。其色彩的设计考虑除了与校徽色彩设计相同是因素外，网页色彩的设计还应当考虑的是色彩的视认性。白色与蓝色和白色与红色的搭配都是视认性较好的色彩搭配，有利于人们在浏览网页时较容易分辨出自己想要看的信息。

2.2网站主要色彩与校徽色彩的搭配关系

将所有211工程大学的校徽色彩与其校园网站色彩对比研究，得出以下结论。

（1）色彩一致。

校徽色彩与校园网站色彩一致的有102所大学，其中包括11所大学将其校徽色彩进行了处理过后与其网站色彩进行统一，即把网页上的校徽色彩处理成白色、黑色，或者与其网站主要色彩相同的颜色，这样使得网页色彩协调统一。

（2）色彩融合。

校徽色彩与校园网站主要色彩融合的有6所大学。其色彩的搭配有些仍然协调统一看起来赏心悦目，如蓝色和黑色的搭配。而有些色彩的搭配则毫无规律看起来有些杂乱的感觉如黄色绿色和蓝色的搭配，紫色和蓝色的搭配等。

（3）色彩对比。

校徽色彩与校园网站主要色彩是对比色的有3所大学，其颜色分别是红色和黄色、蓝色；绿色和深红；绿色、蓝色和深红。对比色彩的运用通常是为了醒目，只要处理好体量和面积的关系，对比色同样可以运用得很好，既突出醒目，又协调均匀。校徽占整个网页的面积通常很小，对比色的运用可以起到画龙点睛的作用，同样很好。

3世界名校的校徽色彩与学校网站主页色彩的关系分析

世界一流大学排名可谓年年不同，每年都有新变化。笔者采用的是福布斯中文网2013年世界大学排名的前20所大学。通过对其校徽色彩与校园网站主页色彩的对比研究发现，校徽色彩的组成和校园网站主页的素材组成以及分配完全一致的有18所大学，占总数90%。其余两所大学分别是剑桥大学和伦敦大学。其中剑桥大学的校徽色彩以红色和黄色为主，而其校园网站主页色彩则是蓝色为主，这样对比色的运用很好地起到了突出校徽的作用，进入网页首先看到剑桥大学的校徽，立即使人明白这是剑桥大学的网站主页。而伦敦大学的网站主页则没有显示伦敦大学的校徽，因此其校徽色彩和网站主页色彩的关系无从考究。

4总结

网页设计论文篇7

1.1课程设计

工作过程是职业人完成岗位工作任务的完整过程。基于工作过程的总体课程设计，对于网页设计课程来说，学习领域可以采用网站项目贯穿于整个教学活动中，以项目为载体，将知识融于项目。这能够有效地提高学生的创新能力和实践能力，强调学生在密切联系有意义的“任务”情境中，通过完成项目任务来掌握知识、获得技能、形成能力。做到“教、学、做”一体化，真正地锻炼学生的动手能力。课程进度表可以按照实际网站的项目开发流程来安排，从确定网站需求、选择网站建设与管理工具，到规划设计网站结构与栏目、准备网站相关文字与图片等素材，再到软件平台中定义站点创建具体页面，依次实现网站各个子栏目模块，最后与推广网站。开展教学活动时，教师可根据学生实际学习效果对各个单元学时数进行灵活调整。单元学习情境的设计融入课程涉及的知识点，递进安排各个单元知识点的顺序，既要有基于工作岗位的过程性知识，也要兼顾课程理论知识，学生学习完课程后，打好理论基础，同时具备再学习的潜力和能力。例如在网站项目中，选取典型工作任务-制作公司网站搜索页面来设计单元学习情境。

1.2课程实施

根据课程教学目标及项目进度安排教学单元，遵循的原则是学生为主体，教师为主导，按照网页制作的工作过程来安排具体的教学活动。教师的角色是引路人，抛出问题，提示解决思路，由学生具体负责完成工作任务，教师可以根据学生的实际学习情况给出参考意见。对于基础较好的学生，教师只需提示完成任务的思路和关键点。而对于基础较差的学生，教师还需要准备有具体步骤的实践指导书，供学生参考，对照完成并排除错误。

1.3课程评价

课程评价以学生的学习效果最优化为出发点。学习效果体现在以下几个方面：

（1）课程结束后，学生是否掌握了应知应会的基本知识和技能；

（2）学生是否了解到职业岗位开展工作的具体流程，并具备能力完成典型的工作任务；

（3）引入外部评价，如企业专家的考评，客观评判学生的知识水平、职业能力和综合素质是否符合社会需求。值得注意的是，学生成绩评价方法最好以形成式考核为主，按照项目进度逐步推进，学生的阶段性成绩不断被累计，形成性评价可以确保基于工作过程的教学活动有序开展，监控学生的学习效果，最终保障良好的教学质量。

2结语

网页设计论文篇8

从某个角度来讲可以这样说，判断一个网页设计师是否优秀，可以从其在网页设计中是否能够采用合理的图片格式看出来。或许每个人都知道图片包括GIF、JPG、PNG等格式，但并并不是每个人都知道这些图片格式之间的具体特点和用途。

二、什么样的设计更适合web页面

1.慎用较“重”的图形元素这里图形元素的轻重不是色调的轻重，是形式的轻和重，形式的轻重和内容相呼应，网页设计的一大趋势就是越来越“轻”。除了对圆角效果和高光效果等效果的审美疲劳之外，网页设计师开始意识到好的网页设计更注重的是将网页内容与网页形式结合起来，而非形式的堆砌。所以设计师在应用那些较“重”的图形设计时，一定要慎重思考，考虑到该图形的应用是否有必要以及该设计是否与受众的气质相契合。

2.内容和形式的分离对于一些比较强调视觉效果的特殊产品，也可以利用图片格式和一些前端知识对网页设计进行优化，比如内容和形式的分离。一些国外比较流行的设计风格都是通过大幅的背景图进行气氛的渲染和意境的传达。这样做的一个好处就是能把需要用到图片的视觉元素进行集中的压缩优化，同时因为前端实现时一般会用相近的背景色先进行填充，然后在逐步显示背景图，就不会因为加载太慢而拖慢用户的访问速度。

3.通过较小的视觉牺牲换取较大的性能提升有时候为了提升页面的加载速度达到更好的用户体验，不得不对设计进行优化，这个时候就需要牺牲一部分视觉效果利用网页设计师掌握的图片格式知识更有目的性的优化设计网页。例如著名的淘宝“双十一”大促销活动的宣传网页网页，由于双十一期间，该网页的访问量非常大并且为了配合商家的宣传活动需要在网页上加载非常多的商品图片，这时候就需要网页设计师对双十一的促销活动网页的图形进行优化以达到提升网页性能的目的。网页设计师可以去掉一些不太重要的高光、渐变和阴影效果，从而降低图片文件的大小，提高图片文件的加载速度。

4.图形艺术的界面处理新颖的网页图形艺术设计可以牢牢地吸引住浏览者的注意力，设计具有创意、布局合理、设计规范的网页也是提高网页浏览量的的重中之重。一个图形运用恰当、设计人性化的网页可以让浏览者对网站心生好感，极大地提高浏览者浏览该网页的欲望。所以，网页设计者要注重运用一切科学技术手段来设计图形艺术，保证页面效果给人以眼前一亮或是舒适的感觉，让图形首先在视觉上给予客户一种冲击，给客户一个良好的第一印象。

三、结语

网页设计论文篇9

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

二、色彩元素

色彩的配色设计直接影响网站的整体定位、风格。作为设计中不可缺少的元素，它建立在文字图形的基础上，依靠眼睛的功能，通过感觉的视觉冲击力对心理起作用。每一种颜色都有不同的心理暗示。冷色中的蓝色代表平静，暖色中的红色代表激动；黑色给人沉重感，浅色则让物体轻盈；色彩从色调、饱和度、明度三个方面影响着网页，我们可以找到很多运用广泛的色彩配色方案，来作为实际学习和工作中的向导。

网页设计中的色彩元素需要符合国际色彩的标准，因为互联网络是建立在国际互联网统一的平台上的。最简单的说就是采用网页安全色，不能毫无节制的运用太多颜色，一般情况下先根据总体风格的要求定出主色调和辅助色进行色彩的搭配。网页色彩模式一般采取RGB模式。网页设计是通过显示器来进行展示的，目前显示器大都采用RGB颜色标准，这与RGB颜色模式的原理分不开。RGB是从颜色发光的原理来设计定的，通俗点说它的颜色混合方式就好像有红、绿、蓝三盏灯，当它们的光相互叠合的时候，色彩相混，而亮度却等于两者亮度之总和，越混合亮度越高，即加法混合。在显示器上，通过电子枪打在屏幕的红、绿、蓝三色发光极上来产生色彩的。

三、版式设计

网页设计论文篇10

1.网页设计是平面设计的网络化

网页设计是指利用标识语言，经过一系列的建模、设计、执行等过程，将数字化格式的信息通过网络传播，最终以图形或者视频形式被用户浏览。因为网页设计是一种能够充分利用各种信息化手段的设计过程，所以它既能够像平面设计一样对主题进行完美诠释，还能够细致地描述目标。在某种程度上来说，创作网页设计的过程中，主要使用的手法，技巧都是延伸平面设计，有些甚至是一样的。因此将网页设计和网络技术紧密结合起来，是将来网页设计的一个必然方向。

2.网页设计是平面设计在网络时代的延伸

伴随着网络时代的迅速发展，人们和网络的联系也越来越密切，人们利用网络技术改革以往工作方式。在平面设计领域也不例外，设计师们利用鲜明的色彩，精心的网页布局想方设法地吸引人们浏览自己的网站。完美的网页设计一定是有着完美的网页风格。基于网页设计和平面设计有着很大程度上的相似性，加上网页设计的发展背景，我们不能将两者孤立起来看待，而要清楚地认识到，网页设计是平面设计在互联网时代的一种独特表现形式，是平面设计在新时期新环境下的一种延续，一种创新发展。

3.网页设计和平面设计在技术上的区别

网页设计顾名思义就是依赖于互联网进行创作，对于先进的软件那无法摆脱的依赖性是网页设计的短板，但是平面设计却不是这样，它对于这类软件依赖性小，因为可以利用手绘来代替。网页设计一般工作都是借助绘图工具，只有在这么强大先进的软件配合下才能完成设计。但是平面设计伴随着经济和科学技术的发展，能够不只依靠绘图工具还可以利用画笔，颜料等传统工具来工作。

4.总结