视觉感知

作者: 嘎嘎开心 | 来源:发表于2022-06-05 00:05 被阅读0次

    构图中元素的放置对用户感知设计的方式有重大影响。这种视觉感知很大程度上基于心理学的格式塔原理(格式塔的意思是“统一的整体”),并且可以严重影响用户的行为和情绪。 

    掌握元素放置如何影响用户在产品中的进度,可以让您更有效地控制该进度。

    设计感知

    设计感知完全是视觉的。我们对设计的看法受到颜色、形状、图案、排版、光线、图像和元素组织等因素的影响。设计人员需要对视觉感知有深刻的理解,因为图形用户界面完全是通过用户的视觉感知的。 

    格式塔理论是设计感知的基础研究,是在 1920 年代发展起来的。我们对设计的看法在很大程度上受到艺术传统(很大程度上影响我们的观点)、我们的书写系统(决定我们从哪里开始查看页面)和现实世界的经验(影响我们对重元素和轻元素的理解等)的影响。

    书写系统

    我们倾向于以与阅读相同的方式扫描设计,期望在一开始就找到最重要的信息。大多数现代书写系统使用从上到下的书写模式,这就是为什么页面顶部的信息被认为更有价值的原因。 

    大多数语言也是从左到右书写的,这使得页面的左侧显得更有价值。然而,对于超过 17 亿人来说,书写是从右到左进行的,这意味着他们会认为页面的右侧更重要。

    眼球运动

    在研究一个物体时,尤其是一个非常直观且文字不多的物体时,我们的眼球运动遵循一定的模式。通常,我们从左上角开始,滑动到右上角,然后通过中心到达左下角(通常称为 Z 模式)。在那之后,凝视变得不那么集中并重复相同的轨迹,移动更加混乱并且每次都辨别出更多细节。

    了解这种可能的模式可以让设计师沿着这条路径放置设计中最重要的部分,使它们更有可能被看到。当然,在书写系统是从右到左的区域,镜像这种眼球运动模式以获得相同的结果。

    活动区域

    页面的左上角和中心通常比其他区域更受关注。顶部也比底部更受关注,这就是为什么我们认为光学中心高于实际几何中心的原因。右下部分得到的关注最少,因为它需要更多有意识的努力来专注于该区域。

    在设计产品时,一定要把最重要的部分放在这些活动区。否则,它们可能会被忽略。

    元素的突出

    我们首先注意到的东西对我们来说似乎更重要。在具有从左到右书写系统的文化中,人们首先看页面的左侧。这就是为什么左侧的信息显得更重要的原因。要使元素更加突出,请将其放在左侧。

    关闭元素

    左侧的物体感觉比中间或右侧的物体更接近我们。有几个因素促成了这种看法。

    我们首先看到的东西似乎比我们后来注意到的东西更接近我们。此外,欧洲艺术传统上一直在左侧描绘更近的物体——就像米开朗基罗的《创造亚当》中,地球在左边,神圣在右边。

    遥远的元素

    意大利文艺复兴时期的画家和建筑师发现了线性透视,可以在平面上产生深度错觉。他们通过将所有平行线汇聚在画作地平线上的一个消失点来实现这一目标。一代又一代的线性透视艺术作品教会我们将构图的中心视为我们更远的地方,而不是侧面。

    轻元素

    我们认为顶部的元素比底部的元素轻。这种对较轻物体的感知与我们在现实世界中对重力的体验直接相关。例如,我们知道氦气球漂浮在空中,就像水中的空塑料瓶一样。

    重元素

    我们在现实世界中对重力的体验会强烈影响我们的视觉感知。我们知道在现实世界中,较重的物体会留在地面上,因此我们自然会假设设计元素的行为方式相同。在你的作品中放置一个较低的元素会赋予它更多的重量,也可以让它看起来更稳定。

    升序元素

    从左下角开始并在右上角结束的任何元素都将显示为上升。上升的元素会引发成功、成长和发展的情绪。这就是为什么许多公司——阿迪达斯可能是最著名的——使用升序标志。

    降序元素

    通常,我们将左角高于右角的元素视为下降。这是因为我们从左到右扫描设计。

    有时,其他因素可以避免这种影响。例如,彪马的猫科动物标志显然是向左下角跳跃,而不是向后倒下。

    向右

    用户的注意力是动态的——它不会停留在一个地方,而是遵循预先确定的路径,通常由我们的书写系统决定。虽然活动区域会吸引注意力,但方向矢量决定了注意力的移动方式。例如,宽文本列自然地引导我们从左到右

    向下方向

    改变一列的宽度可以让我们控制用户注意力的方向。较窄的柱子轻轻地引导用户向下注视。

    调整列宽以在引导用户注意力方面找到适当的平衡。

    向上和向下方向

    我们在设计中移动得越多,我们注意到的细节就越多。为了让用户上下扫描页面,将文本放在中间并居中对齐。

    多向运动

    通过以某种方式定位元素,设计师可以将用户的注意力引导到他们想要的任何地方,甚至可以为用户的视线创建自定义路径。例如,将标题放在右侧会将用户的视线引导到右侧,而窄文本列则会将其向下发送。

    如何使用突出元素

    将文本定位在左侧并左对齐会创建一个突出的视觉元素——它在设计中脱颖而出并立即吸引用户的注意力。

    如何使用关闭元素

    在决定将元素放置在何处时,请考虑元素的重要性。如果文本比图像更有意义,请将其放在左侧以立即吸引眼球并显得更靠近用户。

    我们通常会更多地查看左侧,因此,我们会更好地记住我们在那里看到的信息。不要通过在其中放置不太重要的元素来浪费这个空间。

    如何使用远距离元素

    如果您希望用户更多地关注图像,请将其放在左侧,将文本放在右侧。当我们慢慢地将视线从左向右移动时,我们认为右侧更远。右侧自然较少受到关注。

    如何使用轻元素

    想想更适合您的品牌个性的风格。如果您想要激发的情绪是兴奋、快乐和轻松感,请考虑让您的元素显得更轻松。为此,请将它们放在水平中线上方。

    如何使用重元素

    如果您想要给人的印象是力量、优雅和庄严之一,那么较重的元素可能是您构图的正确选择。将元素放置在水平中线下方以显得更重,就好像重力将它们拉下一样。

    如何使用升序元素

    一个精心设计的标志可以为品牌带来实质性的好处。除了获得兴趣和帮助区分自己之外,这是您向世界讲述故事的机会。 

    上升的标志使人们想到成功和成长。他们会将您的品牌与他们自己的个人发展联

    如何使用降序元素

    标志的设计特征会极大地影响消费者行为和品牌表现。如果您的品牌标志使人们想到衰退或停滞,您可能不会看到您的销售额飙升。

    根据经验,除非有充分的理由使用它们,否则请避免使用降序徽标。例如,如果您的品牌旨在为人们省钱或解决问题,那么降序徽标可能是合适的。

    本文内容为转载

    相关文章

      网友评论

        本文标题:视觉感知

        本文链接:https://www.haomeiwen.com/subject/asdwjrtx.html