网页界面设计中的格式塔美学原理探研

12

Network World ?Intemet fortune

网络天地?网络财富

使不同开发商的软件能够对会计数据相互兼容，既便于财务软件的升级，也便于网络传送，并实现会计数据和报表在银行和财政部门相互兼容。为解决隔代数据兼容问题，应采用多种形式的会计数据备份策略，既要输入光盘、磁盘等光电介质，又要按规定打印输出，满足日后查询和故障恢复的需要。财务软件的升级应尽量选择年初作为升级的起始期，因为年初客户和数据量较小，易检查，部分基础资料可根据实际需要进行修改。

3.更新传统会计软件

应对传统会计软件进行改造或升级，加大网络会计新软件的开发力度，形成一部分自主知识产权，使网络会计软件系统

更加安全可靠、运行更准确、处理更及时。网络会计软件要符合国际会计准则，能够满足企业参与国际竞争和网络化管理及电子商务的需要，最终实现会计与业务协同及物流、资金流、信息流、票据流的有效整合。

4.加强技术管理

为了保证会计信息不在互联网上被泄露、篡改和窃取，必须采取特殊的保护功能，防止非法人员恶意攻击。鉴于计算机系统的脆弱性，在建立网络会计信息系统时，应该从计算机的技术上和管理上考虑安全措施。提高网络系统的安全防范能力，做好预防病毒的安全措施。做好对黑客的防护措施。设置防火墙，使用黑客入

侵检测软件；抓好网内主机的管理，用户名和密码管理永远是系统安全管理中最重要的环节之一；设置好的网络环境，尽量做到有条件的限制（允许）网上访问；加强对重要资料的保密。

5.全面培养高素质的财会人员

必须改变传统的人才观念和管理模式，加大财会人员的智力投入，建立和完善培养、培训体系，采用多种形式更新财会人员的专业知识，提高计算机操作能力，优化人才结构，增加人力资本的价值。

网页界面设计中的格式塔美学原理探研

胡 爽1，2

（1.重庆理工大学现代教育技术中心，重庆 400050；重庆师范大学美术学院，重庆 400047）

【摘要】本文通过对格式塔美学基本原理五个方向的考虑，研究如何将人类审美的视觉感知规律与网页界面设计相结合，探寻用理性的方式创造有利于信息传达且符合

人类感知规律的网页编排设计方法。

【关键词】网页设计；界面设计；格式塔；视知觉；感知；美学

引言

面对一个网页，究竟应该从哪里看起，什么是主题？哪里才能找到所需要的信息？……对于刚点开网页的人们，通常都会产生一系列这样的问题。在信息化如此发达的今天，网页要想脱颖而出，就必须更合理的被设计，更快捷地引导人们阅读到所需信息。以鲁道夫?阿恩海姆为代表的格式塔审美心理学学派“强调应该将对视觉的研究与对艺术形式的研究结合”，因为“视觉成为对视觉对象结构样式整体把握的感觉能力”。网页界面设计是网络出现后的新新视觉传达设计，但仍是通过观看者的视觉感知来获取信息，那么网页界面设计与格式塔美学原理的结合必将推动网页在信息化时代下的理性发展，并指导设计出更易于受众感知信息的网页界面。

1.整体与简约原则——和谐与适当的简化

“格式塔”（Gestalt）有两个含义，一个是“形式”，另一个指“任何脱离的整体，”因此格式塔心理学又被称为完形心理学。这里所讲的“形”不是一般意义上的外观轮廓，而是“由知觉活动组织成的经验中的整体”。它认为整体决定部分的性质，部分依从于整体。文字、图像、图形、动画、视频等作为网页设计中的视觉传达要素形成了网页界面设计中的点、线、面基本形态，但整个版面并非是“等于各部分简单相加之和”。事实上感知运动不等于实际运动，也不等于若干的单一刺激，而是与交互作用的刺激网络相关。在受众看到的“视觉力场”（整个网页版面）中网页各元素相互联系、相互制约以达到共同的目的——信息的传达。

