网页界面设计论文篇（1）

二、网页应用界面的情感化设计分析

“情感”是人们对自身周围的事物以及对自身的态度的体验，它是人对客观事物的主体反映。根据唐纳德教授在《情感化设计》一书中的论述，情感化设计分为本能、行为以及反思三个层次。本能层次是用户通过外界的刺激而做出的第一反应，具有先天性，因此，在对网页界面进行设计时需要充分考虑本能层次的物理特性，将本能层次的特征融入设计的界面当中。行为层次主要是指利用简单有趣的设计为用户提供最方便网页浏览布局和清晰明确的操作导向，使用户在运用中在情感上得到体验。反思层次是意识反作用于客观事物的一种表现形式，是人们最高的情感水平。网络用户通过浏览网页界面后产生的更深层次的感知和情感，往往受到不同主体认识的不同而有不同的情感变化。通常反思层次有助于提高用户的忠诚度，建立起用户与产品的长期联系。情感设计的三个层次相互影响，在本能层次得到满足后，产生行为层次，然后体验后，产生对网络界面的反思层次，在对网络应用界面设计中应当注意三个层次的相互作用，将情感化设计贯穿于三个层次中，提高用户的认知度，为用户带来情感愉悦和舒服的体验。

三、我国网页应用界面设计的现状及存在的问题

由于我国情感化网页设计起步相对较晚，缺乏理论依据，存在着众多不足，其主要有以下几个方面。

1.内容方面的问题

通常网站网页是进行信息传播的承载体，往往包含了众多的内容，但在国内的一些网站网页设计时内容相对混乱，分不清主次。还有一些网站为了向用户传达更多的信息，对网页界面嵌入各种软件以及各种各样的内容，使用户感觉杂乱无章，忽略了页面设计的整体性和主次感。此外，还有一些网站为了商业利润，在网页界面中填充了大量的广告，容易让用户在使用时产生抵触情绪，降低了情感化的体验效果，同时，网页广告界面往往自动弹出，强制用户“消费”，缺乏对用户的尊重。

2.网页界面板式雷同化严重，缺乏创新

网页应用界面在设计上大多都是遵照一种设计样式，除一些网站在设计时根据自身的实际情况，对界面内容进行分栏分类，对色彩字体进行搭配，其他大多数设计的版本内容布局高度雷同化，缺乏创新，使用户容易产生视觉疲劳，很难吸引用户的注意力，降低了情感化的体验。

3.网页应用界面设计普遍缺乏情感

情感化的网页设计能提高用户在浏览网页时的舒服程度，还能提高用户的自我标识，但是在实际的网站网页界面设计的过程中，往往只是满足功能上的需求，追求界面的效果，忽略了在网页中添加情感因素，在视觉色彩的应用上也相对混乱，造成用户情感体验的效果不明显。

四、网页应用界面的情感化设计

通常进行网页界面的情感化设计需要明确进行网络界面设计的目的，即构建一个使用户在视觉上产业愉悦的网站，以提高用户对该网站的忠诚度。一般来讲，网页界面设计目的包括实现网站服务、良好的视觉效果以及可行性和易用性三方面。因此，网站的网页界面的情感化设计需要围绕着上述的三个目的展开。

1.色彩的设计

网页的应用界面的色调通常包含了文字的颜色、主板的色彩、所含图片的色调等几个方面。首先，图片的设计是将抽象化的物体转化为直观的视觉效果，图片的色调可以直接进入用户的视觉体验，进而产生本能层次的情感，因此，图片色调的选择要符合主题内容，与整个网页的风格相匹配。其次，文字色调的设计，文字是传达网页内容的主要方式，是网页界面的主体，其字体的颜色需要与整个网页界面的设计搭配，使用户在阅读时不产生疲劳感；最后，主色调的设计，主色调是整个网页界面的背景，在对主色调设计时要遵照使用户舒服的原则，防止色调太强，而影响文字主体阅读的困难。

2.合理统一的布局

对网页界面合理统一的布局是指在网页界面有限的空间内，对文字、图片、色彩等元素进行统一的设计编排，使整个界面显得和谐统一，不至于出现内容混乱的局面。因此，在对网页界面设计中，既要加入人的情感因素，同时又要进行合理的布局，这样才能让用户在使用过程中产生情感上的依赖。

3.方便易用的操作功能

通常网页界面设计要以方便易于操作的功能为前提，使用户在使用过程中，能够用最短的时间进行操作，并接受该功能的应用。

4.对网页界面的情感化设计的创新

创新是设计的动力源泉，一方面，只有不断创新才能满足人们提出新的需求，另一发面，创新是人们劳动性的创造，将情感和抽象思维相融合，设计到网页界面的布局中去，提高用户网页界面体验的情感效率。

网页界面设计论文篇（2）

网页设计人性化组要是根据人体的生理与心理、行为习惯、思维方式等等方面的因素作为网页设计的实际出发点，然后总结在网页访问时访问者的特点，然后针对性进行设计，确保在操作过程中，访问者不仅能够拥有美的享受，同时还能够得到心理方面的尊重以及生理上的关怀，最终达到设计当中的人性化目的。

