欢迎来到易发表网,发表咨询:400-808-1701 订阅咨询:400-808-1721

关于我们 期刊咨询 科普杂志

网页界面设计论文优选九篇

时间:2023-03-23 15:20:49

网页界面设计论文

网页界面设计论文第1篇

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

引言

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

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

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

1.图与底

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

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

2.简明原则

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

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

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

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

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

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

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

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

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

结语

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

参考文献:

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

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

网页界面设计论文第2篇

【关键词】网页界面;人性化;色剂

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

图1 通用汽车页面

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

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

七、结语

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

参考文献

[1]何亭.人性化网页界面设计的进展与展望[J].美与时代(上).2012(09):99-102.

网页界面设计论文第3篇

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

引言

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

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

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

1.图与底

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

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

2.简明原则

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

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

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

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

3.接近原则和相似原则

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

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

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

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

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

结语

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

参考文献 :

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

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

网页界面设计论文第4篇

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

引言

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

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

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

1.图与底

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

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

2.简明原则

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

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

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

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

3.接近原则和相似原则

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

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

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

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

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

结语

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

参考文献 :

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

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

网页界面设计论文第5篇

 

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

引言

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

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

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

1.图与底

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

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

2.简明原则

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

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

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

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

3.接近原则和相似原则

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

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

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

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

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

结语

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

参考文献 :

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

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

网页界面设计论文第6篇

【论文关键词】互联网;网页界面;艺术设计

【论文摘要】在互联网飞速发展的今天,网络已成为人们生活中不可缺少的一部分,无论是在商业、工业还是政府部门中都早已普及开来,如今就连教育事业也都承载着网络这四通八达的命脉迅速的发展起来。网站建设越来越接近于一门艺术而不仅仅是一项技术。网页界面艺术设计,日益被网站建设者所注重。结合自身的经验,阐述了如何制作一个完整的丰富多彩的页面,主要从色彩、框架,布局、优化这几个大方面对页面设计进行描述,对网页界面艺术设计的文字、图形、色彩、多媒体四个要素做了具有特色的分析和归纳,最后对其艺术设计风格进行了深入的分类和阐述,这一部分的重点是对网页界面艺术设计风格的研究。网页作为新兴媒体,有着比报刊、杂志、广播、电视等传统媒体更多的构成要素,如文字、图形、声音、图像和动画等。最后得出页面设计需要时间和耐心去钻研,才能做出好的网页界面艺术设计这一观点。

网页界面艺术设计是伴随着计算机互联网络的产生而形成的艺术设计新课题,是网页设计者以所处时代所能获取的技术和艺术经验为基础,依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动,必然要成为设计艺术的重要组成部分,并随着网络技术的发展而发展。www.133229.coM表面上看,它表面上看,它不过是关于网页版式编排的技巧与方法,而实际上,它不仅是一种技能,更是艺术与技术的高度统一。?网页设计包括风格定位、版面编排、色彩处理、浏览方式、链接功能等诸多方面,其中色彩处理有着举足轻重的作用。色彩既是网页作品的表述语言,又是视觉传达的手。所以首先要了解一个问题那就是:

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 高职院校门户网站设计的必要性

在这个高度信息化社会,高职院校门户网站是最能宣传学院文化、塑造良好学院形象的一种手段,让外界深入了解学院,传播具有鲜明特色、个性突出的学院品牌。高职院校门户网站可以营造一个共同讨论、共同分享的环境,加强教师与学生之间的交流。丰富的网络资源,提供给学生一个先进的学习平台,增添学生对学习资源获取的浓厚兴趣,充分发挥自己的内在潜力。高职院校门户网站成就最佳的教学研究室,学院网站与教育类专门网站的有效链接,给学院教学研究带来一片新天地,各种优秀教案、专家论坛、网络观摩课、各科素材、多媒体课件制作等内容为教师教研提供了极佳的平台,有效地降低教研成本、提高效率。综上所述,高职院校门户网站的建设与设计是十分必要的。

2 前期网站功能策划与设计定位

