交互设计法则之接近法则与格式塔


 

  早在20世纪早期,一个由德国心理学家组成的研究小组试图解释人类视觉的工作原理。他们观察了许多重要的视觉现象并编订了目录。格式塔理论明确地提出:眼脑作用是一个不断组织、简化、统一的过程,正是通过这一过程,才产生出易于理解、协调的整体。我们的视觉系统自动对视觉输入构建结构,并且在神经系统层面上感知形状,图形和物体,而不是只看到互不相连的边,线和区域。“形状”和“图形”在德语中是“Gestalt”,因此这些理论也被称为视觉感知的格式塔(Gestalt)原理。

  接近法则是格式塔理论中最为我们所熟知的,也是我们最常用到的一项法则。说的是物体之间的相对距离会影响我们感知它们是否以及如何在一起。相对于其它物体来说,彼此之间靠近的物体看起来属于一组。越接近,组合在一起的可能性就越大,强调的是位置。如下图(图1),我们在意识中会将其分为两组。


 

  图1

  接近原则被广泛应用于页面内容的组织,以及分组设计中。对于引导用户的视觉流及方便用户对界面的解读起到非常重要的作用,通过接近原则对同类内容进行分组,同时留下间距,会给用户的视觉以秩序和合理的休憩。 设计者们经常使用分组框或分割线将屏幕上的控件和数据显示分隔开,如图2、图3。


 

  图2


 

  图3

  除了接近法则之外,还有很多重要的原则你知道吗?接下来我将逐一向大家介绍。

  相似原则:

  相似,听起来跟接近非常类似,但是他们确实是不同的两个概念。接近强调位置,而相似则强调内容。人们通常把那些明显具有共同特性(如形状、大小、颜色等)的事物组合在一起,即相似的部分在知觉中会形成若干组。在图4中,我们会将黑帽子蛋和红帽子蛋自然的分成两组。


 

  图4

  在页面设计中分类使用文本、颜色、图像等,可以更好的区分各个模块和内容。如下图(图5)中雅虎读书导航,通过相似原则我们很容易的将一级导航和二级导航区分开来。


 

  图5

  换一个角度来思考,颜色的变化很清楚的区分了不同的内容,相似中的逆向思维是获取焦点的好方法。这种方法在导航和强调部分信息的设计上有着广泛地应用,如图6。


 

  图6

  封闭原则:

  当元素不完整或者不存在的时候,依然可以被人们所识别。根据过去以往的经验和视知觉的整体意愿驱使,我们习惯性的将图形作为一个整体去观看,于是我们在脑袋里将缺少的形状补充进去之后,便形成最终我们识别出来的图形效果。如下图(图7),没有三角形和圆,但是在我们心理模型中填充缺失的信息,创建我们熟知的形状和图形。


 

  图7

  封闭原则常被应用于图形界面和页面设计中,例如:在页面中经常会用堆叠的形式表示对象的集合,只要显示一个完整的对象和其“背后”对象的一角就足以让用户感知到这是由一叠对象构成的整体,如图8所示。


 

  图8

  连续原则:

  与封闭性相关的是连续原则,连续原则说的是我们的视觉倾向于感知连续的形式而不是零散的碎片。在图形设计中,使用了连续原则的一个最广为人知的例子就是IBM的标志。它由非连续性的蓝色块组成,但一点也不含糊,我们很容易就能识别出三个粗体字母,就像透过百叶窗看到的效果一样,见图9。


 

  图9

  关于格式塔的原则还有很多,而且可以复合使用。在我们设计了一个东西之后,可以试着使用格式塔原理来考量一下自己各个设计元素之间的关系是否复合设计的初衷。希望通过对格式塔原始理论的介绍可以给大家带来一些启发:

 

时间: 2024-12-28 18:34:27

交互设计法则之接近法则与格式塔的相关文章

如何利用交互设计的接近法则与格式塔理论

本文来源中国雅虎UED 早在20世纪早期,一个由德国心理学家组成的研究小组试图解释人类视觉的工作原理.他们观察了许多重要的视觉现象并编订了目录.格式塔理论明确地提出:眼脑作用是一个不断组织.简化.统一的过程,正是通过这一过程,才产生出易于理解.协调的整体. 我们的视觉系统自动对视觉输入构建结构,并且在神经系统层面上感知形状,图形和物体,而不是只看到互不相连的边,线和区域."形状"和"图形"在德语是"Gestalt",因此这些理论也被称为视觉感知的

什么是交互设计的三大法则?

  本文提到的三大铁律在交互设计中的地位接近圣经.细细品读,你会发现现代最流行的用户界面,都采用了这本里程碑式的著作中的概念与技巧,其中也包括微软和苹果的设备 >>> 科幻作家艾萨克·阿西莫夫在他的机器人系列故事中创造了"机器人学三大法则".这些法则被永久性地植入每个机器人,作为防止灾难.保护人类的最后一道保险.我很好奇,我们最后一道保险是什么?对于交互设计师而言,三大法则又是什么? 用户对于界面的感知,离不开它的形式.内容和行为.就像工业与平面设计师专注于形式那样,