一、计算机网页界面设计中人性化设计的本质要求

网页界面的设计要求内容与形式的统一，将艺术与技术相互的结合起来，属于一种新的艺术形式[1]。

网页界面设计要求能够与人的行为习惯相互结合，能够满足人的内心情况以及思维方式的转变，基于原本的设计性能与功能，优化网页界面，这样才能够保障用户使用起来更加的舒适、方便，同时也满足了用户最基本的身心两个方面的要求。

二、计算机网页界面设计中人性化的元素体现

目前，就互联网各大网站的设计来看，都拥有自身相对人性化的设计，则主要是对于导航的设置，它要求了每一位用户都能够通过最快、最便捷的方式找到自身所需要的信息。在网页界面的设计中，衔接是最主要的一个部分，仿佛就是网站当中的中枢神经系统，通过设置这一部分的链接，就能够让用户快速地找到自己想要的页面，其中要求的人性化连接设计就是要求了无论是在何种状态下，用户都能够对自身所处的位置有明确的了解，并且可以利用最简便的方式达到自己想要的网页界面。而网站当中的按钮又是网页节点的中枢神经元，在细节之处就能够让用户拥有一种人文的关怀。

所以，开展人性化的按钮设计，从组合、造型以及设计等方面入手，考虑到按钮本身的识别性、位置、组合关系以及人机性等多个方面的因素[2]。另外，在设计计算机网页界面的时候，还需要考虑到图形方面的设计，不能够让用户认为图形过于的乏味单调，但是却也不能让用户感觉到界面过于的花哨，图形应该尽可能在保持用户界面浏览方便的同时，还能够富含一定的美感与精美的动画设计，如此，就可以让网页界面拥有良好的动态效果，避免用户因为过多的静态，带来视觉上的审美疲劳。

当然，交互性的设计工作也是计算机网页界面设计中不可忽视的，这也是对个性化特征体现的主要方面，也就是在留言板、BBS论坛等等方面让用户感受到人性化设计的美感，让用户感受到网页界面时尚感与科技感共存。此外，在计算机网页界面的设计当中还需要考虑到多媒体、布局、色彩以及文字等多个方面的人性化特征，比如：在页面正文内容上面尽量避免使用粗体或者是斜体;在文字方面尽可能避免装饰性太强的文字的使用等，在图形上尽可能选择gif格式和jpg格式，如果是大型的图片，尽量避免滚动条图片的使用，如此的操作才能够给用户一种赏心悦目的感觉。

三、计算机网页界面人性化设计的一致性原则

在计算机网页界面的设计上还应该考虑到一致性的操作概念，在浏览的方式、内容的安排以及版面的设计商，设置是色彩、按钮或者是导航栏都应该保持统一的一致性设计。这样的设计给访问者带来的是预期的行为模式，同时也是操作上的安全感，不会因为网页的凌乱，给自己带来不知所措的混乱感。

每一个网站都是由过个层级的页面共同组成的并非只拥有一个单独的页面，如果网站没有一致性，让用户从一个页面点点击进入到下一个页面点，就会给用户一种不知身在何处的感觉，所以，在网站建设上需要保持设计的一致性。比如：统一的色系、固定的版面排版以及固定的标题图标等等。

四、计算机网页界面人性化设计的简单易用原则

如果网页页面的内容过于复杂，就会让用户产生一种难以操作的感觉，也许这样的网页能够带给用户更多方面的信息，但是在版面的设计上还是应该考虑到简洁，避免用户出现无从选择，操作复杂的感觉。另外，网页界面应该很容易学习怎么样去操作，甚至是不需要学习就可以直接操作。Norman曾经提出，我们不需要去学习，只要我们拥有天赋的推理以及对过去经验的积累，那么我们就可以面对一切使用方面存在的问题。如果真正需要重新去学习知识，那么着一定就是设计师出现了错误[3]。

五、计算机网页的人性化访问的操控性原则

用户操控性原则指的是用户如何去决定与网站之间相互的互动。部分网站希望在界面上直接的呈现出大量的图片、动画或者是文字，认为这样可以让用户感觉到这一界面提供了丰富的信息。但是却不知识，如此盲目地堆积各种信息，却忽视了用户自身的阅读感受，大多不必要的信息反而会对用户正确信息获取的效率带来干扰。所以，要重新归纳分类这一部分信息，然后对其进行重新的整编处理，让可以通过相应的信息编码分类来找到自己所需要的知识。比如下图1当中所示的通用汽车网站，当鼠标移动到“OurMission”的时候，页面就会展开如图的界面信息，当鼠标移开的时候，就会自动将菜单回缩，这样不仅给用户一种完全自主的选择，同时也保持了页面整体上的简洁。

图1 通用汽车页面

六、计算机网页的人性化的效率原则

在计算机网页界面的设计中，还应该考虑到网页本身打开的速度，不能够放置多媒体文件或者是过大的团，这样才不会影响到网页整体的载入速度，避免用户等待过长的时间，从而影响到用户继续浏览网页的心情。很多网页为了追求用户看到第一眼效果的绚丽，在网页上载入了很多动画的效果，这样不仅会对网页打开的速度产生影响，同时还会让用户产生一种放弃的感觉。所以，只有高效的网页交互，才能够让王赞的访问用户拥有一种舒畅之感。