网页良好的视觉展示,能向浏览者充分展示个人或企事业单位、组织自身的个性特征和企业文化。进行个性化的网页设计,首先必须了解自己要做网站的内容,只有抓住网站内容的个性化特征并且视觉化,然后从网页的界面、导航条、交互方式、文字、图片、色彩、声音、视频等元素入手,才能设计出精彩且个性化的网页。高职院校门户网站的前期网站功能策划与设计定位,需要根据高职院校的办学特色与理念、网页的服务对象、提供人性化的服务(便捷性)等方面进行综合分析,在目标明确的基础上,完成网站的构思创意即总体设计方案,对网站的整体风格和特色做出定位,规划网站的组织结构,制作出栏目结构关系图等。门户网站的整体设计风格要符合学院的整体对外形象,结合我院实际情况,学院网站首页设计的重点将突出功能性和使用便捷性,重新设置了网站结构,完备相关使用功能。在设计过程中,严格遵循四个网页排版原则,即:对比、对齐、重复和亲密性进行设计。

3 网页的个性化设计

高职院校门户网站界面设计思路要遵循简洁实用、使用便捷、整体性强、网站形象突出等方面进行。在网络的特殊环境下,尽量以高效方式将用户所想要得到的信息传送,去掉所有冗余的信息。在满足使用者的要求下,网页做得越适合使用,就越能显示出其功能美。网站设计最终强调的是一个整体,只有围绕一个统一目标所做的设计才是成功的。[1]当然,网页艺术设计绝不仅仅是对网站中界面各构成要素的简单叠加,它还需要设计师从艺术构成和欣赏角度把各个要素有机结合起来,这其中包含了文字、图形图像、色彩、版式等等,协调好形、声、色、动画以及音频等诸多元素之间的微妙组合关系,使之达到浑然一体的结合。高职院校门户网站界面以页面精美化设计为目标,使用PS、AI等设计软件进行设计深化。

3.1 统一的界面风格

目前,网页设计一般分为三种大类:功能型网页设计(服务网站&B/S软件用户端)、形象型网页设计(品牌形象站)、信息型网页设计(门户站)。根据设计网页的目的不同,应选择不同的网页界面设计。高职院校门户网站属于信息型网站设计,需要采用浏览导向清晰的网页界面,使得电脑终端的浏览者看到一个完整的页面。网页界面设计作为一种视觉语言,首先讲究的是页面布局,布局是以最适合浏览的方式将图片和文字排放在网页的不同位置,以求最佳视域。网页布局大致可分为“国”字形、拐角型、标题正文型、左右框架型、上下框架型、综合框架型等多种布局方法。选择哪种布局类型需要具体问题具体分析,要从网站内容、页面结构和表现形式等多方面进行综合考虑。

根据我院的综合情况,门户网站首页总体结构布局采用的是采用上、下、左、右结合的综合型框架,再结合F1ash、GIF动画,使页面形式更加多样,视觉冲击力更强。上部是学院基本信息区,主要包括学院名称及标志、校训(中英文)、搜索栏、设为首页栏等。中部是学院展示区,主要包括大幅面的学院形象图片(校园风景/各类重大活动图片等进行动态切换)、导航栏、临时公告信息栏。下部则为主要功能区,采用左、中、右的布局,其中左边是新闻图片展示(动态切换)和校内导航,中间为学院新闻、公告浏览,右边则是快速登录、专题网站(动态切换)、友情链接等功能栏目。整齐划一的界面风格,图文结合的疏密位置关系所产生的空间层次富有弹性,给人以简洁大气的视觉效果。

网络资源的优势之一是多媒体功能,要吸引浏览者注意力,网页的内容可以充分调动Gif、FLASH等动态图像来表现。在我院网站首页界面设计中,中部学院展示区、新闻图片展示区等局部区域采用大幅面的学院风景、新闻图片进行动态循环切换,这样既可以多角度呈现丰富的学院信息,也可以吸引浏览者注意力。

3.2 合理的色彩搭配

色彩是艺术设计中重要的视觉元素之一,好的色彩搭配能够给人以强烈的艺术感染力和视觉冲击力,会给用户留下深刻的印象。[2]在网页色彩设计中,要充分利用色相、纯度、明度、远近、冷暖等对比关系丰富网页的视觉效果,设计中首先要确定该网页的主色调及辅助色,以及文字、配图的色彩效果。为了做到主题鲜明突出、要点明确,应该使配色和图片应围绕预定的主题,调动一切手段充分表现门户网站的个性和情趣,办出门户网站的特点。

