网页界面设计论文合集12篇
网页界面设计论文篇1
引言
格式塔一词来源于德文“Gestalt”的音译，本意指的是形式、形状、方式、实质。格式塔心理学是一种与艺术有缘的心理学理论，其主要目标是探讨视觉感知及其与学习、思维的关系，它所研究的出发点就是“形”，“形”是经由知觉活动组织成的经验中的整体，与视知觉活动密不可分。而网页界面设计是视觉传达设计向网络媒体的延伸，主要是通过浏览者的视觉感知来接受网站信息。因此，研究格式塔理论在网页界面设计中的运用，无疑对网页界面的设计具有很大的指导作用。
格式塔理论在网页界面设计中的应用
网页设计是将特定的视觉信息要素，根据主题表达的需求在特定的页面上进行的一种编辑和安排，其基础是视觉生理学和视觉心理学。格式塔心理学派通过对视觉感知的生理研究，提出了一系列视感知规律，其中包含了“图底”这个核心概念，和“简明原则”“接近原则”“相似原则”“闭合原则”等视感知特性，将这些规律引入页面设计，有助于我们优化视觉时代“形象过剩”状态下盲目的网页设计，提高信息传达的速度与准确度。
1.图与底
在人的知觉系统中最基本的一种知觉能力是在图形与背景间作出区分。“图”是居于前部的区域，“底”被看成是用来衬托图的背景。相对而言，图比底，轮廓较为完整、封闭，形状较为规则，面积比较小，色彩比较鲜艳；此外，更重要的是，能组织成为一定意义的区域倾向于被感觉成图。
由于图与底之间存在的这种相对性质，在网页设计中，应当明确区分图与底，主体与背景。另外,主体自身结构要清晰明了，背景不能过于复杂，这样才有利于浏览者辨别需要了解的信息。在背景的色彩搭配上应尽量选用同一色系的颜色，尽量避免同时使用色相环中相对的颜色，大面积同一颜色宜采用低对比度，避免用强烈刺激的颜色引起浏览者的视觉疲劳与厌烦情绪。格式塔理论的图－底规则不仅说明了主体从背景中分离出来的条件,而且指出了背景在一个格式塔中的重要作用。因此在网页设计中我们同样不能忽视背景的作用，图形是依赖于背景而存在的，要使主体感到存在，必然要有底将它衬托出来。因此无论在文字、色彩、图像，还是动画和视频方面都要坚持图底原则。
2.简明原则
格式塔心理学家认为，人们的知觉有一种“简化”倾向，所谓简化并非仅指一般意义上的“简单”，即物体中包含的成分少或成分之间的关系简单，而是一种将任何刺激以尽可能简单的机构组织起来的倾向。我们的眼睛只能接受少数几个不相关联的整体单位，如果一个格式塔中包括太多不相关的单位，眼睛就会试图将其简化，把各个单位加以组合，使之成为一个知觉上易于处理的整体，否则，整体形象将无法被正确感知，这种形象势必会被人们忽视，以至拒绝接受。
我们可以将这一观点延伸到网页界面设计中。首先，在网页界面结构的设计上，应避免使用过于复杂的网格结构，结构的设置应尽量简单明了，符合人的视觉流程，也符合人们对规则形的喜好，利于浏览者以最短的时间找到最需要的信息。
其次，在图像的选择上，应避免使用过于繁复杂乱的、容易分散浏览者注意力的图像，这样会增加浏览者找寻信息的难度。
再次，在进行文字编辑时，应该考虑编辑的最终效果。文字应给人以清晰的视觉印象，避免页面繁杂凌乱，减少不必要的装饰变化，使人易认、易懂、易读，不能为造型而编辑，忘记了文字本身是传达内容和表达信息的主体。在字体的选择上，虽然可供选择的字体很多，但同一页面上的字体种类最多只能有三四种，这样才不会显得花哨。字体的选择应依据段落大小和内容层次,由重到轻、由粗到细。字号的选择也应该依据内容层次由大到小，但到了节以下的层面，可以选用同一字号但用不同的字体加以区分。在文本密度方面，文本应该以短小的组块形式出现，并且应该经过编辑，以简化内容。3.接近原则和相似原则
接近原则和相似原则的本质上都是简化和整体化知觉对象的组织原则，与前面的简明原则类似，人们在倾向于简化认识对象的同时，也倾向于将近似、接近的元素组合起来作为一个整体加以认知。也就是说如果不同的文字或图形组成部分位置靠近，浏览者就比较容易看出它们是一起的。根据这一原理，对于页面上的任何元素，如果在功能或内容上是相同或相近的，就应在一定程度上保持相对较小的空间距离，做到“物以类聚”。比如，页面中用以解释图形或用以表明某一部分图形的文字就应当紧挨其所指的图形或部分图形。
相似的物体也很容易被认为是从属于一个系统，具有相似的功能。因而，需要通过将浏览者注意力集中于视觉范围内的关键概念，帮助他们获得信息。在网页界面设计中，可以通过强调、动画、对比色的使用或其他手段达到这一目的。假如一个图形中的组成部分都属于同一风格，这个图形就被视为一个整体。为了使浏览者重点关注图形中的特定部分，对这一部分可采用不同的颜色、动画、闪烁或其他区分方式。但是，如果一幅画面中区别过多，也会使浏览者难以注意需要获得的信息。因此，这些方法应该用于强调关键信息或图形的关键部分，而不宜用于大片信息。
4.闭合原则与网页界面设计
闭合原则是指一种完成某种完形的行动。这一规则表明，每一种视觉样式都可以被看成是一种陈述，对于模棱两可的视觉样式，人们会根据以往的经验按照不同的样式加以组织，这时不同的人会看到不同的东西。因此，在网页界面设计时,应当避免出现不完整的图形，以免使浏览者花费过多的时间去琢磨图形的含义，而不是从网页上获取信息。
闭合规则还表明,视觉形象被知觉的形式是首先作为一个统一的整体被知觉，然后再以部分的形式被知觉。因此，在进行网页界面设计时，要强调整体风格的统一，内容与形式的统一。
结语
将格式塔心理学引入网页界面设计，目的是希望网页设计向理性化的方向发展。随着网络的不断发展，浏览者对页面的要求也越来越高，但现在的页面设计大多还是从直觉出发，离科学的页面设计还有相当大的距离，因此要想达到科学的页面设计，就要在设计时遵照人类的认知规律，并且将这些规律正确地应用到设计实践中。而如何将格式塔理论与设计结合起来,仍是我们需要投入大量精力去研究与探讨的问题。
参考文献：
[1]曹方著.视觉传达设计原理，江苏美术出版社
网页界面设计论文篇2
网页设计人性化组要是根据人体的生理与心理、行为习惯、思维方式等等方面的因素作为网页设计的实际出发点，然后总结在网页访问时访问者的特点，然后针对性进行设计，确保在操作过程中，访问者不仅能够拥有美的享受，同时还能够得到心理方面的尊重以及生理上的关怀，最终达到设计当中的人性化目的。
一、计算机网页界面设计中人性化设计的本质要求
网页界面的设计要求内容与形式的统一，将艺术与技术相互的结合起来，属于一种新的艺术形式[1]。
网页界面设计要求能够与人的行为习惯相互结合，能够满足人的内心情况以及思维方式的转变，基于原本的设计性能与功能，优化网页界面，这样才能够保障用户使用起来更加的舒适、方便，同时也满足了用户最基本的身心两个方面的要求。
二、计算机网页界面设计中人性化的元素体现
目前，就互联网各大网站的设计来看，都拥有自身相对人性化的设计，则主要是对于导航的设置，它要求了每一位用户都能够通过最快、最便捷的方式找到自身所需要的信息。在网页界面的设计中，衔接是最主要的一个部分，仿佛就是网站当中的中枢神经系统，通过设置这一部分的链接，就能够让用户快速地找到自己想要的页面，其中要求的人性化连接设计就是要求了无论是在何种状态下，用户都能够对自身所处的位置有明确的了解，并且可以利用最简便的方式达到自己想要的网页界面。而网站当中的按钮又是网页节点的中枢神经元，在细节之处就能够让用户拥有一种人文的关怀。
所以，开展人性化的按钮设计，从组合、造型以及设计等方面入手，考虑到按钮本身的识别性、位置、组合关系以及人机性等多个方面的因素[2]。另外，在设计计算机网页界面的时候，还需要考虑到图形方面的设计，不能够让用户认为图形过于的乏味单调，但是却也不能让用户感觉到界面过于的花哨，图形应该尽可能在保持用户界面浏览方便的同时，还能够富含一定的美感与精美的动画设计，如此，就可以让网页界面拥有良好的动态效果，避免用户因为过多的静态，带来视觉上的审美疲劳。
当然，交互性的设计工作也是计算机网页界面设计中不可忽视的，这也是对个性化特征体现的主要方面，也就是在留言板、BBS论坛等等方面让用户感受到人性化设计的美感，让用户感受到网页界面时尚感与科技感共存。此外，在计算机网页界面的设计当中还需要考虑到多媒体、布局、色彩以及文字等多个方面的人性化特征，比如：在页面正文内容上面尽量避免使用粗体或者是斜体;在文字方面尽可能避免装饰性太强的文字的使用等，在图形上尽可能选择gif格式和jpg格式，如果是大型的图片，尽量避免滚动条图片的使用，如此的操作才能够给用户一种赏心悦目的感觉。
三、计算机网页界面人性化设计的一致性原则
在计算机网页界面的设计上还应该考虑到一致性的操作概念，在浏览的方式、内容的安排以及版面的设计商，设置是色彩、按钮或者是导航栏都应该保持统一的一致性设计。这样的设计给访问者带来的是预期的行为模式，同时也是操作上的安全感，不会因为网页的凌乱，给自己带来不知所措的混乱感。
每一个网站都是由过个层级的页面共同组成的并非只拥有一个单独的页面，如果网站没有一致性，让用户从一个页面点点击进入到下一个页面点，就会给用户一种不知身在何处的感觉，所以，在网站建设上需要保持设计的一致性。比如：统一的色系、固定的版面排版以及固定的标题图标等等。
四、计算机网页界面人性化设计的简单易用原则
如果网页页面的内容过于复杂，就会让用户产生一种难以操作的感觉，也许这样的网页能够带给用户更多方面的信息，但是在版面的设计上还是应该考虑到简洁，避免用户出现无从选择，操作复杂的感觉。另外，网页界面应该很容易学习怎么样去操作，甚至是不需要学习就可以直接操作。Norman曾经提出，我们不需要去学习，只要我们拥有天赋的推理以及对过去经验的积累，那么我们就可以面对一切使用方面存在的问题。如果真正需要重新去学习知识，那么着一定就是设计师出现了错误[3]。
五、计算机网页的人性化访问的操控性原则
用户操控性原则指的是用户如何去决定与网站之间相互的互动。部分网站希望在界面上直接的呈现出大量的图片、动画或者是文字，认为这样可以让用户感觉到这一界面提供了丰富的信息。但是却不知识，如此盲目地堆积各种信息，却忽视了用户自身的阅读感受，大多不必要的信息反而会对用户正确信息获取的效率带来干扰。所以，要重新归纳分类这一部分信息，然后对其进行重新的整编处理，让可以通过相应的信息编码分类来找到自己所需要的知识。比如下图1当中所示的通用汽车网站，当鼠标移动到“OurMission”的时候，页面就会展开如图的界面信息，当鼠标移开的时候，就会自动将菜单回缩，这样不仅给用户一种完全自主的选择，同时也保持了页面整体上的简洁。
图1 通用汽车页面
六、计算机网页的人性化的效率原则
在计算机网页界面的设计中，还应该考虑到网页本身打开的速度，不能够放置多媒体文件或者是过大的团，这样才不会影响到网页整体的载入速度，避免用户等待过长的时间，从而影响到用户继续浏览网页的心情。很多网页为了追求用户看到第一眼效果的绚丽，在网页上载入了很多动画的效果，这样不仅会对网页打开的速度产生影响，同时还会让用户产生一种放弃的感觉。所以，只有高效的网页交互，才能够让王赞的访问用户拥有一种舒畅之感。
七、结语
随着计算机网络的不断普及，也使得计算机网页界面的设计工作面临更快发展的同时，也面临了新的挑战。作为网页界面的设计人员就应该考虑到设计的人性化问题，打破传统意义之下的平面设计理念，如此，才能够让网页界面设计更具人性化，让每一位网页用户都能够愉快的使用网页。
参考文献
网页界面设计论文篇3
引言
格式塔一词来源于德文“Gestalt”的音译，本意指的是形式、形状、方式、实质。格式塔心理学是一种与艺术有缘的心理学理论，其主要目标是探讨视觉感知及其与学习、思维的关系，它所研究的出发点就是“形”，“形”是经由知觉活动组织成的经验中的整体，与视知觉活动密不可分。而网页界面设计是视觉传达设计向网络媒体的延伸，主要是通过浏览者的视觉感知来接受网站信息。因此，研究格式塔理论在网页界面设计中的运用，无疑对网页界面的设计具有很大的指导作用。
格式塔理论在网页界面设计中的应用
网页设计是将特定的视觉信息要素，根据主题表达的需求在特定的页面上进行的一种编辑和安排，其基础是视觉生理学和视觉心理学。格式塔心理学派通过对视觉感知的生理研究，提出了一系列视感知规律，其中包含了“图底”这个核心概念，和“简明原则”“接近原则”“相似原则”“闭合原则”等视感知特性，将这些规律引入页面设计，有助于我们优化视觉时代“形象过剩”状态下盲目的网页设计，提高信息传达的速度与准确度。
1.图与底
在人的知觉系统中最基本的一种知觉能力是在图形与背景间作出区分。“图”是居于前部的区域，“底”被看成是用来衬托图的背景。相对而言，图比底，轮廓较为完整、封闭，形状较为规则，面积比较小，色彩比较鲜艳；此外，更重要的是，能组织成为一定意义的区域倾向于被感觉成图。
由于图与底之间存在的这种相对性质，在网页设计中，应当明确区分图与底，主体与背景。另外，主体自身结构要清晰明了，背景不能过于复杂，这样才有利于浏览者辨别需要了解的信息。在背景的色彩搭配上应尽量选用同一色系的颜色，尽量避免同时使用色相环中相对的颜色，大面积同一颜色宜采用低对比度，避免用强烈刺激的颜色引起浏览者的视觉疲劳与厌烦情绪。格式塔理论的图－底规则不仅说明了主体从背景中分离出来的条件，而且指出了背景在一个格式塔中的重要作用。因此在网页设计中我们同样不能忽视背景的作用，图形是依赖于背景而存在的，要使主体感到存在，必然要有底将它衬托出来。因此无论在文字、色彩、图像，还是动画和视频方面都要坚持图底原则。
2.简明原则
格式塔心理学家认为，人们的知觉有一种“简化”倾向，所谓简化并非仅指一般意义上的“简单”，即物体中包含的成分少或成分之间的关系简单，而是一种将任何刺激以尽可能简单的机构组织起来的倾向。我们的眼睛只能接受少数几个不相关联的整体单位，如果一个格式塔中包括太多不相关的单位，眼睛就会试图将其简化，把各个单位加以组合，使之成为一个知觉上易于处理的整体，否则，整体形象将无法被正确感知，这种形象势必会被人们忽视，以至拒绝接受。
我们可以将这一观点延伸到网页界面设计中。首先，在网页界面结构的设计上，应避免使用过于复杂的网格结构，结构的设置应尽量简单明了，符合人的视觉流程，也符合人们对规则形的喜好，利于浏览者以最短的时间找到最需要的信息。
其次，在图像的选择上，应避免使用过于繁复杂乱的、容易分散浏览者注意力的图像，这样会增加浏览者找寻信息的难度。
再次，在进行文字编辑时，应该考虑编辑的最终效果。文字应给人以清晰的视觉印象，避免页面繁杂凌乱，减少不必要的装饰变化，使人易认、易懂、易读，不能为造型而编辑，忘记了文字本身是传达内容和表达信息的主体。在字体的选择上，虽然可供选择的字体很多，但同一页面上的字体种类最多只能有三四种，这样才不会显得花哨。字体的选择应依据段落大小和内容层次，由重到轻、由粗到细。字号的选择也应该依据内容层次由大到小，但到了节以下的层面，可以选用同一字号但用不同的字体加以区分。在文本密度方面，文本应该以短小的组块形式出现，并且应该经过编辑，以简化内容。
3.接近原则和相似原则
接近原则和相似原则的本质上都是简化和整体化知觉对象的组织原则，与前面的简明原则类似，人们在倾向于简化认识对象的同时，也倾向于将近似、接近的元素组合起来作为一个整体加以认知。也就是说如果不同的文字或图形组成部分位置靠近，浏览者就比较容易看出它们是一起的。根据这一原理，对于页面上的任何元素，如果在功能或内容上是相同或相近的，就应在一定程度上保持相对较小的空间距离，做到“物以类聚”。比如，页面中用以解释图形或用以表明某一部分图形的文字就应当紧挨其所指的图形或部分图形。
相似的物体也很容易被认为是从属于一个系统，具有相似的功能。因而，需要通过将浏览者注意力集中于视觉范围内的关键概念，帮助他们获得信息。在网页界面设计中，可以通过强调、动画、对比色的使用或其他手段达到这一目的。假如一个图形中的组成部分都属于同一风格，这个图形就被视为一个整体。为了使浏览者重点关注图形中的特定部分，对这一部分可采用不同的颜色、动画、闪烁或其他区分方式。但是，如果一幅画面中区别过多，也会使浏览者难以注意需要获得的信息。因此，这些方法应该用于强调关键信息或图形的关键部分，而不宜用于大片信息。
4.闭合原则与网页界面设计
闭合原则是指一种完成某种完形的行动。这一规则表明，每一种视觉样式都可以被看成是一种陈述，对于模棱两可的视觉样式，人们会根据以往的经验按照不同的样式加以组织，这时不同的人会看到不同的东西。因此，在网页界面设计时，应当避免出现不完整的图形，以免使浏览者花费过多的时间去琢磨图形的含义，而不是从网页上获取信息。
闭合规则还表明，视觉形象被知觉的形式是首先作为一个统一的整体被知觉，然后再以部分的形式被知觉。因此，在进行网页界面设计时，要强调整体风格的统一，内容与形式的统一。
结语
将格式塔心理学引入网页界面设计，目的是希望网页设计向理性化的方向发展。随着网络的不断发展，浏览者对页面的要求也越来越高，但现在的页面设计大多还是从直觉出发，离科学的页面设计还有相当大的距离，因此要想达到科学的页面设计，就要在设计时遵照人类的认知规律，并且将这些规律正确地应用到设计实践中。而如何将格式塔理论与设计结合起来，仍是我们需要投入大量精力去研究与探讨的问题。
参考文献 ：
[1]曹方著.视觉传达设计原理，江苏美术出版社
网页界面设计论文篇4
引言
格式塔一词来源于德文“Gestalt”的音译，本意指的是形式、形状、方式、实质。格式塔心理学是一种与艺术有缘的心理学理论，其主要目标是探讨视觉感知及其与学习、思维的关系，它所研究的出发点就是“形”，“形”是经由知觉活动组织成的经验中的整体，与视知觉活动密不可分。而网页界面设计是视觉传达设计向网络媒体的延伸，主要是通过浏览者的视觉感知来接受网站信息。因此，研究格式塔理论在网页界面设计中的运用，无疑对网页界面的设计具有很大的指导作用。
格式塔理论在网页界面设计中的应用
网页设计是将特定的视觉信息要素，根据主题表达的需求在特定的页面上进行的一种编辑和安排，其基础是视觉生理学和视觉心理学。格式塔心理学派通过对视觉感知的生理研究，提出了一系列视感知规律，其中包含了“图底”这个核心概念，和“简明原则”“接近原则”“相似原则”“闭合原则”等视感知特性，将这些规律引入页面设计，有助于我们优化视觉时代“形象过剩”状态下盲目的网页设计，提高信息传达的速度与准确度。
1.图与底
在人的知觉系统中最基本的一种知觉能力是在图形与背景间作出区分。“图”是居于前部的区域，“底”被看成是用来衬托图的背景。相对而言，图比底，轮廓较为完整、封闭，形状较为规则，面积比较小，色彩比较鲜艳；此外，更重要的是，能组织成为一定意义的区域倾向于被感觉成图。
由于图与底之间存在的这种相对性质，在网页设计中，应当明确区分图与底，主体与背景。另外,主体自身结构要清晰明了，背景不能过于复杂，这样才有利于浏览者辨别需要了解的信息。在背景的色彩搭配上应尽量选用同一色系的颜色，尽量避免同时使用色相环中相对的颜色，大面积同一颜色宜采用低对比度，避免用强烈刺激的颜色引起浏览者的视觉疲劳与厌烦情绪。格式塔理论的图－底规则不仅说明了主体从背景中分离出来的条件,而且指出了背景在一个格式塔中的重要作用。因此在网页设计中我们同样不能忽视背景的作用，图形是依赖于背景而存在的，要使主体感到存在，必然要有底将它衬托出来。因此无论在文字、色彩、图像，还是动画和视频方面都要坚持图底原则。
2.简明原则
格式塔心理学家认为，人们的知觉有一种“简化”倾向，所谓简化并非仅指一般意义上的“简单”，即物体中包含的成分少或成分之间的关系简单，而是一种将任何刺激以尽可能简单的机构组织起来的倾向。我们的眼睛只能接受少数几个不相关联的整体单位，如果一个格式塔中包括太多不相关的单位，眼睛就会试图将其简化，把各个单位加以组合，使之成为一个知觉上易于处理的整体，否则，整体形象将无法被正确感知，这种形象势必会被人们忽视，以至拒绝接受。
我们可以将这一观点延伸到网页界面设计中。首先，在网页界面结构的设计上，应避免使用过于复杂的网格结构，结构的设置应尽量简单明了，符合人的视觉流程，也符合人们对规则形的喜好，利于浏览者以最短的时间找到最需要的信息。
其次，在图像的选择上，应避免使用过于繁复杂乱的、容易分散浏览者注意力的图像，这样会增加浏览者找寻信息的难度。
再次，在进行文字编辑时，应该考虑编辑的最终效果。文字应给人以清晰的视觉印象，避免页面繁杂凌乱，减少不必要的装饰变化，使人易认、易懂、易读，不能为造型而编辑，忘记了文字本身是传达内容和表达信息的主体。在字体的选择上，虽然可供选择的字体很多，但同一页面上的字体种类最多只能有三四种，这样才不会显得花哨。字体的选择应依据段落大小和内容层次,由重到轻、由粗到细。字号的选择也应该依据内容层次由大到小，但到了节以下的层面，可以选用同一字号但用不同的字体加以区分。在文本密度方面，文本应该以短小的组块形式出现，并且应该经过编辑，以简化内容。 3.接近原则和相似原则
接近原则和相似原则的本质上都是简化和整体化知觉对象的组织原则，与前面的简明原则类似，人们在倾向于简化认识对象的同时，也倾向于将近似、接近的元素组合起来作为一个整体加以认知。也就是说如果不同的文字或图形组成部分位置靠近，浏览者就比较容易看出它们是一起的。根据这一原理，对于页面上的任何元素，如果在功能或内容上是相同或相近的，就应在一定程度上保持相对较小的空间距离，做到“物以类聚”。比如，页面中用以解释图形或用以表明某一部分图形的文字就应当紧挨其所指的图形或部分图形。
相似的物体也很容易被认为是从属于一个系统，具有相似的功能。因而，需要通过将浏览者注意力集中于视觉范围内的关键概念，帮助他们获得信息。在网页界面设计中，可以通过强调、动画、对比色的使用或其他手段达到这一目的。假如一个图形中的组成部分都属于同一风格，这个图形就被视为一个整体。为了使浏览者重点关注图形中的特定部分，对这一部分可采用不同的颜色、动画、闪烁或其他区分方式。但是，如果一幅画面中区别过多，也会使浏览者难以注意需要获得的信息。因此，这些方法应该用于强调关键信息或图形的关键部分，而不宜用于大片信息。
4.闭合原则与网页界面设计
闭合原则是指一种完成某种完形的行动。这一规则表明，每一种视觉样式都可以被看成是一种陈述，对于模棱两可的视觉样式，人们会根据以往的经验按照不同的样式加以组织，这时不同的人会看到不同的东西。因此，在网页界面设计时,应当避免出现不完整的图形，以免使浏览者花费过多的时间去琢磨图形的含义，而不是从网页上获取信息。
闭合规则还表明,视觉形象被知觉的形式是首先作为一个统一的整体被知觉，然后再以部分的形式被知觉。因此，在进行网页界面设计时，要强调整体风格的统一，内容与形式的统一。
结语
将格式塔心理学引入网页界面设计，目的是希望网页设计向理性化的方向发展。随着网络的不断发展，浏览者对页面的要求也越来越高，但现在的页面设计大多还是从直觉出发，离科学的页面设计还有相当大的距离，因此要想达到科学的页面设计，就要在设计时遵照人类的认知规律，并且将这些规律正确地应用到设计实践中。而如何将格式塔理论与设计结合起来,仍是我们需要投入大量精力去研究与探讨的问题。
参考文献 ：
[1]曹方著.视觉传达设计原理，江苏美术出版社
网页界面设计论文篇5
关键词：格式塔 网页设计 视知觉
引言
格式塔一词来源于德文“Gestalt”的音译，本意指的是形式、形状、方式、实质。格式塔心理学是一种与艺术有缘的心理学理论，其主要目标是探讨视觉感知及其与学习、思维的关系，它所研究的出发点就是“形”，“形”是经由知觉活动组织成的经验中的整体，与视知觉活动密不可分。而网页界面设计是视觉传达设计向网络媒体的延伸，主要是通过浏览者的视觉感知来接受网站信息。因此，研究格式塔理论在网页界面设计中的运用，无疑对网页界面的设计具有很大的指导作用。
格式塔理论在网页界面设计中的应用
网页设计是将特定的视觉信息要素，根据主题表达的需求在特定的页面上进行的一种编辑和安排，其基础是视觉生理学和视觉心理学。格式塔心理学派通过对视觉感知的生理研究，提出了一系列视感知规律，其中包含了“图底”这个核心概念，和“简明原则”“接近原则”“相似原则”“闭合原则”等视感知特性，将这些规律引入页面设计，有助于我们优化视觉时代“形象过剩”状态下盲目的网页设计，提高信息传达的速度与准确度。
1.图与底
在人的知觉系统中最基本的一种知觉能力是在图形与背景间作出区分。“图”是居于前部的区域，“底”被看成是用来衬托图的背景。相对而言，图比底，轮廓较为完整、封闭，形状较为规则，面积比较小，色彩比较鲜艳；此外，更重要的是，能组织成为一定意义的区域倾向于被感觉成图。
由于图与底之间存在的这种相对性质，在网页设计中，应当明确区分图与底，主体与背景。另外,主体自身结构要清晰明了，背景不能过于复杂，这样才有利于浏览者辨别需要了解的信息。在背景的色彩搭配上应尽量选用同一色系的颜色，尽量避免同时使用色相环中相对的颜色，大面积同一颜色宜采用低对比度，避免用强烈刺激的颜色引起浏览者的视觉疲劳与厌烦情绪。格式塔理论的图－底规则不仅说明了主体从背景中分离出来的条件,而且指出了背景在一个格式塔中的重要作用。因此在网页设计中我们同样不能忽视背景的作用，图形是依赖于背景而存在的，要使主体感到存在，必然要有底将它衬托出来。因此无论在文字、色彩、图像，还是动画和视频方面都要坚持图底原则。
2.简明原则
格式塔心理学家认为，人们的知觉有一种“简化”倾向，所谓简化并非仅指一般意义上的“简单”，即物体中包含的成分少或成分之间的关系简单，而是一种将任何刺激以尽可能简单的机构组织起来的倾向。我们的眼睛只能接受少数几个不相关联的整体单位，如果一个格式塔中包括太多不相关的单位，眼睛就会试图将其简化，把各个单位加以组合，使之成为一个知觉上易于处理的整体，否则，整体形象将无法被正确感知，这种形象势必会被人们忽视，以至拒绝接受。
我们可以将这一观点延伸到网页界面设计中。首先，在网页界面结构的设计上，应避免使用过于复杂的网格结构，结构的设置应尽量简单明了，符合人的视觉流程，也符合人们对规则形的喜好，利于浏览者以最短的时间找到最需要的信息。
其次，在图像的选择上，应避免使用过于繁复杂乱的、容易分散浏览者注意力的图像，这样会增加浏览者找寻信息的难度。
再次，在进行文字编辑时，应该考虑编辑的最终效果。文字应给人以清晰的视觉印象，避免页面繁杂凌乱，减少不必要的装饰变化，使人易认、易懂、易读，不能为造型而编辑，忘记了文字本身是传达内容和表达信息的主体。在字体的选择上，虽然可供选择的字体很多，但同一页面上的字体种类最多只能有三四种，这样才不会显得花哨。字体的选择应依据段落大小和内容层次,由重到轻、由粗到细。字号的选择也应该依据内容层次由大到小，但到了节以下的层面，可以选用同一字号但用不同的字体加以区分。在文本密度方面，文本应该以短小的组块形式出现，并且应该经过编辑，以简化内容。
3.接近原则和相似原则
接近原则和相似原则的本质上都是简化和整体化知觉对象的组织原则，与前面的简明原则类似，人们在倾向于简化认识对象的同时，也倾向于将近似、接近的元素组合起来作为一个整体加以认知。也就是说如果不同的文字或图形组成部分位置靠近，浏览者就比较容易看出它们是一起的。根据这一原理，对于页面上的任何元素，如果在功能或内容上是相同或相近的，就应在一定程度上保持相对较小的空间距离，做到“物以类聚”。比如，页面中用以解释图形或用以表明某一部分图形的文字就应当紧挨其所指的图形或部分图形。
相似的物体也很容易被认为是从属于一个系统，具有相似的功能。因而，需要通过将浏览者注意力集中于视觉范围内的关键概念，帮助他们获得信息。在网页界面设计中，可以通过强调、动画、对比色的使用或其他手段达到这一目的。假如一个图形中的组成部分都属于同一风格，这个图形就被视为一个整体。为了使浏览者重点关注图形中的特定部分，对这一部分可采用不同的颜色、动画、闪烁或其他区分方式。但是，如果一幅画面中区别过多，也会使浏览者难以注意需要获得的信息。因此，这些方法应该用于强调关键信息或图形的关键部分，而不宜用于大片信息。
4.闭合原则与网页界面设计
闭合原则是指一种完成某种完形的行动。这一规则表明，每一种视觉样式都可以被看成是一种陈述，对于模棱两可的视觉样式，人们会根据以往的经验按照不同的样式加以组织，这时不同的人会看到不同的东西。因此，在网页界面设计时,应当避免出现不完整的图形，以免使浏览者花费过多的时间去琢磨图形的含义，而不是从网页上获取信息。
闭合规则还表明,视觉形象被知觉的形式是首先作为一个统一的整体被知觉，然后再以部分的形式被知觉。因此，在进行网页界面设计时，要强调整体风格的统一，内容与形式的统一。
结语
将格式塔心理学引入网页界面设计，目的是希望网页设计向理性化的方向发展。随着网络的不断发展，浏览者对页面的要求也越来越高，但现在的页面设计大多还是从直觉出发，离科学的页面设计还有相当大的距离，因此要想达到科学的页面设计，就要在设计时遵照人类的认知规律，并且将这些规律正确地应用到设计实践中。而如何将格式塔理论与设计结合起来,仍是我们需要投入大量精力去研究与探讨的问题。
参考文献 ：
[1]曹方著.视觉传达设计原理，江苏美术出版社
网页界面设计论文篇6
【论文摘要】在互联网飞速发展的今天，网络已成为人们生活中不可缺少的一部分,无论是在商业、工业还是政府部门中都早已普及开来，如今就连教育事业也都承载着网络这四通八达的命脉迅速的发展起来。网站建设越来越接近于一门艺术而不仅仅是一项技术。网页界面艺术设计，日益被网站建设者所注重。结合自身的经验，阐述了如何制作一个完整的丰富多彩的页面，主要从色彩、框架，布局、优化这几个大方面对页面设计进行描述,对网页界面艺术设计的文字、图形、色彩、多媒体四个要素做了具有特色的分析和归纳，最后对其艺术设计风格进行了深入的分类和阐述，这一部分的重点是对网页界面艺术设计风格的研究。网页作为新兴媒体,有着比报刊、杂志、广播、电视等传统媒体更多的构成要素,如文字、图形、声音、图像和动画等。最后得出页面设计需要时间和耐心去钻研，才能做出好的网页界面艺术设计这一观点。
网页界面艺术设计是伴随着计算机互联网络的产生而形成的艺术设计新课题，是网页设计者以所处时代所能获取的技术和艺术经验为基础，依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动，必然要成为设计艺术的重要组成部分，并随着网络技术的发展而发展。表面上看，它表面上看，它不过是关于网页版式编排的技巧与方法，而实际上，它不仅是一种技能，更是艺术与技术的高度统一。?网页设计包括风格定位、版面编排、色彩处理、浏览方式、链接功能等诸多方面,其中色彩处理有着举足轻重的作用。色彩既是网页作品的表述语言,又是视觉传达的手。所以首先要了解一个问题那就是：
1 制作网页包括具体都包括哪几部分呢?
1.1图形、图像处理制作网页界面艺术设计，提到界面还有艺术，那在网页上插入一些精美、适当的图片是必要的，否则，不会有人去浏览你的页面，因此，在设计网页之前，就应搜集或制作一些好看、适用的图片。提到图形、图像处理，大家都会想到的软件是photoshop这个软件，对，这个软件是进行图形、图像处理的软件，但是，它不是专门的处理网络图像的软件，photoshop这个软件会用到去进行一些平面的图形图像，我们网络的图形、图像处理用的是fireworks软件，它可以制作出传输较快的gif格式的图片，占的空间也比较小，一般大小也就是kb，而photoshop制作出来的是jpg格式的位图，并且是有损压缩，象素大了图像就清晰，但这样的话上传到网上会影响浏览速度，象素小了就会出现模糊或者马赛克小方格，所以我们采用的是fireworks软件进行处理图形、图像。
1.2动画制作网页界面艺术设计，肯定也少不了动画的加入，并且还要有艺术气息在里面，这就要求我们的设计者要有艺术修养和对颜色的综合把握了，在没有flash软件之前，用的是go live这个软件，再后来就用传统的做法，在html中嵌入java程序编写的动画，但这要求设计者要对java语言熟悉。随着软件的发展，如今有了许多制作动画的软件，二维的、三维的等等，如现在我们用的flash软件，用它制作的动画，小巧迷人，只需作为一个.swf格式文件导出，再导入到网页编辑器里就可以了。
1.3文本的编写一般是采用在网页中用html语言中的标签编写,也可以用网页编辑工具的“所见即所得”功能直接写入文字，如：dream weaver软件或者front page软件等都可以进行文本的编写。还有一点要注意的就是，显示文本的时候，设计者的机器上装了很多漂亮的字体，设计的时候采用了，但是等上传到网上以后，别人在浏览的时候，如果别人机器上没有安装字体，那就显示不出来我们采用的漂亮样式字体，因此，在考虑网页界面艺术设计的基础上，我们是把文字提前在photoshop或fireworks可以将字体先选择自己喜欢的样式，然后转换栅格化图片再用切片切成小块，分别进行优化。输出的格式可以为gif或jpeg，再导入到dream weaver进行具体编辑，做链接可以用图片特有的属性进行热区链接，这样就完成我们想要的字体样式效果了，就不会出现字体样式显示不出来的情况啦。
1.4框架的应用框架是网页的常用形式，它可以使网页更为清晰，可以把不同的页面超链接到同一框架中，使的页面更加紧凑。一般框架用在小说浏览页面，或者介绍图书章节的部分，或者教学网页用到的的框架比较多。
1.5表格的应用表格是网页中用处最广泛的，可以布局，定位等等，它是网页中最活跃的元素。它的应用可以使用网页更加灵活。表格(table)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候，我们将表格的边框设为0，以此来定位页面中的元素，或者籍此确定页面中各元素的相对位置。我们知道：浏览器在读取网页html源代码时，是读完整个table才将它显示出来的。如果一个大表格中含有多个子表格，必须等大表格读完，才能将子表格一起显示出来。我们在访问一些站点时，等待多时无结果，按“停止”按钮却一下显示出页面就是这个原因。因此，我们在设计页面表格的时候，应该尽量避免将所有元素嵌套在一个表格里，而且表格嵌套层次尽量要少。在使用dream weaver制作网页时，会自动在每一个td内添加一个空字符。如果单元格内没有填充其它元素，这个空字符会保留，在指定td的宽度或高度后，可以在源代码内将其删去。
2 色彩的运用
网页界面艺术设计离不开色彩的应用，当打开一个网站的时候，给用户留下第一印象的既不是网站丰富的内容，也不是网站合理的布局，而是网站的色彩，尤其是在体现界面的时候，色彩对人的视觉效果非常明显，一个网站设计的成功与否，在某种程度上取决于设计者对网页界面设计颜色的运用和搭配。
网页界面设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。网页界面页面设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类：第一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。因此需注意网页界面设计页面的分割、结构的合理、页面的优化、界面的亲和等问题。第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有几页，需要实现的功能也较为简单，页面设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。
3 网页界面的优化
在页面设计中，网页界面的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速度和页面的适应性，影响观者对网站的印象。
在资讯类网站中，文字是页面中最大的构成元素，因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的，通常我们将字体指定为宋体，大小指定为12px，颜色要视背景色而定，原则上以能看清且与整个页面搭配和谐为准。在白色的背景上，我们一般使用黑色，这样不易产生视觉疲劳，能保证浏览者较长时间地浏览网页。一般我们网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，我门可以根据需要选择一些特别字体。例如，为了体现专业可以使用粗仿宋体，体现设计精美可以用广告体，体现亲切随意可以用手写体等等。当然这些都是个人看法，你可以根据实际情况，选择更贴切的字体。目前常见的中文字体有二三十种，常见的英文字体有近百种，网络上还有许多专用艺术字体下载，要寻找一款满意的字体并不算困难。需要说明的是：使用非默认字体只能用图片的形式，因为很可能浏览者的pc里没有安装你的特别字体，那么你的辛苦设计制作便将付之东流。
网页的适应性是很重要的，在不同的系统上，不同的分辨率下，不同的浏览器上，我们将会看到不同的结果，因此设计时要统筹考虑。一般我们在800×600下制作网页，最佳浏览效果也是在800×600分辨率下，在其它情况下只要保证基本一致，不出现较大问题即可。现在我们设计网页，一般要考虑800×600和1024×768两种分辨率，因此我们的表格一般为居中的770左右的表格，表格的宽度最宽不要超过778。事实上，"做网页"不是单纯意义上的"制作网页"，如果想让自己制作的网页美观大方，就必须要考虑"设计网页"的过程，一个好的作品，不通过仔细的"设计"就成形是绝对不可能的。
我国的网页界面页面设计水平总体上不及韩国，创新的页面极少，基本都是一种风格，这也是因以前我国的宽带水平跟不上有原因，一个漂亮的页面，必然体积会比较庞大，网络比较慢的话打开的速度也就可想而之，打开速度慢正是网页的一个最大杀手，所以我国以前的页面基本都是以框架式居多。随着我国宽带的普及，我们也迅速括起了一阵韩风，很多大胆创新的页面出现，这是一个好现象，但是一味的模仿韩国也不行，我们也要有自己的特色，不能一味的拿来主义。
网页界面页面设计的一个基本特色便是吸引浏览者，一个美观漂亮的页面不管内容多么空洞，也会有人欣赏，反之一个内容充实但页面简陋却往往不会有人去浏览，从这便可看出网页界面艺术设计是多么的重要。
网页界面设计论文篇7
【论文摘要】在互联网飞速发展的今天，网络已成为人们生活中不可缺少的一部分,无论是在商业、工业还是政府部门中都早已普及开来，如今就连教育事业也都承载着网络这四通八达的命脉迅速的发展起来。网站建设越来越接近于一门艺术而不仅仅是一项技术。网页界面艺术设计，日益被网站建设者所注重。结合自身的经验，阐述了如何制作一个完整的丰富多彩的页面，主要从色彩、框架，布局、优化这几个大方面对页面设计进行描述,对网页界面艺术设计的文字、图形、色彩、多媒体四个要素做了具有特色的分析和归纳，最后对其艺术设计风格进行了深入的分类和阐述，这一部分的重点是对网页界面艺术设计风格的研究。网页作为新兴媒体,有着比报刊、杂志、广播、电视等传统媒体更多的构成要素,如文字、图形、声音、图像和动画等。最后得出页面设计需要时间和耐心去钻研，才能做出好的网页界面艺术设计这一观点。
网页界面艺术设计是伴随着计算机互联网络的产生而形成的艺术设计新课题，是网页设计者以所处时代所能获取的技术和艺术经验为基础，依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动，必然要成为设计艺术的重要组成部分，并随着网络技术的发展而发展。表面上看，它表面上看，它不过是关于网页版式编排的技巧与方法，而实际上，它不仅是一种技能，更是艺术与技术的高度统一。?网页设计包括风格定位、版面编排、色彩处理、浏览方式、链接功能等诸多方面,其中色彩处理有着举足轻重的作用。色彩既是网页作品的表述语言,又是视觉传达的手。所以首先要了解一个问题那就是：
1 制作网页包括具体都包括哪几部分呢?
1.1图形、图像处理制作网页界面艺术设计，提到界面还有艺术，那在网页上插入一些精美、适当的图片是必要的，否则，不会有人去浏览你的页面，因此，在设计网页之前，就应搜集或制作一些好看、适用的图片。提到图形、图像处理，大家都会想到的软件是photoshop这个软件，对，这个软件是进行图形、图像处理的软件，但是，它不是专门的处理网络图像的软件，photoshop这个软件会用到去进行一些平面的图形图像，我们网络的图形、图像处理用的是fireworks软件，它可以制作出传输较快的gif格式的图片，占的空间也比较小，一般大小也就是kb，而photoshop制作出来的是jpg格式的位图，并且是有损压缩，象素大了图像就清晰，但这样的话上传到网上会影响浏览速度，象素小了就会出现模糊或者马赛克小方格，所以我们采用的是fireworks软件进行处理图形、图像。
1.2动画制作网页界面艺术设计，肯定也少不了动画的加入，并且还要有艺术气息在里面，这就要求我们的设计者要有艺术修养和对颜色的综合把握了，在没有flash软件之前，用的是go live这个软件，再后来就用传统的做法，在html中嵌入java程序编写的动画，但这要求设计者要对java语言熟悉。随着软件的发展，如今有了许多制作动画的软件，二维的、三维的等等，如现在我们用的flash软件，用它制作的动画，小巧迷人，只需作为一个.swf格式文件导出，再导入到网页编辑器里就可以了。
1.3文本的编写一般是采用在网页中用html语言中的标签编写,也可以用网页编辑工具的“所见即所得”功能直接写入文字，如：dream weaver软件或者front page软件等都可以进行文本的编写。还有一点要注意的就是，显示文本的时候，设计者的机器上装了很多漂亮的字体，设计的时候采用了，但是等上传到网上以后，别人在浏览的时候，如果别人机器上没有安装字体，那就显示不出来我们采用的漂亮样式字体，因此，在考虑网页界面艺术设计的基础上，我们是把文字提前在photoshop或fireworks可以将字体先选择自己喜欢的样式，然后转换栅格化图片再用切片切成小块，分别进行优化。输出的格式可以为gif或jpeg，再导入到dream weaver进行具体编辑，做链接可以用图片特有的属性进行热区链接，这样就完成我们想要的字体样式效果了，就不会出现字体样式显示不出来的情况啦。
1.4框架的应用框架是网页的常用形式，它可以使网页更为清晰，可以把不同的页面超链接到同一框架中，使的页面更加紧凑。一般框架用在小说浏览页面，或者介绍图书章节的部分，或者教学网页用到的的框架比较多。
1.5表格的应用表格是网页中用处最广泛的，可以布局，定位等等，它是网页中最活跃的元素。它的应用可以使用网页更加灵活。表格(table)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候，我们将表格的边框设为0，以此来定位页面中的元素，或者籍此确定页面中各元素的相对位置。我们知道：浏览器在读取网页html源代码时，是读完整个table才将它显示出来的。如果一个大表格中含有多个子表格，必须等大表格读完，才能将子表格一起显示出来。我们在访问一些站点时，等待多时无结果，按“停止”按钮却一下显示出页面就是这个原因。因此，我们在设计页面表格的时候，应该尽量避免将所有元素嵌套在一个表格里，而且表格嵌套层次尽量要少。在使用dream weaver制作网页时，会自动在每一个td内添加一个空字符。如果单元格内没有填充其它元素，这个空字符会保留，在指定td的宽度或高度后，可以在源代码内将其删去。
2 色彩的运用
网页界面艺术设计离不开色彩的应用，当打开一个网站的时候，给用户留下第一印象的既不是网站丰富的内容，也不是网站合理的布局，而是网站的色彩，尤其是在体现界面的时候，色彩对人的视觉效果非常明显，一个网站设计的成功与否，在某种程度上取决于设计者对网页界面设计颜色的运用和搭配。
网页界面设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。网页界面页面设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类：第一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。因此需注意网页界面设计页面的分割、结构的合理、页面的优化、界面的亲和等问题。第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有几页，需要实现的功能也较为简单，页面设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。
3 网页界面的优化
在页面设计中，网页界面的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速度和页面的适应性，影响观者对网站的印象。
在资讯类网站中，文字是页面中最大的构成元素，因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的，通常我们将字体指定为宋体，大小指定为12px，颜色要视背景色而定，原则上以能看清且与整个页面搭配和谐为准。在白色的背景上，我们一般使用黑色，这样不易产生视觉疲劳，能保证浏览者较长时间地浏览网页。一般我们网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，我门可以根据需要选择一些特别字体。例如，为了体现专业可以使用粗仿宋体，体现设计精美可以用广告体，体现亲切随意可以用手写体等等。当然这些都是个人看法，你可以根据实际情况，选择更贴切的字体。目前常见的中文字体有二三十种，常见的英文字体有近百种，网络上还有许多专用艺术字体下载，要寻找一款满意的字体并不算困难。需要说明的是：使用非默认字体只能用图片的形式，因为很可能浏览者的pc里没有安装你的特别字体，那么你的辛苦设计制作便将付之东流。
网页的适应性是很重要的，在不同的系统上，不同的分辨率下，不同的浏览器上，我们将会看到不同的结果，因此设计时要统筹考虑。一般我们在800×600下制作网页，最佳浏览效果也是在800×600分辨率下，在其它情况下只要保证基本一致，不出现较大问题即可。现在我们设计网页，一般要考虑800×600和1024×768两种分辨率，因此我们的表格一般为居中的770左右的表格，表格的宽度最宽不要超过778。事实上，"做网页"不是单纯意义上的"制作网页"，如果想让自己制作的网页美观大方，就必须要考虑"设计网页"的过程，一个好的作品，不通过仔细的"设计"就成形是绝对不可能的。
我国的网页界面页面设计水平总体上不及韩国，创新的页面极少，基本都是一种风格，这也是因以前我国的宽带水平跟不上有原因，一个漂亮的页面，必然体积会比较庞大，网络比较慢的话打开的速度也就可想而之，打开速度慢正是网页的一个最大杀手，所以我国以前的页面基本都是以框架式居多。随着我国宽带的普及，我们也迅速括起了一阵韩风，很多大胆创新的页面出现，这是一个好现象，但是一味的模仿韩国也不行，我们也要有自己的特色，不能一味的拿来主义。
网页界面页面设计的一个基本特色便是吸引浏览者，一个美观漂亮的页面不管内容多么空洞，也会有人欣赏，反之一个内容充实但页面简陋却往往不会有人去浏览，从这便可看出网页界面艺术设计是多么的重要。
网页界面设计论文篇8
中图分类号：TP393.092
计算机网页界面设计应该具备一定的人性化特征，它不仅可以为人们带来浏览的方便，更可以在网站与用户之间建立起深厚且紧密的情感联系。因此，作为人们对于网站的第一印象，网页必须给用户带来好的视觉感受与体验，它应该是是“为人而设计”的真实体现，是建立在理性的功能的基础上，是人与高科技的融合剂。
1 计算机网页界面设计人性化的必要性分析
计算机网页界面设计就是对信息的动态传达，是在虚拟空间中进行的一种信息交流，它更为具体化和形象化，在信息传达方面表现的更为主动和及时，可以为人们营造出一个互动的全球性视觉空间。当前来看，网页界面设计现状不容乐观，一直以来并没有得到应有且足够的重视，甚至有业界人士把其称之为美工活。尽管有不少优秀的网站作品涌现出来，但是仍然缺乏专业的理论支撑与成熟的实践经验作为指导。一般来说，网页就具有人格化特征，我们对其进行人性化设计是其本质要求所在。因此，我们对其的必要性分析如下：
1.1 首先，我们应该把握好人性化设计的内涵。所谓人性化就是指要协调人与技术之间的关系，要让技术发展围绕着人的需求而进行。这里的人具有自然属性与社会属性。其中，人的自然属性就是人自身特质所决定的，他们希望拥有快乐，渴望得到尊重，并希望有长久的目标。那么，人的社会属性则是指它要受到生活环境的影响，要对自己行为后果，长期目标以及人生价值进行思考。那么，人性化设计就是在进行设计的时候，应该充分依据人的不同行为习惯、生理结构以及思维方式等来对产品进行优化设计，从而使得网页让用户使用起来感觉到更为舒适和方便，进而尊重并充分满足用户的心理需求与精神追求，这也是对用户的人文关怀，充分展现了设计中的人性化特征。事实上，这是因为任何一项设计中的核心就在于人，设计者是人，使用者也是人，一切都是从人的需求出发，要做好对人的服务工作。
1.2 其次，人性化设计是计算机网页界面设计的本质要求所在。一般来说，网页界面设计本身就是艺术与技术的完美结合与统一，是一种新的艺术形式。我们在进行计算机网页界面设计的时候，应该基于人性化的需求来遵循一定的设计原则。虽然说网页界面的设计工作与一般的艺术形式有着一定的类似之处，但是，它仍然具有自身的特点，我们应该让网页界面的设计工作做到技术支持合理，界面友好清晰，要使得网页界面设计遵循一些总的设计原则，即准确定位，技术合理，可用性强，统一形象和突出个性。具体来说，我们在进行网页界面设计的时候，首先应该确认网站的设计主题，然后才能够准确的抓住用户的眼球与心理，从而定位出一个符合用户需求的网页界面出来。网页界面设计过程中的技术支持也是非常重要的，它应该是技术与艺术的完美融合，二者几乎是缺一不可的密切关系。当然，网页界面的设计还应该让网站具有较强的可用性，并突出一定的个性化特征，从而使得网页界面设计符合网络用户的情感需求，也是网页界面艺术性的最高级表现形式，更是高科技网页界面设计中的情感补充。
2 计算机网页界面设计中的人性化元素的具体应用
计算机网页界面不仅能够准确传达信息，并能够满足不同用户的心理需求。这就是说，计算机网页界面要具备艺术性与人性化的双重特征。接下来，我们将把其具体应用详细的分析下：
2.1 首先，计算机网页界面设计中的人性化元素体现。目前来看，很多网站都有一个较为人性化的设计，那就是对于导航的设置，它可以让用户更为方便快捷找到自己所需要的信息。链接也是网站界面设计中的重要组成部分，它似乎就像网站中的中枢神经系统，让用户通过这些链接设置来快速访问自己想要的页面，其中最为人性化的连接设计就是要让用户能够在任何状态下都可以明确的知道自己所处的位置，并能够以最为简便的方法达到自己所要的网页界面。网站中的按钮又是每一个网页节点上的中枢神经元，它能够让用户在细节之处感受到一种人文关怀，因此，我们应该对按钮进行人性化的设计，即从造型、色彩和组合上入手，充分考虑到按钮的识别性，组合关系，位置与人机性等几个方面的因素。此外，计算机网页界面的设计，还应该做好图形方面的设计，要让图形不再单调和乏味，但是又不能走入过于花哨的极端，图形尽可能的做到既能够方便用户浏览网页，又能够据哟一定的美感，还要做好动画方面的设计，要让网页界面显得具有一定的动态效果，从而减少由于静态而带来的审美疲劳。当然，计算机网页界面设计中还应该做好交互性的设计工作，要让其体现出一定的人性化特征，即登录与注册，留言板，BBS论坛等，从而让计算机网页界面设计具有人性化的美感，让用户使用的时候感到审美的科技感与时尚感。另外，计算机网页界面设计中还应该做好色彩、文字、图形、布局、多媒体等方面的人性化特征，比如说文字方面要尽量少用装饰意味太强的文字，页面正文内容也不要用斜体和粗体等，图形选用要选用jpg格式和gif格式，大型图片则不要使用滚动条的图片，从而给用户带来赏心悦目的感觉。
2.2 其次，我们还要充分意识到当前计算机网页界面设计中的人性化元素中，仍然有一些问题和不足存在。具体来说，计算机网页界面设计中，由于受到技术方面的限制与欠缺，很多人性化的设计无法真正实现，一些网页设计软件并没有达到随心所欲的设计要求，这些都让网页界面设计者面临着较大的技术障碍，有时还存在着系统兼容性问题，从而让用户使用时又碰到不必要的麻烦。网页界面设计中的人性化也应该从一个整体的系统方面来进行考量，否则将使得网页显得较为呆板，无法真正满足人的使用需求，也无法平衡人的心理感受。这就需要网页界面的人性化设计中要注重整体性和协调性。此外，由于人们生活水平的提高，人们的精神需求变得越来越丰富，这就要求计算机网页界面设计要从情感方面来满足用户的需求，而这在当前的设计中是需要不断完善和发展的核心领域。当然，网页界面的人性化设计还应该考虑到不同用户的需求，比如说残疾人，他们也需要网络来加强与外界的联系与沟通。然而，当前还缺乏这种无障碍的网页界面设计产品，从而使得一些残疾人用户在使用网络的时候，感觉到较大的困难与信息障碍。
3 结束语
总之，计算机网络的普及，使得计算机网页界面设计工作面临着新的挑战与发展。网页界面设计师应该从人性化的角度来更好的考虑设计问题，要突破传统意义上平面设计的理念，让网页界面显得更具人性化特征，从而取得良好的用户满意度。
参考文献：
[1]李钧.动态媒体设计：从界面构成到思维创意[M].上海：上海人民美术出版社，2005，8.
[2]宋继东.辨析人机交互图形化用户界面设计中的情感因素及应用[D].郑州：河南大学，2008.
网页界面设计论文篇9
网络视觉文化的传播具有全球化和跨文化、大众化和个性化、互动性和平等性、数字化和虚拟性四个特征。互联网的发展使得不同国家和地区沟通变得越来越容易了，网络视觉文化正在趋向于全球化，各文化间的相互交流与借鉴变得越来越密切了。相比于文字传播，视觉文化传播要更加迅速且传播效果要好很多。各种视觉文化样式在网络中不断传播壮大，不断交融，不断碰撞，最后形成新的混合文化。人们在网络视觉文化的传播中不是被动地接受信息，他们可以借助网络和多媒体技术，参与到视觉信息的创造中，在这个虚拟世界里面，我们可以自由的表达自我，同时我们在网上传递的文字、图片以及看到的影像都是由数据构成，是虚拟的。
2网页的交互界面设计
网页设计中的交互特征体现在非强制性和娱乐性。传统的传播媒介，如报纸、电视、广播都是属于强制灌输的方式将信息传播给受众，用户被动接受资讯。而网页信息传播不同，其资讯传播具有交互性和自由性。用户可以根据自己的需要搜寻资讯或者上传资料，自由度高。特别是flas网页的出现后，网页设计中交互性特征更加突出了。用户通过网页上有趣的动画和动态的按钮与网页进行互动，用户在互动中获得了资讯和乐趣，而网站在互动过程中获得了点击率和口碑。整个互动的过程在一个自由、欢乐的气氛中进行，网页设计的交互性提升了用户传播信息的积极性。
网页交互界面设计是指的网页设计师通过信息重要程度，对网页界面的信息进行归类分层，在满足消费者使用习惯和企业信息传达目的基础上，对网页的导航栏、按钮、下拉菜单、产品图片和网页配色以及版面布局进行精细化设计。使得网页版面美观、界面方便使用。网页的交互界面设计涉及的范围很多，是一个复杂的、有不同学科参与的工程，其中包括消费者心理学、视觉设计美学、人机工程、语言学、计算机技术等。从心理学意义来分，界面可分为感觉（视觉、触觉、听觉等）和情感两个层次；从技术方面来说网络界面具有数字化、多媒体的技术特征；从传播方面来说，网络界面具有多元化、个性化、交互性、快捷性、广泛性的传播特征。网页界面设计是将技术性与艺术性融为一体的创造性活动，作为一种特殊媒介的设计，在具有平面设计一般特征的同时，还具有自身设计特征。网页界面设计应围绕“信息传达”这一主题来进行，通过有效吸引视线的艺术形式，清晰、准确、有力地传达信息，谋求网页界面功能美与形式美相统一，并体现网络时代信息传播媒介的时代感。
3网络视觉文化对网页交互界面设计的影响
结合网页视觉文化的传播特点，我们认识到一个优秀的网页交互界面不仅体现在方便操作、信息层次分明方面，而且还体现在版面用色，导航按钮的设计和布局、下拉菜单的设计以及产品图片的使用等方面，是一个综合性的设计作品。交互界面设计，更多时候是需要揣摩用户的使用习惯和审美取向，这样才能设计出符合社会需求的好网站。随着网络的普及和电子产品的飞速发展，网页设计呈现出多元化的表现方式。无论从表现手法和传播媒体上，网页设计的实现有了无限种可能。身处读图时代，为了快速将图片进行系统分类，对于图片多的网页我们可以在设计网页交互界面时候让整个页面由无数个信息框组成，每个信息框大小不一，随机排列。人们在拨动鼠标滚轴的时候，就能实现信息的更新与翻页。每个信息的分类也是随机的，有绘画、摄影、建筑、动漫、字体设计等等。浏览者在翻阅网站的时候能产生趣味性和新鲜感，类似于花瓣网的布局风格。这种单页面网页的普及使得人们收集和信息变得更加便捷。同时它打破了以往单一的网页阅览模式，让信息阅读变得更加具有趣味性和随机性。
我们还可以采用简洁的版面布局形式，旨在通过整合或是删除多余的页面，强化页面重点信息，减少视觉干扰，只给用户需要的东西。或拉大图片，或加粗字体，通过这样一种方式突出重点，把值得强调的信息传达出去。去掉了多余内容的设计看起来外形美观，一目了然。设计师在网站设计过程中，时常会遇到过度设计的例子。保持审美需求和实际需求之间的平衡，对整洁，干净和条理清晰的网站来说很重要。整洁的网站设计所带来的纯净感同样也能打动用户。采用色块方格的设计也是对网页中图片文字进行系统分类的一种表现方式。我们可以将版面切割成许多大小相等、形状相同的方块，文字与产品照片相间排列，并通过色彩来调节画面视觉节奏。丰富的色彩和整洁的网格布局使得网页既活泼又整洁，增加了浏览者的阅读趣味性。这种色块方格的设计风格常见于淘宝网站和时尚品牌网店的设计中，既现代又方便使用。
网页界面设计论文篇10
2.2平台客户端的建设
平台客户端是用户浏览网站内容的界面，主要界面有导航页、首页、全部一览页、分类报纸主页等。
2.2.1搜索功能
制作全站范围文章检索功能。设置搜索范围、关键字、开始时间、结束时间，方便用户可以通过各种方式进行的搜索。当按照检索要求输入正确的检索内容后，点击“开始检索”按钮，即可进行检索，进入检索结果页面，这个页面是动态asp网页，如下是检索结果处添加的asp代码：
126 then
response.Write left（Replace（Content，Contentstr，""&Contentstr&""），126）&"... ..."
else
response.Write Replace（Content，Contentstr，""&Contentstr&""）
end if %>
2.2.2版面导航栏
打开Dreamweaver，新建asp页面，命名为“top.asp”，使用表格工具进行logo与版面导航栏的布局，导入logo动画，导航栏中有返回导航页、全部报刊一览、使用说明、常见问题、返回首页和加入收藏几个链接项目。
2.2.3首页
新建页面“index1.asp”，设置页面背景、颜色，调取制作好的包含logo和导航栏的页面“top2.asp”，代码： ；调取页脚页面“foot.asp”，然后插入表格设计主页布局。
2.2.4全部一览页
新建文件“all.asp”，页面上部、下部与主页相同。本页面可以对库存全部报刊一览，如图7。
2.2.5分类主页
分类报刊主页是一个aspx页面，选择不同种类报刊就显示该类报刊内页，页面有版面图，日期显示，搜索，本期精彩文章，过刊一览等功能。在主页点击某一报刊之后进入该分类报刊主页，新建文件“home.aspx”，logo调取相关报刊图片，代码如下
.jpg" width="317" height="160" >
2.3后台管理端建设
电子报刊的管理平台可以方便电子报刊管理人员对电子报刊进行各种管理，在本管理平台中可以进行报纸管理、评论管理和日志管理等。
使用管理员登录界面可以使管理员通过输入用户名和密码进入电子报刊的管理界面。进行页面的整体布局，导入图片，如图8页面布局。导航栏中包括报纸管理、评论管理、日志管理等，它们的实现均需要asp代码实现。
3 及测试
3.1 生成配置文件
使用“ZM+NP2007配置软件”，配置信息，点击添加，输入域名等信息，然后点击生成配置文件如图9生成配置文件。把配置文件“config.dat、“ftp_config.dat”复制到NpMaker的安装目录下，覆盖原文件。
3.2 报刊的及入库
电子报刊制作完成且管理平台建好后，就可以进行电子报刊的工作，预览确定无误后，单击“”栏，按照步骤进行注意文件夹命名要与本期报刊的发行时间相同。运行网站中的“save.html”文件，进行报纸入库。
3.3生成Html文件及测试
在平台管理端的报纸管理界面中可以看到新入库的报纸，显示红色文字“未生成Html”，点击“生成html”即可生成网页文件。
完毕后，要在电脑上进行测试，检查是否有运行错误。打开IE浏览器，在地址栏中输入本地IP地址，进行测试，客户端浏览测试效果如图10所示。
4 结束语
电子报刊在内容上更加具有指向性和针对性。报刊要更加适应受众需求的多样化和受众市场的细分。电子报刊制作将与采编/排版系统集成，提供高效、准确和自动的电子报刊制作技术。在线电子报刊将与网站平台整合运营。一方面，改善在线电子报刊的多媒体表现力，利用电子报刊的点击量提升网站影响力；另一方面，形成电子报刊与网站新闻内容资源和广告资源的整合互动，减少电子报刊多媒体内容制作的重复投入。
参考文献：
[1] 史先进. 基于NET平台的电子报刊系统设计与实现[J].中国教育信息化，2011，13（2）：52-53.
网页界面设计论文篇11
关键词：
交互设计；简约的网页设计；网页UI设计；以人为本；用户体验
一、网页界面交互设计
随着互联网的不断发展，交互设计如雨后春笋般迅速生长，当然其中存在的问题也日益凸显，因国内大多数院校并没有开设网页交互设计专业或者相关设计课程，因此系统学习过的专业技术人员稀少。交互设计是一门新兴学科主要关注交互体验设计，1984年由IDEO的创始人比尔•莫格里奇在一次设计会议上提出来。在过去网页交互设计主要由程序员来完成，并不是由设计师来操作，由于程序员自身的局限性，这就造成诸多设计问题，比如网站设计的交互方面粗糙，繁琐难用，其次在传统的网页设计中，设计师往往较为重在技术，而忽略人的“情感”问题，忽视了”情感”的交互。网页交互设计还要遵守一定的形式美法则。美的东西总能打动别人，对于网页来说也是如此，漂亮舒适的网页界面总能吸引用户的眼球，并且提高网页的浏览量。随着生活节奏的不断加快，人们需要安静的元素放松精神，因此对美的认识逐渐变为易用的、简约的。简约主义必然就被应用到了网页设计中。究其原因主要在于简约主义设计的它蕴含深厚的审美意趣和内涵。现代主义建筑师勒•柯布西耶认为在设计中对外在装饰追求的多少能反应出个人审美修养的高低。
二、网页交互设计的意义
当今很多人认为网页设计，就只是简简单单的美工设计，或者说浅层次的理解为交互设计的只是为了使浏览者更好地、更容易地操作网页。交互设计不仅只考虑到用用户更好地，更加容易操作网页界面，而且还要考虑到用户的需求，根据用户需求去设计是否需要易用性，站在用户的角度去思考问题。由于影响设计的因素逐渐增多，我们只有改变思路，从用户出发，不能只靠考虑是否美观，这样才能设计优秀的网页交互设计作品。
三、用户研究
以用户为中心的设计，首先需要了解的就是“以人为本”。“以人文本”旨在了解用户需求，以用户为出发点。设计师是在设计网页的不能只专注于网页界面的美观，还要考虑到用户的行为及心理，更深的挖掘用户需求，才能设计出好网页。在做设计的时候避免不了用户研究，用户研究首先包括可用性研究，其目的是提高产品的可用性，在网页交互设计中则体现为网页界面应该能更容易地被人接受、使用和记忆。其次就是设计师要敏锐地去发现用户的潜在需求，为网页更好为人服务。用户研究要求设计师站在用户的角度去思考问题，并最终提出最佳的解决方案，说就是设计师要思考自己设计网页如何能让浏览者主动的喜欢上自己网站页面。用户研究的主要方法是通过分析使用者的使用语境，使用习惯等。这样才能设计出满足浏览者对网页功能期望的网页。
四、用户体验
网页界面的设计效果，会影响用户的情感。对网页交互设计产生的还会影响人的情绪和情感。因此在网页体验设计需要将人的生理本能及情感的注入到设计之中。从用户体验而谈，用户浏览网页是有什么需求？可以归纳为两点：首先是浏览信息，其次操作数据。这里的数据是指在数据库中的数据，用户在浏览信息时，不会对“数据”造成任何操作，只有用户进行点击链接、跳转页面等，才会和数据进行交互。因此，在做网页交互设计时候主要满足用户的这两方面的需求，要做到：一、要有一个漂亮的界面，及网页界面的视觉设计要美观，二、用户在操作数据时候要高效，及网页界面的交互设计灵活。
五、以用户为中心的网页交互设计
交互设计之父AlanCooper首先在他的著作《AboutFace3:交互设计精髓》中提出了目标导向设计的方法。交互设计只有从使用者的目标出发来设计，满足用户需求，这样才能使用户感到满意，并将信息推荐给其他人。以用户为中性的设计最重要的就是要了解用的目标，需求和动机是什么。在网页交互设计中不能匆忙的使用绘图软件画出漂亮的界面，设计师首先要做的是用户研究，了解用户需求。只有在充分研究用户需求之后，建立用户模型，对产品进行归纳，最后再来关注细节设计，如网页的界面风格，字体，图标，色彩等的搭配.其次要最终用互动使用习惯进行网页交互设计，用户的使用习惯并非即刻而成的，而是用户长时间的养成的生活方式。浏览者在浏览网页的会形成自己的行为习惯，其一，网页交互设计只有尊重用户的使用习惯、利用自己所学知识及长时间积累的经验才能设计出更加流畅的网页界面。其二设计师在设计的过程中必须要考虑到界面的简约，易用，不是使浏览者去记忆使用大量的流程。日本设计大师深泽之人在产品设计提出“无意识设计”理念，这种理念也同样适用于网页交互设计中，无意识的设计就是让设计师关注用户的行为习惯，设计出的产品能够使用户在轻松的使用此产品进行工作，减少不必要的记忆。网页交互设计不能有过于花哨繁缛的内容以免影响用户体验，在网页交互设计中网页界面的设计应该具有简洁性。
六、结束语
网页交互设计要达到最有效的传递信息给浏览者，其页面的视觉引导，页面的风格统一毋庸置疑是一个特别重的环节。视觉上必须要简洁。在设计中要以用户为中心进行设计。“以人为本”的创新设计是网页交互设计的核心思想，好的设计必须能够打动人，好的设计必须是美的设计，必须是为人的设计，这也是未来的网页交互设计的主要发展趋势。网页交互设计不只是单纯的给网页进行简简单单的进行一些装饰和美化工作，设计师在设计网页的时候必须要基于网页的易用性，情感等赋予独立的思想和创意，要结合浏览者的行为习惯、心理、及使用方式等因素，以为为本，基于用户体验进行网页交互设计。了解用户，站在用户的角度去思考问题，根据用户需求来设计网页界面，以用户为中心的设计是简洁、易用的网页交互设计中的重要基础。
参考文献：
[1]张静，肖玮，杜煌，论网页界面的交互性设计，[长春师范学院学报]，2013年
[2]吴飞燕，基于用户体验的网页UI设计，[电子世界]，2014年
[3]曹华宇，张阿维，基于用户体验的网页界面交互设计原则，[艺术科技]2015年
网页界面设计论文篇12
中图分类号：G4 文献标识码：A 文章编号：1674-3520（2015）-04-00-01
网络课程是一个由知识点、跳转关系、导航策略和交互界面组成的教学系统。《汽车电子技术》网络课程的系统设计包括结构设计、导航设计和界面设计三个方面。课程内容主要以《汽车电子技术》第一章的教学内容和辅助学习两大部分组成。
一、结构设计
由于网络课程有其特定的教育性，在设计结构时，十分注重对知识结构的设计，以便有利于体现教学内容的层次关系，有利于实现自主学习。在进行本课程知识结构的设计时，以《汽车电子技术》为框架，按章节进行选择，在各章节内部，根据知识点之间的联系设置超链接。我们还根据学习者的需要，设置了各种辅助学习方式，方便学习者自学。
（一）网络教学模块。网络教学模块（网络课件）是根据教材内容而编制，是教学目标、学习任务的具体体现，教学目标的实现主要依靠具体的网络课件来完成，所以这个模块是整个网络课程的重点。
1、内容的呈现方式。主要以平铺方式来组织教学内容，方便学习者按各自的基础、兴趣和能力有选择地进行学习，满足学习者的不同需求。教学内容以课本的每一章节为纵向结构，以学习目标、辅助学习、作业系统、教师答疑、实验指导作为横向结构编织成一张纵横交错、非线性的知识网络体系，让学习者掌握充分的学习自进行有效的学习。
2、课程导学。为了帮助学员实现网络课程的自主学习、掌握正确的学习方法 ，提供了课程大纲、课程目标、实验指导、作业系统等助学信息。
3、重点难点的处理。在对汽车电子的学习中，学习者需要掌握理论与技术的相结合，这是课程内容中的重点。我们在对课程的学习时，加入实验指导，让学生边学习理论，边熟悉技术的操作。重点解析内容也可采用 Flash动态教学效果或视频教学，配以文字和语音讲解，利于学员更好接受和理解。
（二）师资队伍模块。“师资队伍”主要是介绍了有关该课程的教师资料，学生通过“师资队伍”可了解自己老师的信息。
（三）作品欣赏模块。“作品欣赏”又分为“优秀个人作品欣赏”、“优秀小组作品欣赏”、“教师推荐作品欣赏”。“优秀个人作品欣赏”和“优秀小组作品欣赏”是教师从学生的作业中选出的优秀作品，这些作品上传到学习网上，学生不仅可随意浏览欣赏，给出评价，更重要的是学生可将自己的作业与之比较，找出不足，总结经验，在激励中求上进。“教师推荐作品欣赏”是教师在网上或其它杂志上寻找的优秀作品，供学生学习。
（四）常见疑问模块。“常见疑问”中给出了在电子设计方面经常出现的问题及解决方法。这和“教师答疑”不同，学生直接到页面进行查找，就可解决疑问，效果更快。
（五）学习交流模块。“学习交流”分为两部分，一是在线论坛，学生通过在论坛上发表文章，和同学老师们共同交流。这种讨论模块 ，目标是发挥教、学两方面积极性 ，活跃气氛和鼓励学习者显示才华和创造力 ，以及提供答疑解惑的场所。二是虚拟聊天室，学习者因为学术观点相近或兴趣爱好一致等原因更愿意在一起学习或交流，从而形成学习伙伴或网上好友的关系。不管是教师还是学生，都可以在这两个板块中畅所欲言，就学习、生活、实践中遇见的难点、重点、热点问题进行交流、解答。
（六）资源下载。“资源下载”主要是与学习有关的电子课件、电子杂志、相关学习软件等，方便学习者学习。
（七）授课录象。“授课录象”是多媒体演示模块 ，目标是形象化教学。其中包含大量的视频资料 ，使学习者可以从感性的角度加深对知识的了解。
（八）特色项目。“特色项目”是教师或学生在汽车电子技术方面做出的某种研究，最终目标也是供学习者学习探讨。
二、导航设计
由于学习者在网络课程的学习过程中是以自主学习为主，缺乏教师的指导，易产生迷航现象，因此清晰明确的导航在网络课程设计中显得尤为重要。在本课程中，为方便学习者学习，站内链接导航条始终出现在屏幕的右上方。在网络学习模块中，左边提供卷轴模样的下拉式导航条，学习者可随时选择某一章的学习栏块，直接进入相应的页面学习。
三、界面设计
《汽车电子技术》网络课程运用先进的网页制作工具，设计大量形象生动的图片和动画，激发学习的热情。界面是学习者与计算机进行人机交互的窗口，包括显示界面和操作界面。在设计时要时刻注重界面清晰；在操作方面，交互性、可控性强。
网络课程是由一页一页的网页按照一定的顺序和结构组织起来的。页面既是网络课程的组成部分，也是《汽车电子技术》所有教学内容的展现形式，也就是说网页设计是构建整个网络课程的灵魂。
（一）页面的布局。在《汽车电子技术》网络课程的页面设计中大都使用了“T”型页面结构设计，将导航和呈现的内容合理的分开设计，页面布局清晰可见。
（二）页面文字。页面文字本着尽最大可能突出主题的原则组织的。文字的字体不超过三种字体，字号的选择不宜过大，否则会使页面显得非常杂乱和拥挤，令学习者眼花缭乱，无从下手。字号的选择也不宜过小，这样会使学习者容易疲劳。
（三）页面颜色。页面的色彩是页面设计中一项重要内容 ，它贯穿于整个页面设计的过程中 。恰当使用不仅可以增加网络课程的艺术欣赏性 ，而且可以吸引学习者注意力 ，促进对屏幕上各部分的识别、突出差异 。但如果使用不当 ，则会分散人的注意力 ，使视觉容易疲劳 。在选择时应考虑课程内容表现的需要、课程的总体风格、教学对象的色彩心理特点以及色彩本身所表达的含义等等因素 。总的来说 ，网络课程的页面色彩搭配要和谐、自然 ，给人以美感 ，注意颜色数量的多少 ，避免色彩过多过杂 ，尽量作到风格统一 。色彩的选择尽量鲜明、独特、与所设计的内容相协调一致 。
（四）页面图形。用图形说明、解释问题具有形象、直观、生动的特点 。本网络课程的图形图像大多采用photoshop工具进行处理过，使用起来更鲜明生动。
（五）页面趣味性。为了增加学习者的学习兴趣 ，减少学习过程中的枯燥性 ，在网络课程中加入适当的动画来展现教学内容，效果会比较好。
