利用错觉的设计产品

设计产品是在满足功能需求的基础上，更注重于用户体验及用户感受。而在这其中，利用错觉的设计产品已占据了一席之地。错觉，指的是人们由于感知器官接收到的感觉信息不同而产生的不同感受，是一种视觉上的欺骗方式。利用错觉的设计产品，在满足功能需求的同时，更能满足精神需求，让消费者在使用的过程中享受到一种视觉上的神秘魅力。本文从多个角度进行分析，探讨利用错觉的设计产品的特点、优势及对市场的影响。

利用错觉的设计产品

一、利用错觉的设计产品的特点

1.追求视觉效果

利用错觉的设计产品，一般会采用一些特定的图像、颜色、形状等元素，以达到某种视觉效果。例如，某些彩色梯形装置看起来似乎是不平的，某些彩色条纹似乎在移动，一些黑白图案似乎有颜色等等，这些错觉现象都是利用特定的元素以创造出一种奇特的视觉效果。

2.给人以惊奇感

利用错觉的设计产品，给人以一种视觉上的惊奇感。它们往往是充满想象力和创意的，让人们在使用时体会到了一种与众不同的视觉上的感官刺激。这种刺激可以激发人们的好奇心，让使用者保持对产品的兴趣与关注。

3.多层次感受

利用错觉的设计产品，在满足基本的功能需求的同时，更加关注用户的心理感受。它们往往是多层次的，在产品的不同层面上有不同的感受体验。如某些趣味饮品包装箱内装有饮料盒，利用碗的错觉让外观看起来更有趣味，页面下拉时元素会发生变化等等，这种多层次的感受让人们在使用时越来越被吸引，产生更多的好感。

二、利用错觉的设计产品的优势

1.提升用户满意度

利用错觉的设计产品，在满足基本需求的前提下，更注重用户的心理感受。它们往往是充满创意和艺术感的，让人们在使用时对产品产生一种独特的视觉享受，从而提升用户的满意度，使用户对企业的印象更为深刻。

2.吸引消费者的目光

利用错觉的设计产品，往往意味着这种错觉效果的创新和独特性，其外观设计往往可以在消费者视觉中引起注意，甚至成为一种时尚的标志，从而吸引消费者的注意，提高消费者的忠诚度。

3.提高品牌美誉度

利用错觉的设计产品，往往触动消费者的情感和认知，使他们产生一种与众不同的视觉感官体验，从而进一步提高品牌的美誉度和形象，营造出独特的品牌文化。

三、对市场的影响

在当今市场中，利用错觉的设计产品已成为企业们广泛采用的一种营销手段。越来越多的企业开始注重外观设计的创新和独特性，以此来吸引消费者的注意，提高企业的美誉度和竞争力。特别是在一些消费需求高度可替代的领域，如饮料、零食等领域，借助错觉效果的设计产品，可以让企业在激烈的市场竞争中占据一席之地。

不懂自己或他人的心？想要进一步探索自我，建立更加成熟的关系，不妨做下文末的心理测试。平台现有近400个心理测试，定期上新，等你来测。如果内心苦闷，想要找人倾诉，可以选择平台的【心事倾诉】产品，通过写信自由表达心中的情绪，会有专业心理咨询师给予你支持和陪伴。

如何利用视错觉让界面UI设计更有趣

下面我们就来重点了解一下它的四个特性。

