早在20世纪早期,一个由德国心理学家组成的研究小组试图解释人类视觉的工作原理。他们观察了许多重要的视觉现象并编订了目录。格式塔理论明确地提出:眼脑作用是一个不断组织、简化、统一的过程,正是通过这一过程,才产生出易于理解、协调的整体。

我们的视觉系统自动对视觉输入构建结构,并且在神经系统层面上感知形状,图形和物体,而不是只看到互不相连的边,线和区域。“形状”和“图形”在德语是“Gestalt”,因此这些理论也被称为视觉感知的格式塔(Gestalt)原理

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

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

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

相似原则:

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

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

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

封闭原则:

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

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

连续原则:

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

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

交互设计理论之格式塔理论与四大法则相关推荐

  1. 老站长的一些丰富知识,怎么样可以做好阿里、腾讯交互设计工作呢

    老站长的一些丰富知识,怎么样可以做好阿里.腾讯交互设计工作呢 很多学弟学妹问我如何应聘腾讯和阿里的实习生,所以打算把一些问题整理成体系回复一下,因为定下的文章结构过于庞大而时间紧迫,所以这篇文章将先行 ...

  2. 格式塔理论主要是用计算机,格式塔理论在UI设计中的运用

    你曾经仰望过天空时,有注意过不同形状的云酷似熟悉的动物或物体么?有没有想过,为什么会把蓬松的一团雾气与不同形状联想在一起的?其实这就是大脑的原因. 大脑总是试图通过与以前的经历或视觉感受进行比较,然后 ...

  3. 人机交互理论二:认知过程与交互设计原则

    认知过程与交互设计原则 认知涉及多个特定类型的过程: 感知和识别 视觉,听觉和触觉 根据感知特点设计人机交互界面应注意的问题:交互设计时,采用适当形式来表示信息,以便用户更好地理解和识别它的含义 文字 ...

  4. 格式塔理论主要是用计算机,就5个法则,轻松掌握格式塔理论!

    在人工智能和"以人为中心机器学习"的时代,我们理解用户的需求和行为是十分必要的.对交互设计师来说这毫无疑问.为了更好的做好满足用户需求的工作,了解一些基本的心理学法则非常重要.这也 ...

  5. 数据可视化笔记2 视觉感知、认知与色彩(韦伯定律、格式塔理论、色彩空间、配色工具和网站)

    文章目录 韦伯定律 格式塔理论 颜色基本理论 配色网站 视觉感知和认知--定义 感知:客观事物通过感觉器官在人脑中的直接反应. 通俗地说,关于输入信号的本质,看见(视觉).听见(听觉).闻到(嗅觉). ...

  6. 格式塔理论/Gestalt theory

    格式塔理论 格式塔理论自1912年由韦特海墨(M.Wetheimer)提出后,在德国得到迅速发展.由于苛勒(K.Kohler)和考夫卡(K.Koffka)的访美以及他们的著作被翻译成英文,这种新的理论 ...

  7. 基于matlab的有源滤波器设计,采用瞬时功率理论(P-Q 理论)的新技术,以便在非理想电源电压条件下控制 APF

    基于matlab的有源滤波器设计,采用瞬时功率理论(P-Q 理论)的新技术,以便在非理想电源电压条件下控制 APF 已发现所提出方案的性能在各种非理想市电测试场景下是可行的并且优于瞬时无功功率算法的性 ...

  8. 谈谈关于网页设计中的色彩理论

    谈谈关于网页设计中的色彩理论 设计师在决定了一个网站风格的同时,也决定了网站的情感,而情感的表达很大程度上取决于颜色的选择.颜色是很有力的工具,所有设计师在设计网页时就应该明白这一点. 一.颜色术语 ...

  9. 【详解】格式塔理论(Gestalt Low)

    格式塔理论(Gestalt Low) 定义or背景 格式塔(Gestalt)理论是心理学中的理性主义理论之一,强调经验和行为的整体性. 格式塔心理学研究认为,人类具有不需要学习的组织倾向,使我们能够在 ...

  10. 格式塔理论(Gestaltnbsp;Theory)

    格式塔理论(Gestalt Theory) http://wiki.mbalib.com/wiki/格式塔心理学 格式塔心理学理论的完形法则 1. 相近(Proximity). 距离相近的各部分趋于组 ...

最新文章

  1. 都在关心AI的应用,这些技术难点怎么很少提?
  2. transfer 全平台Windows linux mac配置文件转换工具
  3. 真香!你的 2019 年终总结已经出 - 请查收
  4. 自定义react-navigation的TabBar
  5. 扩大VMware虚拟机中linux硬盘空间
  6. [NOIP2002]矩形覆盖
  7. Matlab标准语音库 Timit Database
  8. IDEA 社区版不支持 Tomcat?一招完美解决!
  9. virtualbox--在win7设置ubuntu虚拟机网络
  10. 在php中 urlencode函数解决乱码问题
  11. fio性能测试工具新添图形前端gfio
  12. 快启动win10pe制作详细图文教程
  13. 996工作制,还要抽时间提升自己吗?
  14. linux ftp中文乱码方块,ubuntu14.04下手工编译texmacs,解决中文显示为方块及输入法问题...
  15. BeanUtils怎么没有populate方法
  16. Dynamic 365 子网格编辑控制列可编辑
  17. outlook邮箱邮件大小限制_附件大小超过了允许的限制错误 - Outlook | Microsoft Docs...
  18. 移动100m宽带慢的要死_wifi慢到快崩溃明明100m宽带却像2m的网速教你1招快速解决...
  19. 基层服务项目服务器一般几年,基层事业单位有5年服务期,期间可以提拔或调动吗?看完知道了!...
  20. 关于ImportError: DLL load failed: 找不到指定的模块

热门文章

  1. 深度互学习-Deep Mutual Learning:三人行必有我师
  2. 内存卡格式化了怎么办?能恢复吗?
  3. 出现问题请与你的系统管理员联系 照片出现问题请与你的系统管理员 照片出现问题请与系统管理员联系 无法打开应用请与管理员联系
  4. 你没有权限修改该网络位置的文件
  5. 《稻盛和夫给年轻人的忠告》阅读笔记
  6. 深度学习目标检测模型汇总(论文,源码,数据集,推荐收藏)
  7. 线性代数之——矩阵乘法和逆矩阵
  8. Cheat Engine 特征码
  9. 应用程序正常初始化失败(0xc0000135)
  10. GATK官方教程 / 概述及工作前的布置