七、结语

随着计算机网络的不断普及，也使得计算机网页界面的设计工作面临更快发展的同时，也面临了新的挑战。作为网页界面的设计人员就应该考虑到设计的人性化问题，打破传统意义之下的平面设计理念，如此，才能够让网页界面设计更具人性化，让每一位网页用户都能够愉快的使用网页。

参考文献

网页界面设计论文篇（3）

随着互联网络的迅猛发展，信息传播业面临一场深刻的变革，网络作为一种全新的大众传媒，具有迅捷、及时、价廉、交互性好、传播面广的特点.作为网络传播中最主要的载体――“网页”，其设计是一种新的视觉表现形式，它兼容了传统平面设计的特征，又具备其所没有的优势，是将技术性与艺术性融为一体的创造性活动。本文尝试从网页界面设计的形式、方法和特点等三个方面，对这个新的艺术设计领域进行初步的归纳总结和理论探讨。强调网页界面设计“技术”和“艺术”两方面的内容;提出网页界面设计应具备艺术性、交互性、多媒体性、实用性、操作性、技术性等六大特点。在明确了网页界面设计与网站主题的关系的基础上，提出了“美观”和“功能”都是为了更好地表达网站主题这一观点。[1]

互联网里面的信息是以二进制的数字化形式存在的，用户要看懂这些信息，必须使用网页浏览器将数字化的HTML语言转换为普通的文字，图片，声音，视频。因此人与网络信息之间存在一个相互作用的网页界面。网页界面设计的中心便是“信息传达”这一主要目的。与传统媒体不同，网页除了文字和图像以外，还包含声音、视频和动画等新兴多媒体元素，更借助由代码语言所实现各种交互效果，使得网页设计者需要考虑更多页面元素的排布、优化。所以网页界面设计是一门新兴的设计和网络的交叉学科，它本身以网络为载体，要把各种信息以最快捷、方便，美观的方式传达给网站的浏览者。网页不光是把各种东西放上去，能看就行。要考虑网站的浏览者能更多的和更有效率的接收网页上的信息。这就需要结合使用方便的要求，制作出清晰、整体性好的页面。接收信息也会更加容易，同时提升网站的形象。

网页设计是伴随着计算机互联网络的产生而形成的视听设计新课题，是设计者依照设计目的和要求进行的创造性思维活动，在此过程中包括了“技术”与“艺术”两个必需的网页元素，因此在进行网页设计中要考滤到以下3个方面;

1.网页界面的尺寸大小;不同于传统平面媒体的设计，网页页面尺寸和显示器大小和分辨率有关系，分辨率越高页面尺寸越大。浏览器的工具栏也是影响页面尺寸的原因。一般目前的浏览器的工具栏都可以取消或者增加，当显示全部的工具栏时，或关闭全部工具栏时，页面的尺寸是不一样的。[2]

2.导航操作方便快捷;网站是一个整体，网页在设计时就要考渡到各个页面之间的链接和网站之间的超链接。一个优秀的网站也是一个易操作的网站。

3.兼顾美观与网络速度;为了达到界面美观漂亮的视觉效果，不能以牺牲网页下载显示速度为代价，图像和动画是网站中最主要造成传输速度缓慢的文件，在保证所需清晰度的条件下，尽量压缩图像和动画文件的大小。

在充分理解以上三点的前提下如何设计出兼顾“艺术”和“技术”的网页作品，本文认为主要是“版式设计”、“组织内容”和“颜色搭配”三个方面;

版式设计就是网页中的文字、图像、动画和装饰图案在网页版面上编排形式的设计。版面设计相对于网页设计来说是一门相对具有独立性的设计艺术，它研究的是平面设计的视觉语言与艺术风格，版式设计一般表现为平面，它具有这样的特点：形式灵活，一个版面有文字、有图案，文字可以横排、可以竖排，字号可大可小，字体可方可圆，能够增加美感，吸引受众注意。网页版式设计就是将文字、图形、动画等视觉元素进行组合配置，使页面整体视觉效果美观和谐，便于阅读，实现信息传达的最佳效果

何理组织网页内容;总的来说网页内容主要包括文字、图形、多媒体等几个方面。

文字

文字元素是信息传达的主体部分，从网页最初的纯文字界面发展至今，文字仍是其他任何元素无法取代的重要构成。这首先是文字信息符合人类的阅读习惯，其次因为文字所占存取空间小，节省了下载和浏览时间。网页中的文字主要包括标题、信息、文字链接、几种主要形式。标题和传统媒体中信息传达的基本作用相同，是内容的简概说明一般比较醒目、优先编排。文字作为占据页面重要比率的元素，同时又是信息重要载体，它的字体、大小、颜色和排布对页面整体设计影响极大，应精心处理。[3]

图形（图像）