1.整体性
当我们（人类）辨认一样物体时，我们倾向于首先辨别它的轮廓，然后将这个轮廓归类为已知的事物。在此之后，我们才会去注意到这件物体的细节及各个组成部分。
片在解释格式塔原理时经常被采用。在这张图片中，看图的人首先会辨认出一条达玛尔提亚狗，而不是首先认出它的腿，耳朵，头部，然后把它们在脑中组合成一条狗的样子。
在网页设计中的应用：轮廓及线条往往比细节更重要（尽管细节有时也很有创意）。如果用户根本就辨认不出哪个图形才是可以点击的按钮，那么这个按钮设计得再华丽也是失败的。正如我们在最佳交互设计之道这篇文章中说过的，这种清晰的“定义”能让用户更了解按钮的功能。
2.具体化
由于在现实中我们所接受的视觉刺激很多都是支离破碎的，我们的大脑在处理这些信息时会自动把缺失的部分补足。
例如，上面的图形事实上都是含糊而不完整的，但我们的大脑依然能辨认的出它们。在图形A中，我们会得出这样的印象，即三个不完整的黑色圆形是由一个白色三角形连在一起的。
在网页设计中的应用：“闭合性”对网页设计而言非常重要。这意味着你只需提供某样东西的基本要素，观看者会自动补全确实的部分。因此你应该在设计中积极灵活地运用负空间（white space），而不应只是把它简单视作画面中的留白部分。
我们稍后会再次提及这个特性。
3.组织性
如果在视觉上一件物体有不止一种解释方法，大脑会在不同的解释之间切换，因为它无法同时接受两种解释。一个观看者越是集中注意力于某种解释之上，这种解释就越有支配性。
这也是许多“视错觉”图形的理论基础。例如，在上面的图形中，观看者可以将其解释为一个老妇人，也可以将其解释为一个年轻女人，但不能同时解释它的不同意义。
计中的应用：尽量避免在网页设计中使用具有多重意义的图形。你想要观看者看到什么，就呈现给他们什么。
4.恒常性
这是大脑在辨认和理解图形时采用的另一种策略。这个特性让我们总是能根据物体的轮廓与基本结构去辨认不同视角，大小和灯光下的物体。

举例说明生活中如何利用视觉错觉

1、陈列

利用空间错觉，丰富商品陈列，降低经营成本。在商品的陈列中充分利用镜子、灯光之类的手段，不仅能使商品显得丰富多彩，而且能减少陈列商品的数量，降低商品损耗和经营成本。在一些空间较小的区域，利用镜子、灯光等手段使空间显大。

2、餐厅

利用运动错觉，调整服务手段。浙江黄岩市长潭水库大坝的码头附近有一家切糕摊，店老板卖糕时，故意少切一点儿，过秤后见分量不足，切一点添上，再称一下，还是分量不足，又切下一点添上，最终使秤杆尾巴翘得高高的。这就是运动错觉对顾客的影响效果。

3、品质

利用颜色对比错觉，提高经济效益。日本三叶咖啡店的老板做了一个有趣的实验：邀请了30多人，每人各喝四杯浓度相同的咖啡，但四个咖啡杯分别是红色、咖啡色、黄色和青色。最后得出结论：几乎所有的人认为使用红色杯子的咖啡调的太浓了；

使用咖啡色杯子认为太浓的人数约有三分之二；使用黄色杯子的感觉是浓度正好；而使用青色的杯子的都觉得太淡了。从此以后，三叶咖啡店一律改用红色杯子盛咖啡，既节约了成本，又使顾客对咖啡质量和口味感到满意。

4、体形

利用几何图形错觉等，提供针对性服务，获得更好服务效果。阿根廷足球队的竖条斑马线队服在世界各国足球队队服中是很有特色的。

5、舞台

舞台美术设计是利用人们的视错觉来完成戏剧空间造型的创造。所谓视错觉“是人们在认识事物时，对事物存在状态，所感觉到的客观真实与事物本质的客观真实不相同的知觉形象”。

扩展资料

视觉形成

人的感觉有许多种，如触觉、味觉、嗅觉等，可通过触摸物体的形状、品尝味道、嗅其气味来感觉物体。而视觉是一种极为复杂和重要的感觉，人所感受的外界信息80%以上来自视觉。

视觉的形成需要有完整的视觉分析器，包括眼球和大脑皮层枕叶，以及两者之间的视路系统。由于光线的特性，人眼对光线的刺激可以产生相当复杂的反应，表现有多种功能。

当人们看东西时，物体的影像经过瞳孔和晶状体，落在视网膜上，视网膜上的视神经细胞在受到光刺激后，将光信号转变成生物电信号，通过神经系统传至大脑，再根据人的经验、记忆、分析、判断、识别等极为复杂的过程而构成视觉，在大脑中形成物体的形状、颜色等概念。

人的眼睛不仅可以区分物体的形状、明暗及颜色，而且在视觉分析器与运动分析器（眼肌活动等）的协调作用下，产生更多的视觉功能，同时各功能在时间上与空间上相互影响，互为补充，使视觉更精美、完善。

因此视觉为多功能名称，我们常说的视力仅为其内容之一，广义的视功能应由视觉感觉、量子吸收、特定的空间时间构图及心理神经一致性四个连续阶段组成。

-错觉

