美文网首页
UI形状心理:巧用几何图形构图

UI形状心理:巧用几何图形构图

作者: TKback | 来源:发表于2018-04-24 10:45 被阅读376次

视觉构图是否成功取决于人们如何看待他。影响人类认知的因素有很多,其中很重要的一点是心理学,他可以帮助我们更深刻的理解用户。

我们想在今天的文章讲一下形状心理学。让我们看看他究竟是什么,以及如何在创作过程中帮助设计师。

形状心理学

所有的视觉对象都可以根据形状进行分析。例如,房屋可以看作顶部带有三角形的矩形,而太阳通常看作周围有一圈线条的圆圈。人们并不总是会注意到周围的形状和图形,但他们对我们的意识和行为有很大影响。研究形状对人影响的科学,被称为形状心理学。

每一个形状都有其独特的含义,并且不同程度地影响我们的思想和反应。有许多心理测试就是通过形状来定义人格或精神状态。例如,一个图形可以传达给人们某些特征,快速选择形状的过程,就可以表现出你所想的内容。

下面我们仔细看看,每种形状带来的含义以及它如何影响人类的感知。

几何形状的含义

听到形状这个词,大多数人首先想到几何图形。人们每天都会看到很多几何形状,包括正方形,圆形,长方形等等。但他们是什么意思?让我们来看看。

矩形

正方形、长方形是最常用的。我们每天都会看到他们。墙壁、家具、图书、显示器、手机、相机以及其他日用品,很多都是矩形。这种形状的直线和直角给人安全、可靠的感觉。人们通常将广场等建筑与矩形联系起来,这就是他们给人带来信任和权威感觉的原因。

常用含义:

严谨

力量

勇气

安全

可靠性

三角形

三角形是一个充满活力和动态的形状,总是与运动和方向有关。我们的眼睛会自动移动到三角形的顶部或它的放置方向。三角形可以有不同的含义。一个直立的三角形带来稳定和平衡,但倒立的三角形看起来有风险,让人感到紧张。

常用含义:

刺激

风险

危险

平衡

稳定性

椭圆形

椭圆形的首要意义是永恒,因为他们没有开始和结束。椭圆与太阳和地球以及其他宇宙物体有着密切的联系,甚至是宇宙。这就是为什么椭圆会带来神秘感觉的原因。此外,与之前的形状不同,圆形不具有角度,因此他更柔软和温和。

常用含义:

永恒

柔美

宇宙

魔法

神秘

螺旋

这类形状在自然界中经常看到,例如贝壳和花朵,它们常常与生命和成长的循环有关。另外,在一些文化中,螺旋可以代表知识或信息。在现代社会,他们被看作是创造力和新生的标志。

常用含义:

成长

创造力

平静

智慧

天然形状的意义

大自然创造的所有东西都有其独特的形状。叶子,花卉,树木,动物,许多动植物成为艺术家和设计师灵感的源泉。天然形状的植物和动物有明确的象征意义。他们经常给自然环境带来清新和融合的感觉。另外,动植物也可以有自己的特点和标志。例如,玫瑰是爱与激情的花朵,狮子是骄傲与勇敢的象征,但这是另一个要讨论的话题。

常用含义:

独特

天然

平衡

清新

抽象的形状意义

他们通常是抽象概念或自然形状简化后的视觉符号。一些抽象的形状可能难以识别,因为它们是程式化的,只有小的细节提示他是什么。一个抽象的形状通常具有直接的和具象的意义。他通常用于平面设计,特别是徽标和图标。抽象形状是快速传输信息而无需文字的有效方法。

常用含义:

意义的双重性

独特性

阐述

设计师如何利用形状的心理学

形状是设计的基本元素。可以作为视觉作品的组成部分,也可以作为内容组织的工具,将设计元素区分或连接成组。为了制作精致的设计,我们需要考虑形状的含义以及他们对用户的影响。

平面设计师经常处理小而精的元素,如logo和icon。一个好的logo作为品牌的代言,需要传达正确的信息。如果为logo选择了适当的形状,将有助于传达正确的理念,而无需额外的文字。例如,对于金融公司的logo,使用矩形和三角形可以表现信任和平衡感。

产品的用户界面经常出现各种形状。它们可以用作按钮或图标,也可以用于组织布局上的内容。例如,文本框通常以矩形或正方形显示。使用不同形状,设计师可以为产品创建有效的信息架构。布局的元素可以以一定的形状构造,以使用户的眼睛轻易的找到核心信息。例如,我们将内容放置在一个三角形的形状中,将重要组件放在其顶部,人们的眼睛就会自动进入顶部。

形状心理学在设计中起着重要作用。有很多字体,他们都对视觉感受有着不同的影响。有些种类以圆形为主,并且看起来更加女性化和温和。如果使用直线和锐角会更加正式,有时更具侵略性。这就是为什么要注意,选择哪些形状占字体的主导地位,以避免上下文和视觉呈现的冲突。

人的思想就像潘多拉,往往很难预测可能的反应。然而,心理学帮助我们理解大脑是如何工作的,至少在某些基本层面上是如此。了解形状的心理学,设计师可以从全新角度去改善移动产品交互和用户界面。

如果你喜欢这篇文章,一定要关注我。

本文翻译来自Medium,原文链接https://uxplanet.org/knock-design-into-shape-psychology-of-shapes-6e43c6e59955

更多UI设计技巧,欢迎来简书关注我

相关文章

  • UI形状心理:巧用几何图形构图

    视觉构图是否成功取决于人们如何看待他。影响人类认知的因素有很多,其中很重要的一点是心理学,他可以帮助我们更深刻的理...

  • 墙面设计思路

    几何图形组成的形状 小图形、小icon拼凑的形状图形 时空隧道感的图形 未来的时空 剪影图形 数字、数据、手机、移...

  • UI设计师进阶必备之构图技巧

    ui设计师使用的构图技巧有哪些?在ui设计中,图形设计,交互设计,色彩搭配,图标设计等等离不开构图技巧,对于设计来...

  • 性格的形状

    几何图形有形状,性格也有形状。 职场上的小王刚从学校毕业,脱口而出都是一串矩形信号,方方正正。 老油子小张来...

  • 超简单的摄影构图:形状

    摄影构图除了线条以外,形状可以说占据了构图的半壁江山。可能有的人对抽象的线条不能理解,但我想大家一定对形状不陌生。...

  • Day1 一日一片

    今天看到了一种拍照构图方法,采用几何图形及对称原则构图,简明的风格,一下就打动了我。 留心身边景色也发现了一处,依...

  • 超强干货!PS布尔运算新手入门指南全科普!PS干货教程

    实战+讲解,一次性帮你搞定布尔运算,搞定基础形状!今天不仅向你解释基础形状的原理与运用,而且手把手教你如何巧用Ph...

  • 最美曲线

    世界上有许许多多的形状,从初中开始就学到的任何几何图形,都是一个个值得品味的形状;但是今天我想说的“最美”曲线:复...

  • UI设计构图概论

  • 巧用表扬,激励成长——《教育心理学》第七章阅读小记

    巧用表扬,激励成长 ——《教育心理学》第七章阅读小记 ...

网友评论

      本文标题:UI形状心理:巧用几何图形构图

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