图形在网页界面中具有重要作用。图形的出现，打破了网页初期单纯的文字界面，也带来了新的直观表现形式。很多网页中，图形占据了重要页面，有的甚至是全部页面。图形往往能引起人们的注意，激发阅读兴趣，图形给人的视觉印象要优于文字，合理的运用图形。可以生动直观、形象地表现设计主题。网页中常用的图形格式包括jpg和gif，这两种格式压缩比高，得到了规范浏览器的支持，下载速度快，不需要浏览器安装插件即可直接阅览。以图像作为标题和链接可以使网页具有更好的视觉效果，配合文字增强生动和形象性。需要特别注意的是背景和主图的作用。以图形为背景能衬托主题的表现，增加网页的层次感，使网页不再但点枯燥，融入设计者的风格。主图与背景和装饰性小土不同，背景是衬托主题，主图则是突出表现主题。主图是整个网页的视觉中心，它具有直观性强的特点，可以为单调的文字信息增强活力，不需要象文字那样去逐句阅读，可以不受文化水平的限制，能给人强烈的视觉信息。

多媒体

利用屏幕显示的优势，运用多媒体元素（主要包括音频、视频和动画），网络传播可以说是多媒体的传播，网络传播，实际上是三大媒体的综合体，网上音频、视频、节目，等于开办了网上电台、电视台、这些构成了网络信息最吸引人的元素。

理搭配网页颜色：网页的色彩是树立网站形象的关键之一，色彩搭配却是网页设计的主要问题。网页的背景，文字，图标，边框，超链接...，应该采用什么样的色彩，应该搭配什么色彩才能最好的表达出预想的内涵呢？本文认为可以将颜色分非彩色和彩色两类。非彩色是指黑，白，灰系统色。彩色是指除了非彩色以外的所有色彩。网页制作用彩色还是非彩色好呢？根据专业的研究机构研究表明：彩色的记忆效果是黑白的3.5倍。也就是说，在一般情况下，彩色页面较完全黑白页面更加吸引人。

因此网页设计中可以将主要内容文字用非彩色（黑色），边框，背景，图片用彩色。这样页面整体不单调，看主要内容也不会眼花。根据网站主题选择好切合自己的色彩，使用与网站内容相关的颜色;无论用非彩色、单一色彩或彩色都可以设计出简洁精美的网页界面。

参考文献：

网页界面设计论文篇（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软件之前，用的是Golive这个软件，再后来就用传统的做法，在html中嵌入Java程序编写的动画，但这要求设计者要对Java语言熟悉。随着软件的发展，如今有了许多制作动画的软件，二维的、三维的等等，如现在我们用的FLASH软件，用它制作的动画，小巧迷人，只需作为一个.swf格式文件导出，再导入到网页编辑器里就可以了。

1.3文本的编写一般是采用在网页中用html语言中的标签编写,也可以用网页编辑工具的“所见即所得”功能直接写入文字，如摘要：Dreamweaver软件或者Frontpage软件等都可以进行文本的编写。还有一点要注重的就是，显示文本的时候，设计者的机器上装了很多漂亮的字体，设计的时候采用了，但是等上传到网上以后，别人在浏览的时候，假如别人机器上没有安装字体，那就显示不出来我们采用的漂亮样式字体，因此，在考虑网页界面艺术设计的基础上，我们是把文字提前在Photoshop或Fireworks可以将字体先选择自己喜欢的样式，然后转换栅格化图片再用切片切成小块，分别进行优化。输出的格式可以为gif或jpeg，再导入到Dreamweaver进行具体编辑，做链接可以用图片特有的属性进行热区链接，这样就完成我们想要的字体样式效果了，就不会出现字体样式显示不出来的情况啦。

1.4框架的应用框架是网页的常用形式，它可以使网页更为清楚，可以把不同的页面超链接到同一框架中，使的页面更加紧凑。一般框架用在小说浏览页面，或者介绍图书章节的部分，或者教学网页用到的的框架比较多。

1.5表格的应用表格是网页中用处最广泛的，可以布局，定位等等，它是网页中最活跃的元素。它的应用可以使用网页更加灵活。表格(br)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候，我们将表格的边框设为0，以此来定位页面中的元素，或者籍此确定页面中各元素的相对位置。我们知道摘要：浏览器在读取网页html源代码时，是读完整个br才将它显示出来的。假如一个大表格中含有多个子表格，必须等大表格读完，才能将子表格一起显示出来。我们在访问一些站点时，等待多时无结果，按“停止”按钮却一下显示出页面就是这个原因。因此，我们在设计页面表格的时候，应该尽量避免将所有元素嵌套在一个表格里，而且表格嵌套层次尽量要少。在使用Dreamweaver制作网页时，会自动在每一个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）

全新的网络经营模式让商业活动的利益链条不断扩增，在线交易平台为人们提供了一个非常便利、快捷的消费环境。中国拥有数量众多的网络消费群体，在联营方式和网络销售模式上，C2C电子商务网站通过界面设计为用户提供了一个良好的用户体验。与此同时，用户体验也影响着消费者对网站的忠实度和访问诉求，所以如何通过界面设计提高用户体验效果，已成为广大网站设计研究者讨论的热点问题。

一、国内外电子商务网站界面设计

（一）国外研究现状