格式塔原理认为无论是人还是动物都在对外界事物或者自身环境的所有视觉现象寻找最简化的可能的解释。简化不等于简单，不完全指一个式样中只有很少数目的元素，它强调艺术领域的节省率即“效法自然”。美国专项研究信息设计（Information Design）的龙尼?科普顿对简约设计还进行了强调补充，指出“取决于受众、内容、背景、环境、材料以及我们所知道的对感知或理解产生影响的那些因素”。其实设计师存在的一个重要意义就是为人们做一切需要的简化设计，至少是适当的简化。当看到新的事物，人们会自然地寻找已有的经验框架将元素对号入座，如同经验一般。什么是他们的习惯爱好？什么又是他们所熟悉的？……对受众的调查研究就显得尤为重要了，若找到新的信息与受众已知知识的联系，这将无疑创造出一个成功的网页。比如网页设计中最简单基本的惯例也是需要遵守的：网站的标志会放在页面的右上角、网站的版权所有会放在页面的最下面等等。

因此在网页设计初期，确定网页的内容和性质后，不能马上展开具体的设计工作，而应对整个网页的布局和导航位置进行认真的思考：通过简单地草绘网页素描框架，进行布局特点和视觉效果的分析，尽可能简单清爽地规划整个网页的布局层次和内容元素的具体位置，并审视其表现方法是否能准确传达信息，从而最终确立合适的网页布局类型。只有从整体出发再落实到局部，然后又从局部回归到整体，才能产生我们常说的“和谐之美”。

2.相似原则——让相同元素看上去更相同

在格式塔心理学中强调人类在感知世界的时候，有感知各种模式的能力，可以分辨出事物之间明显的相似性和差异性。人们常玩的“找错误”游戏应该是个很好的说明，我们总能找出两张看似相同的图片中明显的不同。原因就是“相似性原理中，人类倾向于将相似的元素组合为一个万方数据

12 网络财富?Intemet fortune ?Network World

网络天地

感知单元”。

2.1 序列原则——强调相似中的联系画面中每个元素不是孤立存在的，会产生相互联系的序列感，即个体元素或者局部元素最终将回归于整体，产生整体而又统一的背景。人们的视觉将感受到一种和谐完整的满足感，并在统一的背景中欣赏那些个体的元素。

在网页的布局设计时，所考虑到的框架分割就是在于此目的。无论采用隐形还是有形的框架，都在于将有关联的网页元素进行归类，将没有联系的元素进行区别。也可以称为排版中所说的栅栏，有看不见的垂直线和水平线，可以很规矩的放置文字和图像，并在栏与栏之间形成间隙的空白边缘，既有秩序感又有统一感，避免观看者的眼睛在混乱中找不到可用信息的苦恼，体会到阅读信息时排版设计带来的舒适感。

2.2 层级原则——强调相似中的差别人们可根据元素的大小分级理解为它们之间重要性的不同即层级原则。在网页的普遍设计中，由于网络媒体特性的制约，一般正文文字都采用了浏览器默认的文字（中文为宋体字）便于不同的观看者，而更为重要的标题元素则设计增大字号。雅克?波蒂在他的《图形符号学》中写道：“事实上，大小是最引人注意的图形特征。”同样，摆放的位置也影响它们之间的关系：依据人们视觉上喜欢从上向下、从左往右观察事物的原理，通常并排放在最上方或最左边的图片被认为是最重要的。

当然，在视觉上出现了其他对比元素时，重要性的级别就不局限于大小之别了。比如粗体字或更鲜艳的字体也会让人倾向性的认为这也是强调。特别是在网页设计中，字体选择和大小的变化比较单一，若更换为其他字体或者改变字号往往会出现边缘模糊、锯齿等现象，所以简单对字体进行加粗或改变颜色是最常用来体现信息层级的办法。但是如果所有的文字都换成粗体或者把文字的颜色改的五花八门，那么人们的视觉将无所适从，这种强调就为了败笔。

在网页设计时文字大小和颜色的一致性、图片风格选择的统一性是引起人们注意的一种方式，利于人们感知他们之间的联系和延续性，并理解其中意味；而个别重点只需要做适当的强调设计就能达到点睛之笔的效果。

.接近性原则——处理空间中有关联的元素

无论在平面中还是空间中，我们的视觉都会将几个相互靠近的元素有意识的