南通航运职业技术学院是一所立通,围绕水上运输产业链设置专业,办学特色鲜明的全日制高等职业院校,在其门户网站的色彩搭配设计中充分考虑学院的办学特色、形象定位、网站访问用户的文化背景、视觉显示终端对网站界面色彩呈现的影响等方面因素,最终网站界面主体色采用大面积的海洋蓝与点缀其中的高雅灰进行穿插搭配。蓝色象征着大海,也象征着知识、逻辑、一切的客观存在的精神,象征了理想、梦想、未来这些令人憧憬的事物,与学院的办学理念及特色不谋而合。灰色,在色彩学上属于中间色,意即是既非暖色又非冷色,而是介于二者之间的色调。灰色象征着理性、智慧、诚恳、沉稳,是一种稳重而高雅的色彩,对于中间色来说,在色彩搭配上可以跟任何一种颜色进行搭配。在学院门户网站界面设计中,大面积海洋蓝与高雅灰的色彩搭配,穿插大小不一的彩色动态新闻图片,整体界面在视觉显示终端能呈现出稳重而不单一的色调。

3.3 便捷的操作浏览

高职院校门户网站界面的设计,应尽量将更多丰富的学院信息资源及相关内容展现给浏览者,方便浏览者使用。因此,浏览者进入界面之后,应保证界面导向清晰明确、交互式强、快速下载时间等设计因素,使其过程操作简单,方便易读。

网站的界面设计发挥网络的优势,让每个使用者都参与到其中来,体现其强大的交互性,这样的设计才能算成功的设计。多页面站点页面的编排设计要求把页面之间的有机联系反映出来,特别要求处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果,反复推敲整体布局的合理性,使浏览者有一个流畅的视觉体验。在互联网上30秒的等待时间与我们平常10分钟等待时间的感觉相同。因此,建议在高职院校门户网站界面的设计中尽量避免使用过多的图片及体积过大的图片,主要页面的容量应确保普通浏览者页面等待时间不超过10秒以保证其快速地下载时间。非图形的内容在必要时适当使用动态“Gif”图片,为减少动画容量,应用巧妙设计的Java动画可以用很小的容量使图形或文字产生动态的效果。

4 网页的后期推广、更新、安全与维护

高职院校门户网站界面的设计制作好启用后,需及时跟踪所有使用者,收集其使用反馈意见,及时进行页面设计调整,以达到最优效果。因为网页制作需要时时更新,而维护更新的工作更需要专人专做,要及时更新信息,并把网页上已经作废的链接及时删除。

5 结语

优质的高职院校门户网站界面设计,是各高校的一张无声名片,更是提高教学管理、网络化服务,院内外各系部适应教育信息化发展趋势的必然途径。紧紧抓住各高职院校的办学特色与理念、网页的服务对象等方面因素,设计出符合当代浏览者审美和实用功能需求的优质界面,为使用者提供便利服务,以此提升学院品牌形象,实现信息服务的可持续发展。

参考文献:

网页界面设计论文第8篇

关键词:计算机网页;界面设计;人性化

中图分类号:TP393.092

计算机网页界面设计应该具备一定的人性化特征,它不仅可以为人们带来浏览的方便,更可以在网站与用户之间建立起深厚且紧密的情感联系。因此,作为人们对于网站的第一印象,网页必须给用户带来好的视觉感受与体验,它应该是是“为人而设计”的真实体现,是建立在理性的功能的基础上,是人与高科技的融合剂。

1 计算机网页界面设计人性化的必要性分析

计算机网页界面设计就是对信息的动态传达,是在虚拟空间中进行的一种信息交流,它更为具体化和形象化,在信息传达方面表现的更为主动和及时,可以为人们营造出一个互动的全球性视觉空间。当前来看,网页界面设计现状不容乐观,一直以来并没有得到应有且足够的重视,甚至有业界人士把其称之为美工活。尽管有不少优秀的网站作品涌现出来,但是仍然缺乏专业的理论支撑与成熟的实践经验作为指导。一般来说,网页就具有人格化特征,我们对其进行人性化设计是其本质要求所在。因此,我们对其的必要性分析如下:

1.1 首先,我们应该把握好人性化设计的内涵。所谓人性化就是指要协调人与技术之间的关系,要让技术发展围绕着人的需求而进行。这里的人具有自然属性与社会属性。其中,人的自然属性就是人自身特质所决定的,他们希望拥有快乐,渴望得到尊重,并希望有长久的目标。那么,人的社会属性则是指它要受到生活环境的影响,要对自己行为后果,长期目标以及人生价值进行思考。那么,人性化设计就是在进行设计的时候,应该充分依据人的不同行为习惯、生理结构以及思维方式等来对产品进行优化设计,从而使得网页让用户使用起来感觉到更为舒适和方便,进而尊重并充分满足用户的心理需求与精神追求,这也是对用户的人文关怀,充分展现了设计中的人性化特征。事实上,这是因为任何一项设计中的核心就在于人,设计者是人,使用者也是人,一切都是从人的需求出发,要做好对人的服务工作。

1.2 其次,人性化设计是计算机网页界面设计的本质要求所在。一般来说,网页界面设计本身就是艺术与技术的完美结合与统一,是一种新的艺术形式。我们在进行计算机网页界面设计的时候,应该基于人性化的需求来遵循一定的设计原则。虽然说网页界面的设计工作与一般的艺术形式有着一定的类似之处,但是,它仍然具有自身的特点,我们应该让网页界面的设计工作做到技术支持合理,界面友好清晰,要使得网页界面设计遵循一些总的设计原则,即准确定位,技术合理,可用性强,统一形象和突出个性。具体来说,我们在进行网页界面设计的时候,首先应该确认网站的设计主题,然后才能够准确的抓住用户的眼球与心理,从而定位出一个符合用户需求的网页界面出来。网页界面设计过程中的技术支持也是非常重要的,它应该是技术与艺术的完美融合,二者几乎是缺一不可的密切关系。当然,网页界面的设计还应该让网站具有较强的可用性,并突出一定的个性化特征,从而使得网页界面设计符合网络用户的情感需求,也是网页界面艺术性的最高级表现形式,更是高科技网页界面设计中的情感补充。

2 计算机网页界面设计中的人性化元素的具体应用

计算机网页界面不仅能够准确传达信息,并能够满足不同用户的心理需求。这就是说,计算机网页界面要具备艺术性与人性化的双重特征。接下来,我们将把其具体应用详细的分析下:

2.1 首先,计算机网页界面设计中的人性化元素体现。目前来看,很多网站都有一个较为人性化的设计,那就是对于导航的设置,它可以让用户更为方便快捷找到自己所需要的信息。链接也是网站界面设计中的重要组成部分,它似乎就像网站中的中枢神经系统,让用户通过这些链接设置来快速访问自己想要的页面,其中最为人性化的连接设计就是要让用户能够在任何状态下都可以明确的知道自己所处的位置,并能够以最为简便的方法达到自己所要的网页界面。网站中的按钮又是每一个网页节点上的中枢神经元,它能够让用户在细节之处感受到一种人文关怀,因此,我们应该对按钮进行人性化的设计,即从造型、色彩和组合上入手,充分考虑到按钮的识别性,组合关系,位置与人机性等几个方面的因素。此外,计算机网页界面的设计,还应该做好图形方面的设计,要让图形不再单调和乏味,但是又不能走入过于花哨的极端,图形尽可能的做到既能够方便用户浏览网页,又能够据哟一定的美感,还要做好动画方面的设计,要让网页界面显得具有一定的动态效果,从而减少由于静态而带来的审美疲劳。当然,计算机网页界面设计中还应该做好交互性的设计工作,要让其体现出一定的人性化特征,即登录与注册,留言板,BBS论坛等,从而让计算机网页界面设计具有人性化的美感,让用户使用的时候感到审美的科技感与时尚感。另外,计算机网页界面设计中还应该做好色彩、文字、图形、布局、多媒体等方面的人性化特征,比如说文字方面要尽量少用装饰意味太强的文字,页面正文内容也不要用斜体和粗体等,图形选用要选用jpg格式和gif格式,大型图片则不要使用滚动条的图片,从而给用户带来赏心悦目的感觉。