在世界市场环境的影响下，国外的电子商务网站的发展速度飞快，面对机遇与风险并存的网络消费市场，国外发达国家在网站界面设计上，更注重满足用户需求，为用户提供不同的文化背景和消费模式，在满足用户消费诉求的情况下，拓展网站展业结构链条，增加消费项目[1]。所以相对于美国、英国、法国等发达国家来讲，用户需求的差异性是主导其网站界面设计主题的关键因素，不同文化体现不同设计理念，不同设计理念影响网站界面产生不同的设计风格。美国著名网站界面设计专家Patricia L在研究网上商店的消费格局中发现，用户体验是影响其消费行为的决定性因素，同时电子商务网站可以利用界面设计产生的视觉刺激增强用户的购买欲望。

（二）国内研究现状

目前，我国有75.34%的网络购物人群选择在C2C电子商务网站中购物，作为最具影响力的两大网站――淘宝和易趣，无论是商品数量还是注册人数都居全国前列。淘宝和易趣在网站界面设计方面都采用了先进的设计理念，针对不同种类的消费者制定不同的消费购买程序，如果用户初次进入网站进行消费，则网站会在用户注册之后，随机附赠一个体验调查表，用户根据自己的消费经历，对网站服务情况进行综合测评[2]。以用户体验为主导C2C电子商务网站的界面设计项目都具有高度的科学性和消费价值。综上分析可知，文化背景、消费理念以及用户体验对网站界面设计的影响存在某种关联性的差异。

二、电子商务网站设计中用户的重要地位

在C2C电子商务网站中，网站界面是呈现给网络消费者最直观的经营表象，作为消费行为的主导者，网站界面能否让用户产生依赖感，感受到网站的消费信用和经营魅力，是促成在线交易行为的关键。所以用户对于C2C电子商务网站设计内容的影响很大，与传统实体经营模式不同，电子商务网站呈现给消费者的产品实体价值地位很弱，在整个交易过程中，消费者都是通过网页浏览研究并制定消费计划的，所以在消费者看来，界面的规整度、真实性、感官价值是其衡量产品质量的重要标准，在虚拟的消费环境下，用户的一切消费思想和行为都会依附于网站界面呈现给他的直观感受[3]。由此可见，用户体验对C2C电子商务网站设计项目的主导意义非常强，网络运营商需以用户体验为中心，制定合理化、科学化的界面设计方案。

三、以用户体验为中心的界面设计

（一）用户体验的理解

1.用户体验概念分析

用户体验是指用户在操作网站界面时的感受，在进行消费动作过程中一切心理活动，从心理学角度讲，每个人对事物的体验感受存在明显差异性，所以作为一种消费情绪，用户体验的消费价值和营销价值并不固定，很难以固定模式来展现[4]。

2.用户体验的构成要素

根据C2C电子商务网站的经营特征和发展结构，可以将用户体验分为五个模块，战略模块、范围模块、结构模块、框架模块以及表现模块，这五个模块的功能是具有关联效应的，对网页设计与消费结构的影响很大。战略层是围绕整个网站页面的设计定位组成的，交易内容和价值体系是战略层主体的设计内容；范围层，运营商会将产品进行分类，在加入检索功能后，消费者可以轻松、快速的找到所要购买的商品；结构层可以帮助用户设置商品，简化操作环节，让消费者能够随着消费心理的变化自由更换消费物品；框架层融合了信息布局、导航布局、界面布局等多个结构设置信息，注重的是各商品元素的交互排列；表现层是与用户距离最近的功能模块，通过文字、图像、动画、音乐等感知因素，给用户提供消费提示，为消费者创建一个良好的印象和感受。

（二）以用户体验为中心进行文字编排

文字是最早引入C2C电子商务网站界面的元素，透过文字网站可以提供给消费者多样化的消费信息，在文字编排上文字具有高度解释和说明功能。用户体验在界面文字设计中应保持原始解释功能，还应突显出消费者最关注的消费信息。通过动态图形渲染、符号化文字衬托、图文结合设计采用主次穿插的形式来表现文字信息，可以增加各种文字信息在构图关系上的关联性[5]。网页设计人员还应针对不同模块功能的页面，个性布局，让文字体现出信息感染力和体验价值。综上分析可知，文字大小、格式、布局、信息组合结构等对网站界面构图情况的影响很大。

（三）以用户体验为中心的色彩设定

1.色彩在视觉流程中的应用

色彩在页面设计中占有主导性地位，大量信息在表现层中会出现色彩的偏差，这些偏差不仅可以增强页面视觉效果，还能提高色彩信息的融合程度。色彩对比是使用色彩的唯一标准，利用画面色彩调合以增进文字与图像之间的设计关系，尽可能的突显出页面的消费主题。用户对色彩的认知程度和理解程度对色彩的应用细节有着重要影响，所以在视觉流程中色彩要想突显出其设计作用必须依靠色彩焦点感应，利用画片色彩的多样性提高消费者对网页的关注度，同时提高色彩布局的规范化、合理化[5]。色彩不仅可以奠定网页的主题，还能提高内容与画面的连接作用，展现出网页设计的形态美和动态美。内容与结构上的统一也可以从色彩中表现出来，所以色彩设计最根本的目的在于通过色彩抓住消费者的视觉聚焦。与此同时，色彩的生理平衡和心理平衡常常是无法分开的，唯有色彩与表现的内容与情感统一才能最充分展示色彩的动人心弦的力量。