-视觉错觉

关注细节，如何将视错觉运用到UI设计界面中

一. 蓬佐错觉-Line

蓬佐错觉是有关长短的视错觉。自从意大利心理学家马里奥·蓬佐(Mario Ponzo,1882~1960)发表了相关论文后，这一视错觉便被称为蓬佐错觉，但在这之前，它就早已被人们所熟知。

上图上下并列的两条横线，上面的看起来比下面的长。有一种观点认为这是因为横线外侧的斜线使大脑觉得有纵深感，认为上面的线更远一些。长度相同的线段，位于远处的应该更长一些，因此上面的横线会让人觉得比下面的短。

这一视错觉在UI运用上，第一个让我想到的就是Input、Cell或段落间的分割线。各App的长短不同，大多数App都按照iOS或Android Guideline，在各控件左右留P的距离。也有一些不走寻常路的App。

△ 1.摄影图片分享App－iOS系统；2.回家吃饭－iOS系统；3.记账软件－Android系统

△ 1.日志软件－Android系统；2、3.Uber-iOS系统

图1截取iOS与Android系统上一些App，设计师使用非常规P距离线。图2截取了各平台App左右不留间距的线。从这两张图我们可以看到使用各种长短线的都有，并没有统一标准，最主要是你想要表达什么？在这里蓬佐错觉是否能帮助到你的UI表达。

手机屏幕的边界就如蓬佐错觉中外侧斜线，分割线与边界的距离就能让人对间隔中左右信息产生或长或短的感受，易读性也成为考量的一点。在App设计中，全局规范考虑是非常重要的，满足了单个页面的视觉需要是远远不够的。前端开发害怕的是没有逻辑规则的不同，只要定义好功能规范，即使在不同界面使用不同线长短也不是大问题。

简言之，在定义Line长短时，我们可以更多思考为什么要留边距、留多少合适、为什么确定这样的长短、是否有逻辑可循、考虑过全局性了吗、是否与品牌相合、是否能传达出视觉故事等等。

二. 艾宾浩斯错觉-Space

赫尔曼·艾宾浩斯（Hermann Ebbinghaus）是著名的研究人类记忆的心理学家，出生于德国，任职波兰布雷斯劳大学教授。他主要研究人类如何进行持续性记忆的（题外话：艾宾浩斯记忆曲线非常有名）。上图是他发现的视错觉图。位于中间的两个橘黄色的圆大小相同，但是看起来右侧的明显偏大。右侧橘黄色圆的四周是小圆，所以看起来比实际的大，而左侧的橘黄色圆周围是大圆，因此它看起来比实际的要略小。

△ Representations of the (A) Ebbinghaus-Titchener size-contrast illusion and (B) Delboeuf illusion.

艾宾浩斯错觉在实际应用中非常广泛，利用我们身边的东西，进行排列组合，就可以确认发现视错觉。艾宾浩斯错觉加上德勃夫错觉（Joseph Delboeuf illusion）和万辛克（Dr.Brian Wansink）、薛尔特·梵·依特森博士（Dr.Koert van Ittersum）的研究证实，人们的进食量会被盘子的大小与颜色所影响，也就是说，我们会被这些视错觉而影响真实行为。

△ Desserts served on different coloured plates at the Institut Paul Bocuse Research Centre in the study by Piqueras-Fiszman

△ The strawberry-flavoured mousse served from square, round and triangular plates in the study by Piqueras-Fiszman

△ The balanced and unbalanced plate arrangements utilized by Zellner et al. 64. In the coloured presentations, the lines of tahini were green and the dots were red.

在食物与餐具的关系中，已经被证实的结果能否在我们UI界面中运用呢？

上图是根据Google color tool搭配出的两组配色，左右图中空间格局完全相同，但运用不同深浅，色相会给人有左边空间更狭窄，而右边更宽阔的感受。

左右图中的原点大小其实是完全一致，但在左图中感觉较小，而右图较大。艾宾浩斯错觉与德勃夫错觉能在界面空间上起到明显作用，我们可以遵循这个理论工具为我们的设计服务，更好的表达功能重点，在空间中体现结构关系。

三.卡尼莎三角–Iconography & Texture

盖塔诺·卡尼莎（Gaetano Kanizsa,1913~1993）是意大利心理学家。他在意大利的里雅斯特建立了「心理学研究所」，为意大利心理学研究做出了巨大贡献。