2.2 其次,我们还要充分意识到当前计算机网页界面设计中的人性化元素中,仍然有一些问题和不足存在。具体来说,计算机网页界面设计中,由于受到技术方面的限制与欠缺,很多人性化的设计无法真正实现,一些网页设计软件并没有达到随心所欲的设计要求,这些都让网页界面设计者面临着较大的技术障碍,有时还存在着系统兼容性问题,从而让用户使用时又碰到不必要的麻烦。网页界面设计中的人性化也应该从一个整体的系统方面来进行考量,否则将使得网页显得较为呆板,无法真正满足人的使用需求,也无法平衡人的心理感受。这就需要网页界面的人性化设计中要注重整体性和协调性。此外,由于人们生活水平的提高,人们的精神需求变得越来越丰富,这就要求计算机网页界面设计要从情感方面来满足用户的需求,而这在当前的设计中是需要不断完善和发展的核心领域。当然,网页界面的人性化设计还应该考虑到不同用户的需求,比如说残疾人,他们也需要网络来加强与外界的联系与沟通。然而,当前还缺乏这种无障碍的网页界面设计产品,从而使得一些残疾人用户在使用网络的时候,感觉到较大的困难与信息障碍。

3 结束语

总之,计算机网络的普及,使得计算机网页界面设计工作面临着新的挑战与发展。网页界面设计师应该从人性化的角度来更好的考虑设计问题,要突破传统意义上平面设计的理念,让网页界面显得更具人性化特征,从而取得良好的用户满意度。

参考文献:

[1]李钧.动态媒体设计:从界面构成到思维创意[M].上海:上海人民美术出版社,2005,8.

[2]宋继东.辨析人机交互图形化用户界面设计中的情感因素及应用[D].郑州:河南大学,2008.

[3]周虹,王咏刚.优秀网页设计速查与赏析[M].北京:电子工业出版社,2005,11.

网页界面设计论文第9篇

关键词 简约化设计;信息传递;网页界面设计

中图分类号:TP393.092 文献标识码:B

文章编号:1671-489X(2015)08-0057-03

1 简约化及相关概念厘清

简约化与饱和化的辩证 饱和,在化学中的解释是:在一定温度和压力下,溶液所含溶质的量已经达到最大限度不能够再溶解时表现出的形态。也用来比喻事物发展到最高限度时所表现出来的状况和态势。从视觉接受的角度分析,饱和化是指视觉信息达到人们所承受的最大限度。简约化与饱和化是相对的。简约化就是对人视觉信息的简化,它是用简洁明快的视觉语言来满足受众对视觉环境感性的、本能的和理性的需求。

简约化与简单化的厘清 简约不同于简单。“简单”解释为结构单纯、容易理解,与复杂、困难、繁琐是相互对立的词语。在网页设计中简单表现为页面结构单一、色彩单调,在形式表达上比较呆板,无法给人视觉带来亮点,功能缺乏交互性等。简约并不是缺乏设计要素,它是一种更高层次的创作境界[1]。简约是针对不同对象,筛选适合于设计对象的、经过不断精心组合或者选择的精华。它遵从人类的生理和心理状态,强调的是以人为本的更为情感化的设计。

2 简约化网页界面设计的内涵分析

形式统一与和谐 凡是简洁美的东西都有一条共同的原则,就是在外观造型中的各元素存在一定的和谐、统一的关系[2]。人的视觉和心理惯于接受有序、简洁与和谐的形态。即使人们遇到一些看似凌乱无序的画面,也尽量从各种角度对其进行归类、整理,以求从中找出内在的规律与美的因素。因此。视觉美感产生于有序与和谐之中。有序与和谐让人对事物的心理感觉单纯化、规律化以及整洁化。

网页功能的简洁性 简约的网页在功能上能明确表达功能效用,强调用户体验,是一种人性化的设计。王晓蓉、杨治明曾经建议人性化网页界面设计要具有美观性、舒适性、简洁性、一致性、高效性和安全性[3]。简约的网页功能针对用户的心理动机、认知心理、智力发展状况进行设计,表达意义简明醒目,易被用户注意和认知,而不是浪费时间去寻找功能。

形态的易记性 从记忆的角度来说,简洁单纯的网页元素要比复杂的网页元素更容易被人们记住。简洁单纯的事物视觉点突出,不会分散用户的注意力,能够保持长时间的注意力稳定。