2.色彩与主题的联想

从认知的角度分析，色彩与网页设计主题具有高度的联系作用和价值，色彩不仅能够引起消费者消费行为，还能让消费者对网页销售产品产生一定的主观联想。对用户体验进行系统的调查分析可知，C2C电子商务网站在网页设计风格上、色彩搭配上、商品色彩主题呈现上都具有很高的决策作用。消费者在浏览网页过程中，会依照网页展现出来的色彩设计理念判断网络商店中商品种类、商品质量、店家可信度等因素。与实体经营不同，网络经营的产品对消费者知觉的影响并不大，因为消费者并不能触摸到、了解到商品[6]。色彩主题会增强店铺的品牌形象，一个具有特色的色彩品牌会提高经营产品的商业价值，所以以用户体验为主导的色彩主题设计是网页界面设计中的重点和难点。

（四）以用户体验为中心的图片交互性设计

图片能客观的反映出经营商品的实体形态，所以选择正确的交互界面元素布局对网站设计的指导意义很大。网站上各功能模块能够间接、直观体现整个网站系统的经营关系，所以每个页面都需利用实体产品图片实现元素的交互与融合。图片交互性设计主要体现在页面布局设计中，通过界面色彩、元素的划分，网站各经营页面会呈现出不同的视觉效果。图片交互性设计主要从三方面来体现[7]：

1.线框图整合

由于线框图有明显设计边界，所以如果要引入大量线框图做边框设计，应将不同种类的图按照产品价格、使用性能、信息内容来分类，在整合边框的前提下，尽可能的增加线框与色彩的融合程度。让消费者能够轻松分辨出不同商品种类的信息特色，以最大限度的提高用户体验价值。

2.定义核心导向

图片交互性设计虽然能够改变网站界面的传统设计理念，在色彩组合上突破固有设计观念，大胆启用先进设计思想。但是图片交互的影响内容也很多，如果处理不好，会让用户感受到整体页面是通过图片堆积而产生的，让消费者感到毫无美感，多商品失去消费意愿。所以应在图片交互设计中引入定义核心导向，在增加视图美感的情况下，明确产品与信息的经营关系，做到页面设计的和谐统一。

3.整合信息框架

图片与文字相同，具有整合信息的作用，所以为给消费者提供丰富的信息资源，在网页设计上一定要突显出图片信息整合的作用，在主导页面设计格局的同时，引入视觉设计理念，在结合用户体验的前提下，提高图片与文字的和谐统一性，提高图片与色彩的共融性。

四、C2C电子商务网站页面设计发展展望

本文基于用户体验对C2C电子商务网站页面设计内容进行了系统分析，通过分析可知，C2C电子商务网站作为我国主流的在线消费网站，其市场经济价值很高。要想推动C2C电子商务营销的效益额增长，首先要抓住消费者心理，提高用户体验对营销策略、网站页面设计、网站营销能力的影响作用[8]。目前，网络运营商对网站页面设计内容非常重视，其战略性发展内容已逐渐从经营策略转化为设计策略。今后几年，随着互联网消费应用的深入发展，人们消费理念向审美角度不断演变，C2C电子商务网站仍面临着严峻的设计与创新压力[9]。

将建模理论引入了网页设计思想，通过理论模型和探究心理学内容，找到了反映用户体验的终极设计原理，S-O-R原理和设计信息传播框架是网站页面设计的新型结构。在C2C电子商务网站运营环境的影响下，C2C电子商务网站页面上合计的用户体验价值会充分的展现出来。从图片交互设计上，研究者应努力革新传统色彩应用理念，增加现代色彩布局原理与传统色彩应用内容之间的关联性。将用户体验设计要素直接、主观的展现在网站页面中，让用户从感官、认知、情感等体验层，了解网站营销产品的信息。同时，还应在此基础上制定符合网站营销理念的网页设计方案，以成功设计案例为主要研究对象，在设计之前积极主动搜集一切有关用户体验的信息和数据，将数据引入评价模型，按照评价模型建设并创建网站页面主题。找到具有针对性价值的C2C电子商务网站设计原理和研究方法，通过用户体验设计来提升网站价值，作为今后C2C电子商务网站的新功能模块时的标准参考[10]。

通过上文对C2C电子商务网站界面设计内容进行深入分析可知，以用户体验为主要设计思想的设计理念，可以增强运营商与消费者之间的信任感，为长期交易发展提供良好的交流平台。中国网络消费者的消费理念更注重长期效应，所以C2C电子商务网站要想提高界面设计的消费价值和理念意义，必须时刻关注用户体验的变化情况，适当调整运营界面布局和信息，以保证网站对信息的显示功能、设计功能、解释功能、刺激功能最大化。

参考文献：

[1]苏倩.基于中国C2C电子商务网站的用户体检研究[J].北京邮电大学学报（社会科学版），2013，12（06）：119-123.

