设计师要懂心理学の眼见非脑见

文章目录[隐藏]

我们一般认为,当我们观察周围的一切时,眼睛会将看到的信息传输给大脑,大脑再对信息进行处理,让我们感受到真实的世界。但其实不然,脑见并非眼见,因为大脑总会解析眼睛看到的所有信息。试举一例,请观察下图:

卡尼萨三角

你会“看见”图中没有的三角形

你看见了什么?你第一眼可能会看到一个黑边三角形,上面叠了个白色倒三角。其实图上什么三角形都没有,有的只是些零碎的线条和3个有缺口的圆。大脑 认为图上应该有一个倒三角形,于是就凭空创造出了一个。1955年,这一独特的错觉由意大利心理学家Gaetano Kanizsa发现,后以他的姓氏命名为“卡尼萨三角”(Kanizsa Triangle)。

大脑会偷懒

为了更快地解析周围的世界,大脑会投机取巧地偷懒。大脑每秒要接收约4000万次的感官信息输入,并试图完全解析出它们的意义,所以它会根据以往的经验,猜测我们看见了什么。经验法虽说十拿九稳,但有时也会出错。

合理运用形状和色彩可以影响人们所见。图1-3展示了色彩如何使人注意到特定的信息,通过变化颜色区域,传达出的两条信息截然相反。

战争与和平

色彩和形状能影响人们所见

在黑暗处,余光看得更清楚

人眼有700万对亮光敏感的视锥细胞和1.25亿对弱光敏感的视杆细胞。视锥细胞集中于视网膜中央凹处,在视觉的中心区域,而视杆细胞则主要分布在外围。所以在弱光环境下,使用余光观察会比直视看得更清楚。

视错觉之错

视错觉就是大脑错误解析视觉信息的现象。在下图中,左边的竖线看上去比右边的长,但其实两条线一样长。1889年,Franz Müller-Lyer设计了这一图案,因此该图被称为“缪勒-莱尔错觉”(Müller-Lyer illusion)。这是最早的视错觉图案之一。

缪勒-莱尔错觉

人的视觉是二维而非三维

光线通过角膜与晶状体进入眼球,晶状体将影像聚焦在视网膜表面。在视网膜上,即使是三维的物体,呈现出的影像也是二维的。这些影像被传送到大脑视觉皮质并被识别,例如大脑会想:“哦,我认出那是一扇门”,从而重新将二维影像转化为三维物体。

视觉皮质汇总所有信息

John Medina(2009)认为,视觉信息以电信号形式传输到视网膜后,会汇总为多达12条不同的信息。其中,有几条阴影信息,还有几条运动信息,诸如此 类。大脑视觉皮质接收这些信息后,由不同区域分别响应和处理对应的信息,比如,一处专门处理40度角的斜线,一处专门处理色彩,一处专门处理移动状态,另 一处专门处理边线,等等。最终,所有信息只被整合为两条信息:一条是移动状态(物体是否正在移动),另一条是位置(物体和观察者的位置关系如何)。

小贴士

  • 别人在你的网站上看见的内容未必符合你的设想,他们的个人背景、文化水平、对眼前事物的熟悉度以及期待看到什么,都会影响他们的观察结果。
  • 你可以设计物体的展示方式,引导别人注意特定的内容。
  • 更多讨论内容请关注:学堂群:156360020 | 微信号:Aioued | 新浪微博:艾欧交互学堂

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/1526/

(0)
iouedioued
上一篇 2014-11-26
下一篇 2014-11-26