组合在一起，归为一类，作为一个感知单元。同样的一个网页版面内，相互接近的元素它们之间的关系密切程度就远超过了在空间上与之相隔较远的元素。譬如，大标题要和对它进行辅助说明的小标题接近（接近不等于紧挨，之后提到的挨近、靠近也是如此），尤其是小标题要与它下面的正文文字距离拉近，表明大标题、小标题与正文之间的相互层级又有联系的涵义。相反，加大它们之间的距离，也就会将三者区别开来。或者图片处理时，它相关联的文章或辅助说明也必须相应地与之挨近。

.图—底关系原则——使内容看上去更清晰

格式塔认为人们将看到的事物分为前景（即版面中的内容）与背景，并在场景中会锁定视觉焦点——离自身感觉最近的物体作为开端。网页设计同为信息设计，其目的简单来说就是为了在设计中通过视觉感知原理，解决受众如何快速阅读并获取信息，清晰地设计出内容与背景的区别，而不是让受众自身来区分内容和背景。对比与强调是个有利的方法，可将内容更突出或者将背景更淡化，总之不能干扰到内容信息的传递。因为无对比或者较低的对比会使内容与背景之间的边缘更加模糊，不易于辨别。具体设计时还可以利用层级原则，让内容与背景不再“相似”，如加大内容字体大小、增强颜色之间的（明度、纯度、彩度）对比、改变字体的粗细以及采用色彩统一且安静沉稳的背景。又或者根据均衡原则，加强对空白区域的使用——观看者通常会认为元素之间的过多空白认为是不需要过多关注的“背景”。如网页正文之间留下合适的行距后，页面的周围则留出较多的空白，使所有的元素都能被外围的白框有力地框住。

.秩序与方向问题

5.1 共同朝向原则——引导受众的观看：

“任何一种构图成份，不管它是一件可见物体，还是隐蔽结构中的一个组成成份，其拥有的重力都要吸引它周围的物体，并对周围物体的方向产生影响”。任何线条和形状都具有方向性，人们通常将朝同一个方向的这些元素视为一组。网页中水平拉出的栅栏边框与它下面的垂直线框就明显的被认为是两类。

5.2 延伸原则和闭合原则：——观看者如何弥补视觉空缺

拥有适当行距又对齐排列的文字或图片会产生了无形的边框，就是因为观看者会将同一直线或曲线方向的元素看作为

一组即视觉上的“延伸”。或者而看到字母“C”时，我们可以有意识地将其闭合联想到圆圈，原因是观看者的意识还有对规则对象有弥补其视觉空缺的“闭合”存在。回看我们发展至今的网页设计，始终保持不变的排版风格就是网站中每个子页面的标志符号、导航条和菜单条都处于大致相同的位置并采用同样的色彩和设计效果，形成它们之间的序列感，体现其延续完整性。

.结语

网页界面设计的审美需求是信息设计美学的一种延续和延伸，而将其与格式塔美学理论相结合正是把网页界面设计的具体问题通过人类审美的视觉感知规律来解决的重要突破口。要做到“以人为本”，就要摆脱以往单纯凭直觉设计的传统，只有不断将网页界面设计朝理性化方向发展，才能满足受众既要有“信息”也要有“美”的要求。随着科学技术的不断发展，信息量“爆炸”的时代就要来临，如何更好的利用格式塔理论等美术心理学原理处理信息设计仍然是将来要不懈努力研究的课题。

参考文献

[1]鲁道夫?阿恩海姆【德】著.艺术与视知觉[M].滕守尧,朱疆源译.四川人民出版社,2006.

[2]龙尼?科普顿【美】著.信息设计实用指南[M].王毅,刘晓麓译.上海人民美术出版,2008.

[3]崔美善【韩】著，设计师谈网页风格构成[M]，马晓阳,刘娟译.电子工业出版社,2006.

[4]库尔特?考夫卡【德】著.格式塔心理学原理[M].黎炜译.浙江教育出版社,1999.

作者简介：胡爽（1980—），女，重庆师范大学美

术学院硕士研究生，重庆理工大学现代教育技术中心助理工程师。

万方数据

网页界面设计中的格式塔美学原理探研

刊名：

网络财富

英文刊名：INTEMET FORTUNE

年，卷(期)：2009(20)

本文链接：https://www.wendangku.net/doc/8b17591627.html,/Periodical_wlcf200920082.aspx