[2]潘越.基于可用性研究的C2C电子商务网站界面涉及[J].重庆师范大学学报，2012，11（01）：119-124.

[3]周懿.基于用户体检研究的C2C电子商务网站设计[J].上海交通大学学报（社会科学版），2012，14（25）：125-137.

[4]张海昕，郭丹，刘正捷.中国C2C电子商务网站的用户体检[J].大连海事大学学报（社会科学版），2012，13（05）：129-136.

[5]梁擎.试论我国C2C电子商务网站服务中的用户体验[J].信阳农业高等专科学校学报，2012，23（04）：125-129.

[6]郭丹，钱凯，郭志伟.C2C电子商务网站本地化建设中的用户体验研究[R].第二届和谐人机环境联合学术会议――第2届中国人机交互学术会议论文集，2012，11（11）：178-193.

[7]罗古松.基于用户体验的B2C电子商务网站服务质量综合评价[J].商场现代化，2012，14（08）：110-126.

网页界面设计论文篇（10）

随着现代网络技术不断发展，社会上对网页设计人才也有着越来越大的需求，因此在高校教育过程中加强网页设计课程教学，对网页设计专业人才进行培养具有十分重要的作用及意义。就当前网页设计课程教学实际情况而言，UI界面设计教学已经成为十分重要的一项内容，可在很大程度上提高学生设计能力，促进网页设计教学进一步发展。作为网页设计课程教师，应当充分认识UI界面设计教学的重要性，并且要通过有效方法及策略加强UI界面设计教学，使其得到理想效果。

1网页设计课程中UI界面设计教学的重要性分析

首先，UI设计教学使网页设计实践中视觉传达设计理论的不适性得以有效解决。对于传统视觉设计理论而言，其研究对象主要为静止媒介中相关视觉现象及规律，其代表主要就是形式、色彩以及图形与文字等一些基础理论课程，其视觉对象大部分都属于二维空间，其基础为视觉感官刺激，是一种信息传递设计。相比于传统视觉传达设计而言，网页设计的承载媒介与其存在本质差异，与静止媒介相比较而言，网络媒介在形式上具备光影效果强化，同时还具备运动现象参与以及交互行为主导，在网页设计过程中以静止形态为基础的版式和视觉流程原理两者之间有严重不适情况出现，网页设计涉及到听觉、视觉及触觉等多种感觉渠道，因此在网页设计实践过程中单独利用传统视觉设计理论很难对其进行指导，而UI设计理念的应用能够使这一情况得以很好解决。其次，UI设计教学使网页设计方法及设计效果具有更加明确的验证方式。对于设计类课程而言，其核心内容就是通过对学生进行启发，使其对设计进行思考及实践，这样才能够使设计教育产生更加实际的价值。在UI设计理论体系中，其核心目标为用户，也就是对用户进行研究，从而对设计更好服务于用户进行研究，在学生将网站项目作为互联网产品实行设计训练情况下，课堂教学中的各个方面均将会更加明确，并且在实行设计实践过程中，也就能够在情感上对所选择设计方法合理性更加容易理解。在UI设计过程中提出信息架构有关理论，这一理论使网站信息结构设计具有更加可靠方法，并且在设计网站导航系统、标识系统以及检索系统与组织系统过程中，可使设计人员责任及实施方法更加明晰。另外，在UI设计中引入用户测试，在检验网页设计方案使用方面具有更加系统的方法，根据具有较强代表性的客户对方案的最终可行性设计进行测试，也就是对其最终目标进行测试。第三，UI设计教学能够使网页设计课程更好应用于网页设计教学。对于UI设计理论教学而言，其对网页技术课程和网页技术课程两者之间界定进行明确，可使设计人员对设计更加专注地进行思考及实践，而不必对程序进行考虑，同时随着当前网页制作工具逐渐向集成化及人性化发展，在面对设计对象中，通过复杂功能可使设计过程更加简单化。在课堂实际教学过程中，应当使学生对当前网页制作技术能够达到的效果有所了解，并且要了解一些基础操作代码，这在实际教学过程中对不同层次学生分配不同任务十分有利，可使因材施教得以真正实现，并且对于课程中的主要任务，可将其定位于教学设计方法，可对设计任务的驱动性及设计实践参与进一步强调，可使学生了解设计并非仅仅为简单制作。①②

2当前网页设计课程中UI设计教学现状分析

就当前实际情况而言，UI设计课程仍属于前沿学科，由于当前UI设计专业就业形势比较良好，很多高校均开设UI设计专业课程，从而使UI设计课程教学得到良好发展。然而，当前我国UI设计产业仍不够完善，当前很多人对UI设计认识仍处于较浅层次，因而当前高校内UI设计教学仍缺乏完善系统，其具体体现主要表现在以下方面：第一，UI设计课程与网页设计课程结合程度比较低。对于UI设计课程而言，其中包含很多网页设计方面的相关知识点，然而很多高校在对UI设计课程进行设计时与其它课程之间出现脱节情况，其所导致结果就是学生无法对该课程知识较好地进行系统性学习。第二，UI设计课程设置缺乏实践性。对于UI设计课程而言，其实践性比较强，然而当前很多院校在实际教学过程中往往存在定位不清楚情况，其所造成结果及时学生未能够对相关专业知识进行较系统学习，导致其在今后社会就业过程中缺乏应有技能。第三，教师素质比较低。在UI设计教学过程中，教师素质会对其产生直接影响，然而在当前高校UI设计教学过程中，很多教师都缺乏专业素质，学历比较低，并且实践能力比较差，未能够较好把握课程教学，导致实际教学效果不理想。②③