情感表达的丰富性 简约化的网页呈现的不仅仅是一个视觉画面,它还蕴含着深刻的思想和丰富的情感。针对用户的情感心境,使用合理的文字、色彩、图像,能使用户对产品产生亲和力,从而加深品牌印象。因此,网页不仅注重它的美观度,更注重它的情感表达的丰富性。

3 网页界面设计中简约化要素分析

简约化设计与文字元素 文字是人类用来记录语言的符号系统,在网页界面设计中占有十分重要的作用,因为人们大多信息的获知都是以文字的形式表达出来的。众多构成要素中文字具有最佳的直观传达作用以及最高的明确性。文字传达本身语义之外,还传递其他一些信息。文字视觉形态的大小、颜色、曲直、排列的疏密,以及语言的强弱、缓急、和谐或嘈杂,以及表情、姿态等,能够引起浏览者内心相应的不同感受。文字简约化设计表现为以下几点。

1)易读性:文字的表达要能被大众理解,在排版形式上能够符合人们的视觉流程,在文字颜色和大小设计上要符合网页的设计风格。

2)明确性:信息表达简洁明了,不繁琐不模糊,能够明确表达网页设计的中心主题;在语义的传达上不会让人产生歧义,传达的信息容易被用户理解。

3)美观性:文字的大小、颜色、编排等的设计要符合人的视觉审美,选择适合于网页风格的文字编排;通过文字形体的统一变化、文字编排的节奏韵律、文字量感的对比和谐来增强网站的美观度。

4)适合性:针对不同的用户,使用合适的文字大小、颜色、语气、形态,拉近用户的心理距离,引发用户的情感共鸣,达到产品宣传的最终效果。

5)创新性:将文字图形化、意象化,以更富创意的形式表达出深层的设计思想,能够克服网页的单调和平淡,从而打动人心。这种方式的处理既是文字内容的直观表达,又是文字含义的延伸表达。它增加网页的视觉亮点,给用户耳目一新的感觉。

简约化设计与图像元素 图像在网页设计中扮演着不可缺少的角色,能够简化网页设计的各种复杂的信息,这也是大多设计师喜欢它的原因之一。图像简化信息的具体表现包括以下几点。

1)图像的直观性和简易性:图像取代了文字多而繁杂的缺陷,相对于大片的描述文字,人们更愿意去选择简洁和直观的图片,它易被理解和认知。尤其是在体现产品特质的网页中,与其使用大量的文字耗费精力,不如使用更直观的产品图片,提高信息的传递效率。

2)图像的丰富性和真实性:图像含有丰富的色彩,具有设计艺术的美观度和视觉的空间感,所以能够吸引人们的眼球。同时,图像多是真实的生活采集到的摄影图片,在艺术的表达上自然、不做作、真实,更符合人们简约化思维的模式。

在新闻资讯类网站中,图文结合是经常见到的现象。网站中都会把今日的重点新闻配上小块的图片放在网页中,不仅简化了文字的数量,还提高了用户处理信息的效率。图片的应用就是对信息的简约化处理,图像将信息以最直观、简洁的形式呈现出来,省去了人们阅读大篇文字的时间,也避免了因文字过多而迷失重点。

另外,图形的简约化还表现在LOGO设计上。LOGO可识别性强,使用简单的图形表达丰富的含义。简约化的标志更容易获得受众的认知,更具有时代性,是信息简化的产物。

简约化设计与色彩元素 色彩在网页设计中占有很重要的位置,因为就生理而言,人们对色彩的敏感度特别的高。马克思说:“色彩的感觉是一般美感中最大众化的形式。”[4]当打开一个网页时,关注色彩元素比其他的元素都要强,色彩最具表现力与识别性,出色的色彩搭配可以在瞬间吸引用户的目光[5]。同时,它能够体现企业产品的特质,在不需要过多繁琐的文字、版式等元素的搭配下,色彩就能直接简洁明了地给用户第一印象。

简约化的网页色彩设计就是根据网页类型的特质,从复杂的客观色彩中提取出最能凸显设计神韵的一到三种主观性的色彩,通过色彩的色相、纯度、明暗、色块面积等的对比,简化用户的视觉流程,给受众带来视觉和心理的轻松,具体表现为以下几点。

