美章网 精品范文 网页界面设计论文范文

网页界面设计论文范文

前言:我们精心挑选了数篇优质网页界面设计论文文章,供您阅读参考。期待这些文章能为您带来启发,助您在写作的道路上更上一层楼。

网页界面设计论文

第1篇

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

引言

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

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

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

1.图与底

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

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

2.简明原则

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

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

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

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

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

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

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

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

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

结语

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

参考文献:

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

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

第2篇

网页应用是指用网页语言编写的程序通过浏览器来运行的软件,它可以广泛应用于企业网站或互联网。由于网页语言程序可以直接应用于各个PC终端和手机移动终端,不需要像其他应用软件进行升级或运行前安装复杂的程序,深受用户的青睐,例如,较常见的有基于计算机终端的网络论坛、网络游戏、网络超市等,也有基于手机移动终端的APP、网页浏览等应用。虽然我国网络化快速发展,但是,网页界面的情感化设计起步较晚,最早的网页界面概念是由国外发达国家提出来的,在国外已经有了相对成熟的设计理论和实践经验,如欧美、日本等国家一方面提出了网页界面设计的理论基础,如依据艺术设计理论和社会心理、人机交互理论等理论进行情感化设计;另一方面,还要遵循简约化、一致性、统一性、均衡性等原则。目前我国对这方面的发展主要是针对网站的文字、色彩等视觉方面进行了一定程度的设计,但总体上缺乏对情感化设计的深入探究。

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

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

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

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

1.内容方面的问题

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

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

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

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

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

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

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

1.色彩的设计

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

2.合理统一的布局

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

3.方便易用的操作功能

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

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

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

5.和谐统一的人机交互

第3篇

[关键词]色彩 网页设计 人性化

[中图分类号]J524.3[文献标识码]A[文章编号]1009-5349(2011)06-0089-01

在今天的中国,大多数的人每天都在使用互联网。查找信息、阅览文章、娱乐、交友、购物等都可以在网络上实现,查看网页已经成为了人们生活的重要内容。

网页由多个设计元素组成,各个设计元素向我们传达着信息。其中色彩是最先映入人们眼帘的,它决定了网页的印象,同时也影响到网页界面设计的成败。设计者在网页界面设计中利用色彩来表达网站主题,烘托网站内容,满足网页展示方的意愿。与此同时,设计者更应该注重浏览用户的使用需求。在色彩设计上充分考虑浏览用户的心理特征、视觉习惯和操作习惯,使网页界面色彩设计人性化,便于浏览用户能够轻松地使用网页。

如何实现网页界面色彩设计的人性化?本文从色彩对人的生理和心理产生影响的角度,对网页设计中的配色问题提出几点看法。

一、配色和谐,提高网页文字的易见度

由于颜色有同化作用,人的眼睛识别颜色的能力有一定的限度,色相对比强的颜色易于辨认,色相对比弱的则难于分辨。在网页界面里,文字、图案、背景都有自己的颜色,用户使用网页时,背景与文字的配色直接影响用户对内容的辨别和阅读。而网页中,文字是用户摄取的主要内容,在设计时必须考虑文字与其他元素的色彩对比,注意文字的易见度。

在高明度的背景上低明度的文字易于识别,在低明度的背景上高明度的文字易于识别。但如果背景和文字的明度相近,则会出现难以认读的情况。如,白色的背景上使用黑色文字易见度非常高,而使用柠檬黄的文字则易见度很低。

二、科学使用颜色,避免视觉疲劳

人的视网膜对不同色彩的兴奋度有所不同。当人看到高明度、纯度高的颜色时,视网膜的兴奋度高,因此它让人感觉到刺眼。当人看到低明度、纯度低的颜色时,视网膜的兴奋度低,因而会觉得较舒适。

在众多色彩中容易引起人注意的通常是刺激强度高的高明度色,但如果这样的颜色在网页界面中大面积使用极易使浏览用户产生视觉疲劳,因此应尽量少使用高明度背景。而低明度色不会强烈刺激人眼,但过多的使用会给浏览用户带来压抑感。

通常,我们可以使用浅色调辅以小面积鲜艳的色块,使画面既有对比又统一和谐。如果碰到暗色调的网页,也可以使用小面积的高明度色来调和。避免网页色彩过艳或过暗带给浏览用户视觉上的疲劳。

三、了解浏览用户的色彩心理,合理配色

色彩可以作用于人的感官,刺激神经,唤起人们的特殊情感,这是色彩的心理效应。不同的颜色对同一个人会产生不同的心理效应,不同的人会对同一种颜色产生不同的心理体验。这种体验,从认识论的角度来说,是人对客观世界的主观反映,是由于每个人的年龄、性别、文化、生活环境、丰富习惯等因素所造成的。

有的设计者在设计网页界面时,对色彩的选择仅凭自己的直觉和喜好,没有对浏览用户群体的心理特征和审美需求进行调查分析,这样设计出的网页界面往往难以把握浏览用户对信息的获取量。因此,网页界面的色彩设计要了解并把握浏览用户的色彩心理。例如,网页界面的浏览用户是儿童,界面的用色应选取儿童喜欢的活泼、明亮的颜色。而浏览用户是老年人的话则采用成熟、稳重的颜色。不同的民族对同一种色彩可能有不同的理解。在中国古代,黄色代表威严,巴西则代表热情。红色在中国寓意为喜庆,但在西方人的眼里,它是恐怖、危险的象征。这些因素在设计网页色彩时都是应该考虑并加以运用的。符合浏览用户色彩心理的设计才会激发他们的阅读兴趣,利于信息的传播。

色彩给我们的感受是丰富而奇妙的,它每时每刻都在影响着人们的生活。网页界面的设计者应在掌握人的色彩心理的情况下,充分发挥色彩的特性,网页界面达到悦目并且适用的要求,实现网页界面设计人性化的第一步。

【参考文献】

[1]旭日东升.网页设计与配色经典案例解析[M].电子工业出版社,2009.6.

[2]马炅.色彩的情感属性在网页配色中的应用探析[J].长春理工大学学报(高教版),2009.11.

[3]陆敏.设计人性化之思考[J].淮北煤炭师范学院学报(哲学社会科学版),2004(6):113-115.

免责声明

本站为第三方开放式学习交流平台,所有内容均为用户上传,仅供参考,不代表本站立场。若内容不实请联系在线客服删除,服务时间:8:00~21:00。

学术顾问

免费咨询 学术咨询 期刊投稿 文秘服务