在卡尼莎发现的视错觉中，最有名的是发表于1955年大家所熟知的下面的「卡尼莎三角」。这个视错觉表明我们的大脑把实际上不存在的三角形轮廓线画了出来。我们把根本不存在的轮廓线称为「主观轮廓」。

上图可以看到，在图形的中心有一个实际上并不存在的白色三角形。这是因为大脑在观察的时候自发将线段连接起来形成了完整的图形，而且这个视错觉在各种类似图形上都成立。

卡尼莎不仅作为心理学家取得了巨大的成就，他也是一位活跃的画家。在她的绘画中也不乏利用视觉错创作的作品。

△ Gaetano Kanizsa,[Omenone] 1977- olio su tela. cm50x70

△ Gaetano Kanizsa,[Uovo] 1975- olio su tela. cm50x70

卡尼莎错觉其实可以在UI的Graphic中运用，当然，每个设计师都要评估这个工具是否与公司品牌与视觉语言相和。

在市面上暂未看到完全运用卡尼莎错觉的icon作品，但我们时常看到未连接完成的icon设计，但这些未连接完全的icon并不会造成我们认知上困难，这是因为大脑帮助我们自动补全。

而说到材质，我们不得不提到Google推出Material Design（之后简称为MD）后，MD在Graphic明暗交界处使用了颗粒状来表达材质，这是MD纸质表达的延续。

在Graphic中，大家也慢慢开始沿用MD的材质表达，之前某厂App升级也在Graphic的材质上做了更加大颗粒全图片材质表达。

从图形、颜色、材质本身来说没有任何问题，在手机上显示也是挺漂亮，但这个颗粒感材质是如何与全局视觉体系联系的？在仔细阅读了他们设计概念／思路中视觉打法这一段，并没有找到答案。作为同行，也没能在产品中看出些材质统一性的端倪来，现在看只是为了做材质而做材质，在整体材质上并没有贯通。

提出卡尼莎错觉可以尝试运用在icon或graphic设计中，可以更开阔思维，多做尝试，小小图片也有大大世界。

四. 冯·贝措尔德效应–Color

在太阳照射的光波中，可见光是非常狭小的，我们只能看到区间在400-700nm的波长。

在了解色彩视错觉前，我们需要知道什么是色彩。在学习什么是色彩时，有一个理论让我非常诧异——色彩是大脑的感觉。感觉？什么！我看到的花花世界都是感觉？

接着，我来转述一下为什么说色彩是大脑的感觉。光照射到苹果上，而苹果表面只反射特定波长的光，其他光会被吸收，所反射的特定波长的红光被人收入眼帘，那么感觉就是红色。

现代科学表明，由于不同对象反射光的波长不一样，人类才能感受到各种各样的色彩。而且，映入眼帘的光北视网膜细胞转换成信号，通过神经传达给大脑，至此才第一次有「是红色」的感觉。但是，有时候对相同波长的光也会有不同的色彩感觉，那就是视错觉。

也就是说，在日常生活中，如衣服上看到的色彩，并非色彩本身，而是吸收波长后再反射的色彩，染料本身的颜色未必是最终我们看到的颜色，其中的原理如同上面那个苹果的光学反应。

上图看到1.那里有一条明显的竖着的亮线，2.那里有一条明显的竖着的暗线。但是将线与其他部分相比较，并非更亮或更暗一点。从1.到2.只是慢慢变暗。这种视错觉被称为马赫带，是大脑为了清除区分明暗分界线而产生的。

了解了我们大脑是如何认知色彩后，我们再来看一下什么是色彩同化？

上图中左右两边颜色完全一致，但中间颜色被周遭颜色影响。

当一种颜色被另一种颜色包围，或者另一种颜色作为背景的时候，那么这种颜色就会看起来很接近周围的颜色或者背景颜色，我们把这一现象称之为色彩同化。它属于一种色彩视错觉，又被称作冯·贝措尔德（Wilhelm von Bezold，德国气象学家，1837-1907）效应。

通常我们定义App色彩调性有几种常用类型：无色彩、单一主色、主次色彩搭配。色彩视错觉的色彩搭配让我想到了MD的色彩Guild-line，在不同色彩环境中无论哪种类型，都能通过周围色彩来影响主色，并让周围色帮助你表达App的情感。