相关推荐

  • 关于微信聊天与朋友圈如何快速切换的小讨论

    用微信时,你是否遇到这样的情况。你正刷着朋友圈,享受着各种鸡汤,这时候,你收到一条微信,一看是女王大人,不得不回。你诚恳的回了一条,等了二十秒不见有什么回应,于是就退了出来,进入朋友圈找到那篇没看完的文章,没看两行字,那边就回复你了,于是你又乖乖地回过去,来来回回,很麻烦!那,为什么聊天和朋友圈间不能有一种更快捷的切换方式呢?其中A代表微信聊天页,B代表微信其它功能页,X代表实现A和B快速、便捷切换的操作或交互方式。我们不妨先来分析一下聊天页面的功能分布和操作特点。以安卓的微信群聊为例(不要为为什么),其它类似,一共可以分为三类,共14种操作,与手指间的交互动作共有5种。定义好问题、了解好现状后,我做了改善的尝试,下面将有可行度的一些方案与大家交流一下。

    2017-06-03
  • 在设计项目中,用好小图标的七个技巧

    图标是设计项目中几乎必不可少的一个组成部分,但是在图标的具体使用上,讲究并不少。

    2017-05-10
  • 用户体验(UX)专家是如何进行设计评审?

    设计评审是一种可用性测查工具,通常由一个评审员审查设计方案中的可用性问题。本文摘自https://www.nngroup.com/articles/ux-expert-reviews/原文标题:UX Expert Reviews原文作者:Aurora Harley什么是“设计评审”?定义:设计评审是一种可用性测查工具,通常由一个评审员审查设计方案中的可用性问题。“设计评审”一词颇为广义,涉及数种可用性测查方法,且每一种的运用因人(评审员...

    2018-04-19
  • 在考虑入行交互设计之前,先来搞清楚一些基本概念

    一直以来,经常有学生来问我,“是该选产品设计好还是交互设计好?”或者“过去是做产品设计的可不可以转交互设计?”“是不是视觉设计转交互或者界面设计方便点?”等等诸如此类的问题。笔者注:“产品”既可以是物质化的…

    2017-08-10
  • 提高交互设计技能的五个方法

     设计师 交互设计师  现在,所有基于Web进行设计的人都需要对交互设计原则有一个基本的了解。即使你没有在人机交互、用户体验设计或人性因素等方向的正式学习训练,但只要你了解这些学科的基本原理,依…

    2017-08-01
  • 未来的用户界面,将重新定义设计师的角色

    如果用户界面能够自适应用户的需求,那么设计师实际需要设计什么?如果没有图形用户界面,还需要设计师吗?

    2017-05-10
  • 美国交互设计“综合类&艺术类”院校申请差异对比?

    回复【交互】,获得专业老师一对一专业指导随着现今数字智能等高科技的发展,交互设计成为近些年众多艺术留学生的热门首选专业。但热门并不代表很多同学都对交互设计有所了解,比如,根据向汉艺咨询的学生情况分析,90% 的同学都分不清什么是到底什么是交互,只是很表面的认为交互就是各种“APP”、“UI设计”或者VR/AR。实际上,即使国外最顶级的院校,你也找不到一所专门设立“APP”的专业,“UI设计”严格上来说只能算是“平面设计”,而设立VR/A...

    2018-04-30
  • 设计中的 “潜在过程的外在可见后果”分析

    设计中的 “潜在过程的外在可见后果”分析 ——以第三方账号登录为例 “潜在过程的外在可见后果”,是在勒庞的《乌合之众》一书中看到的文字,这也是心理学家通常的研究切入点。外在结果作为表象,其潜在的发生过程才是更…

    2016-02-25
  • 经验总结|品牌视觉改版要如何开始做?

    一个成功的视觉改版是靠30%的探索流程+70%设计师水平。探索品牌感觉 → 发现提取关键词 → 寻找对应素材创建情绪板 → 指导设计发现提取关键词(我们自己) → 寻找对应素材创建情绪板 → 探索品牌感觉(让用户)→ 指导设计请问您觉得目前我们产品的视觉风格怎么样?

    2017-05-03
  • 交互说明标注工具合集

    最近很多同学在问交互原型里里的标注怎么做的? 其实很多原型工具可以做到例如Axure、justinmind,但是做起来比较慢且不美观。有没有专业的工具呢?这不我们介绍几款常见的产品。   Specctr 首先是由 Onpixel …

    2016-04-06