3网页设计教学过程中UI设计教学的有效策略分析

3.1进一步完善课程教学大纲

在当前网页设计教学过程中，UI设计课程教学已经成为必须内容，其与其它课程之间具有十分密切的联系，所以在设置课程方面应当对课程教学大纲进一步进行完善。首先，应当对当前教学目标明确。对于UI界面设计课程教学目标而言，一方面是要求学生将各种相关网页设计实践操作方法掌握，并且对各种网页设计规范及标准熟知；另一方面而言，就是要使学生将网页设计相关流程掌握，对于用户设计理念应当准确领悟，并且应当对相关流程熟知。其次，对课时行合理分配。由于UI设计课程内容具有较强连贯性，该课程开始应当安排在二年级或者三年级开设，从而使学生能够将必要基础知识掌握，之所以对课时进行这样的设计，主要目的就是使学生先对相关系统理论知识进行一年时间学习，使其能够将相关基础理论知识掌握，在此基础上对该课程进行深入进一步学习。另外，还能够为学生今后就业划分提供能力进行学习，可使学生依据今后就业岗位对相关学习能力进行锻炼。第三，对设置课程原则明确。在对课程进行具体设置过程中，应当注意遵循相关原则，主要包括人性化原则、反馈原则以及灵活性原则，此外还包括安全性原则与易用性原则。

3.2明确培养人才方案

人才培养方案能够对教学活动进行指导，同时也是教学活动得以开展的依据，人才培养方案对具体教学内容及具体课程设置结构进行规定，在制定人才培养方面为不断进行变化的，人才培养的制定应当以深入社会调研为基础，同时应当与学生实际特点相结合。通过调查UI设计专业人员实际就业情况及社会对学生能力要求，其结果显示当前学生就业能力，尤其学生实践能力仍有一定缺陷。因此，在当前实际教学过程中应当对人才培养方案进行积极探讨，从而将明确人才培养方案制定出来，以便能够对人才培养方向进行合理定位。对于UI设计课程而言，其是以地区产业升级需求为基础，为社会培养实用型高素质人才的一门课程，所以其课程定位应当为确定一体化项目课程。所以，通过进行课程学习，所培养的学生应当具备的技能主要包括以下方面：其一，应当具备牢固理论基础。对于UI界面设计而言，其理论性比较强，若缺乏牢固理论基础，则在今后结业过程中学生也就无法对相关知识点进行熟练运用，所以学生对该课程进行学习的前提就是应当将相关理论知识掌握。其二，应当具备较强的实践操作能力。学生在毕业之后都是要直接进入就业岗位的，所以学生必须要具备较强就业实践能力。其三，应当具备较高综合素质。随着当前社会就业压力越来越大，人才竞争也越来越激烈，学生为能够使自身竞争力得以有效提高，必须要具备良好人文素质及职业道德，同时还应当具备较高的思想政治素质。

3.3积极创新课堂教学手段

首先，应当积极丰富课堂教学方法，进一步激发学生学习热情。传统灌输式教学模式会对学生学习热情及创新思维产生抑制，所以，教师应当改变传统单一教学方法。在实际教学过程中，教师可选择多种方法相结合的教学方式，可使学生通过课堂融入社会，然后再回归课堂，并且可在课堂对自身所设计优秀作品进行展示，使学生在多样化训练过程中能够积极参与。其次，在课堂教学过程中可引入设计竞赛，从而使学生社会实践能力得以增强。在提高学生实践能力方面，设计竞赛属于十分重要的一种途径，所以在UI设计教学过程中可适当引入设计竞赛内容，从而使理论性及实践性实现有效结合，进而有效提高学生学习积极性。第三，可开展作品展示，加强学生之间学习交流。在实际课堂教学过程中，教师可选择课堂展览方式，可邀请同一专业学生共同进行欣赏，使学生能够在参观展览过程中加强交流讨论，从而使学生综合素养能够得以有效提高，促进学生进一步发展。③④

4结语

在当前多媒体网页设计实际教学过程中，UI设计教学是十分重要的一项内容，对网页设计教学进一步发展具有很大促进作用。因此，在实际教学过程中，教师应当充分认识UI设计教学重要性，并且应用了解当前教学现状，从而通过进一步完善课程教学大纲，明确培养人才方案，积极创新课堂教学手段等方式加强UI设计教学，从而使实际教学效果得以提升。

注释

①张军.网页设计课程中关于UI设计教学的探索体会[J].湖北美术学院学报,2009(4).

②张延玲,喻芸.网页设计课程中融入UI设计理念的教学探索[J].电脑知识与技术,2015(34).