码迷,mamicode.com
首页 > 其他好文 > 详细

交互设计之Gestalt原则

时间:2015-08-30 17:33:53      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:

1912年,Gestalt 心理学院(Gestalt School of Psychology)开始研究人类是如何从视觉信息中对模式进行感知的。观察了许多重要的视觉现象并编订了目录。格式塔理论明确地提出:眼脑作用是一个不断组织、简化、统一的过程,正是通过这一过程,才产生出易于理解、协调的整体。我们的视觉系统自动对视觉输入构建结构,并且在神经系统层面上感知形状,图形和物体,而不是只看到互不相连的边,线和区域。“形状”和“图形”在德语中是“Gestalt”,因此这些理论也被称为视觉感知的格式塔(Gestalt)原理。

相近性法则(Proximity)

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

技术分享

图1

接近原则被广泛应用于页面内容的组织,以及分组设计中。对于引导用户的视觉流及方便用户对界面的解读起到非常重要的作用,通过接近原则对同类内容进行分组,同时留下间距,会给用户的视觉以秩序和合理的休憩。 

相似原则(Similarity)

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

技术分享

图2

技术分享

图3

 

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

技术分享

图4

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

技术分享

图5

包围法则(Enclosure)

           当物体被一条线或颜色等围绕起来形成边界,我们往往将边界内的物体归属于同一个组。如图6所示。

技术分享

图 6

 

封闭原则(Closure)

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

技术分享

图7

 

连续原则(Continuity)

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

技术分享

图8

连接性法则(Connection)

    对于连接在一起的物体,我们往往认为这些物体归属于同一个组。

 

版权声明:本文为博主原创文章,未经博主允许不得转载。

交互设计之Gestalt原则

标签:

原文地址:http://blog.csdn.net/gdp12315_gu/article/details/48105929

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!