网站用户体验设计:信息交互设计金字塔法则

本文来自7月8日#36氪开放日#北京站,卓衡科技运营总监刘鹏的演讲,文中刘鹏讲述了他们在创业过程中总结出的交互设计的金字塔法则.卓衡科技是一家新兴的用户体验设计公司,为客户提供定制性的用户体验设计与移动互联网软件设计开发相关的全流程服务. 金字塔方法这个说法来源于美国著名的现代管理咨询公司麦肯锡.大致的意思就是:任何事情都能归纳出一个中心点,而此中心论点可以由数个一级论据支撑,这些一级论据也可以被数个二级论据支撑,如此延伸,状如金字塔. 当然,你也可以说这个说法最早来源于中国的老子,因为他曾在<

信息交互设计金字塔法则

编者按:本文来自7月8日#36氪开放日#北京站,卓衡科技运营总监刘鹏的演讲,文中刘鹏讲述了他们在创业过程中总结出的交互设计的金字塔法则.卓衡科技是一家新兴的用户体验设计公司,为客户提供定制性的用户体验设计与移动互联网软件设计开发相关的全流程服务. 金字塔方法这个说法来源于美国著名的现代管理咨询公司麦肯锡.大致的意思就是:任何事情都能归纳出一个中心点,而此中心论点可以由数个一级论据支撑,这些一级论据也可以被数个二级论据支撑,如此延伸,状如金字塔. 当然,你也可以说这个说法最早来源于中国的老子,因为

人机交互设计的重要法则之Fitts法则

费茨法则是人机交互领域里一个非常重要的法则,在10年来得到了广泛的应用.Fitts法则最基本的观点就是任何时候,当一个人用鼠标来移动鼠标指针时,屏幕上的目标的某些特征会使得点击变得轻松或者困难.目标离的越远,到达就越是费劲.目标越小,就越难点中.漂亮简单,对么?这意味着要是目标定位越容易,距离鼠标当前位置就应该越近,目标占用空间应该有更大.Fitts花了好几页来描述这些发现,用明显数学式的严谨,用公式表达出了怎样去测量不同速度距离目标尺寸对用户点中目标的影响.目标和鼠标指针越远,尺寸越小,就越难

什么是交互设计的三大铁律?

  科幻作家艾萨克·阿西莫夫在他的机器人系列故事中创造了"机器人学三大法则".这些法则被永久性地植入每个机器人,作为防止灾难.保护人类的最后一道保险.我很好奇,我们最后一道保险是什么?对于交互设计师而言,三大法则又是什么? 用户对于界面的感知,离不开它的形式.内容和行为.就像工业与平面设计师专注于形式那样,交互设计师将行为作为最重要的元素来考虑.要通过设计来左右用户的体验,首先要考虑我们的三大法则,界面的行为如何表现,它对用户的行为产生什么影响.它们必须得作为稳固的基础,在它之上构建其

交互设计七大定律

  1. Fitts' Law / 菲茨定律(费茨法则) 定律内容:从一个起始位置移动到一个最终目标所需的时间由两个参数来决定,到目标的距离和目标的大小(上图中的 D与 W),用数学公式表达为时间 T = a + b log2(D/W+1). 它是 1954 年保罗.菲茨首先提出来的,用来预测从任意一点到目标中心位置所需时间的数学模型,在人机交互(HCI)和设计领域的影响却最为广泛和深远. 新的 Windows 8 中由开始菜单到开始屏幕的转变背后也可以看作是该定律的应用. 菲茨定律的启示: 按

网站用户体验分析:交互设计7大定律

"除非有更好的选择,否则就遵从标准",那在交互设计领域都有哪些法则定律被认作了标准了呢? Alan Cooper:除非有更好的选择,否则就遵从标准. 作为交互设计之父的阿兰·库珀最为人熟知的或许就是这句"除非有更好的选择,否则就遵从标准"了,在交互设计领域有很多经过了时间的验证的法则定律被认作了标准,那么你都知道都有哪些吗? 1. Fitts' Law / 菲茨定律(费茨法则) 定律内容:从一个起始位置移动到一个最终目标所需的时间由两个参数来决定,到目标的距离和目标

网站用户体验分析:交互设计七大定律

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 [核心提示] "除非有更好的选择,否则就遵从标准",那在交互设计领域都有哪些法则定律被认作了标准了呢? Alan Cooper:除非有更好的选择,否则就遵从标准. 作为交互设计之父的阿兰·库珀最为人熟知的或许就是这句"除非有更好的选择,否则就遵从标准"了,在交互设计领域有很多经过了时间的验证的法则定律被