1)配色的统一和谐:同一色彩的大量使用,可以使页面整体化和秩序化,能快速给用户留下深刻的印象。

2)配色的强调和突出:使用和其他元素颜色对比强烈的某一色彩,可以引起受众的注意力。

3)配色的留白使用:采用大面积色块的留白,增强了页面的节奏感和韵律感,能够使页面简洁大方。

简约化设计与版式设计 如果把网页界面中的文字、图形、点线面等元素比喻成员工的话,那么版式设计就是一个管理者,根据员工的职能特点,依据一定的管理理论和方法,有效地激发员工优势,从而更好地完成任务。因此,版式设计就是将文字、图像、色彩、图标等元素有机组合,表达美与和谐[6]。

简约化的网页版式设计并不是将各种元素杂乱无章地编排,而是按照人们的视觉流程规律以及形象思维,有秩序统一地进行规划整合。基于受众的视觉流程规律,简约化的网页版式设计应该具有以下特征。

1)清晰易读:网页的不同元素位置设计,框架构造上和谐统一。每个元素不是混乱的搭配,而是根据人的视觉流程特点,将设计元素进行合理规划,能够在人的大脑中呈现出清晰明了的信息。

2)统一有秩序:统一和秩序增强了网页各元素的联系和轻重关系,符合用户的阅读习惯、心理秩序和思维发展的逻辑认知顺序。

3)相互呼应:呼应是指两个以上的形态之间通过“呼

唤”和“相应”的关系达到画面的均衡。有效的网页元素呼应能够增加元素之间的内在联系,使网页整体感突出。

4)中心突出:视觉中心是人的视觉心理量感所偏向的视觉位置。视觉中心突出的网页能够主次分明地把网页的元素进行位置编排,以突出网页要表达的重点信息。

简约化设计与留白 顾名思义,空白区域是指不同元素之间的区域。在网页设计中,文字之间、段落之间、图片之间等网页设计元素之间的区域都是空白。网页设计的留白并非意指白色,而是设计界面中内容的空白。认知心理学的研究证明,留在空白之中的东西更容易被人注意和想起[7],它是符合人们的认知需求的,人们的注意力和记忆力不可能长期保持稳定的状态,他们需要外界的事物给予一个“缓冲”和“喘息”,以获得视觉和心理的缓和,因此,留白体现的是一种单纯轻松的理念。

“留白”在某种程度上代表着简约[8]。留白正是用这种“此时无声胜有声”的视觉语言,诠释了简约化设计的以少胜多之美。留白能控制视觉量感,保持了网页整体的统一性和平衡感,增加了网页页面的内涵和丰富性。网页设计中一般包括以下几种常用的留白技巧。

1)背景和元素间隔的空白:它能够清晰地分离页面板块,增加页面的空间感,更容易引导用户的视觉流程。

2)页面大面积色块使用:页面大面积使用某一色彩,可以强烈渲染、烘托网页设计元素和网页主题,简约时尚而更具视觉冲击力。

3)统一页面主要设计元素的背景,呈现出规则图形组合:统一而有秩序的页面能简明地体现网页主题的特质,更容易让用户认知。

4 总结

简约化网页界面设计符合现代人们视觉和心理的需要,是时代大背景的选择,体现设计界最先进的设计理念。将简约化的思想和理念运用到网页设计中,创造性地处理网页中文字、图像、色彩、版式等网页元素的关系,便能正确把握设计流程的方向,给设计师和用户一个规范的参考。

参考文献

[1]黎浩.简约主义:现代设计的风格倾向[J].高教论坛,

2004(5).

[2]杨大松.现代设计艺术的简洁之美[J].安徽建筑工业学院学,2004,12(2).

[3]何亭.人性化网页界面设计的进展与展望[J].美与时代,2012(9).

[4]欧阳丹.浅析现代平面设计中色彩的简约化趋势[J].湖南工业职业技术学,2009,9(1).

[5]吴爱群.简约版式在平面设计中的应用[J].美术教育研究,2012(3).

[6]石艳红.网站建设中的版式设计[J].科技信息,2007(28).

相关文章
相关期刊
友情链接