LOGO-200LOGO-120x35LOGO-200LOGO-200
  • 首页
  • BIM咨询
  • 培训课程
    • BIM全科高级综合班
      • BIM建筑与结构实战班
      • BIM机电管线实战班
      • BIM建筑装饰实战班
      • 全国BIM技能等级考试班
    • 室内设计就业高级综合班
    • 建筑园林景观表现班
    • 建筑参数化设计犀牛班
    • 工业产品设计犀牛高级班
    • 平面广告设计
    • 淘宝美工网页
    • AutoCAD专项
    • 网课
    • 作品
      • 室内设计作品
      • 建筑犀牛作品
      • 产品设计作品
      • 园林设计作品
      • 平面设计作品
  • 课件
    • 建筑
    • Auto CAD 课件
    • 室内设计课件
    • 建筑犀牛课件
    • SketchUp 课件
    • Lumion 课件
    • 产品设计课件
    • Keyshot
    • BIM课程课件
      • BIM建模结构课件
      • BIM机电课件
      • BIM装饰课件
    • 平面设计课件
      • PS课件
      • AI课件
      • CDR课件
      • ID课件
    • 更多设计经典和教程
      • –室内设计–
      • –建筑设计–
      • –平面设计–
      • –产品设计–
      • –网页设计–
      • –CG插画–
      • –设计动态–
    • BIM技术
      • –BIM资讯–
      • –BIM教程–
      • –BIM案例–
      • –BIM考证–
      • –BIM软件–
  • 资源
    • 软件
    • -材质贴图-
    • -3DMAX模型-
    • -Sketchup模型-
    • -Rhino模型-
    • -BIM模型-
    • -CAD图纸-
    • -室内设计-
    • -建筑规划-
    • -平面设计-
    • -景观园林-
  • 设计答人
  • 管理系统
  • 设计制作
  • 其他
    • 合作企业
    • 招聘求职
    • 最新动态
    • 我们的风采
    • 关于我们
    • 手机版
  • –常用素材包–
  • -材质贴图-
  • -3DMAX模型-
  • -Sketchup模型-
  • -Rhino模型-
  • -BIM模型-
  • -CAD图纸-
  • -室内设计-
  • -建筑规划-
  • -平面设计-
  • -景观园林-
【官网】格式塔心理学,设计中的认知密码
2016年5月5日

知觉历程使我们能够通过自己的视觉,嗅觉,听觉,味觉和触觉感官来感知世界。尤其是我们的视觉系统,它处理了环境中的大量信息。比起分别感知,大脑的信息组织模式更倾向于将对象和形状转化为可理解的整体来感知。

 

视觉的分组完型法则将这一系列原则解释为人们看待和组织这种强烈视觉刺激的方式。格式塔原则中的相似性和最短距离原则,封闭原则,图形与背景关系原则,连续性和整体性原则都是设计师在组织视觉信息时常用的原则。作为一位视觉与交互设计师,我将这些原则作为在设计元素间构建种种关系和不同的基本规则。了解这些原则的应用方法,明白如何将之应用到自己的设计中会对自己的设计输出质量有很大的提升。

 

在本文中,我们来看看相似性和最短距离原则,通过真实的案例来阐述它们的应用方法,这样你就可以把它们应用到自己的设计中去了。

相似性

格式塔原理中的相似性即视觉上类似的元素更容易被视为相互关联的,而视觉上不同的元素则正相反,相似性可以帮助我们通过元素的色彩,尺寸,形状和方向将有一定关联性的元素组织在一起。

利用色彩来组织关系

相似性受色彩影响很大。如下图所示,不难发现,色彩对元素之间的关系分配有很大影响,即使各元素的形状不同。


c2

利用尺寸组织关系

尺寸也是一个相当重要的因素,我们可以利用尺寸这一属性构建相似性。在下图所示的例子中,虽然形状相同,但尺寸上的相似性导致较大的形状凸显出来并自发地形成一组。

c3

利用形状组织关系

利用相似性进行分组时,形状的权重不言自明,但相较于色彩和尺寸来说,形状这一因素的分组效果较弱。通过下图中的例子不难发现,形状的相似性让我们将元素划分为圆形和矩形的竖列,而不是两种形状交替出现的横行。

c4

利用方向组织关系

可以通过方向进行相似性分组。将下图中的部分矩形旋转 45 度,就会自然而然地形成一个互相关联的独立分组。同周围的形状相比,它们好像是在朝着相同的方向移动。这实际上也涉及了格式塔原理的整体性原则。我们以后会提到这一原则,当然,你也可以在网上搜索到相关内容。这是一个相当迷人的原则,它经常在我们身边出现。

c5

色彩!还是色彩!

正如前文所提到的,色彩对相似性的影响非常大,甚至可以压过其它属性。比如,我们可以利用颜色来覆盖形状构建的相似性关系。如下图,现在我们感知到的是红白相间的行而非圆形和矩形交错的列。试着将下图看做圆形和矩形交错的竖列,虽然可以,但确实有点困难,对吧?

c6

另外,色彩也可以覆盖尺寸的关系。当我们将颜色添加到尺寸相似的案例中时,就构建了两组彼此分离的相似组。现在我们会将红色大矩形和白色大矩形分别作为独立的不相关组别。

c7

这两个例子说明了色彩组织关系的强大效果。尝试在设计中用色彩区分元素,每组的关联性之强一定会令你感到意外。

关于相似性的实践

设计时,我们可以用相似性来表现元素之间的相关性,传达彼此间的组织和关联。比如下面的 Salon 的网站,通过尺寸关联性将内容分为两组,我们可以清晰地感知到两个独立的组别,左侧的“TOP STORIES”和右侧的“MOST READ”。尽管这两部分都提供了相似的功能,即显示供阅读的文章,按尺寸组织内容突出左侧的分组,这样可以引导人们关注 Salon 的头条内容。

c8

与此相对的,Amazon 并未通过相似性重点突出页面中的某个部分,而是通过重复相似的尺寸形状来构建一种相似性,引导我们按行浏览项目。

c9

使用相似的色彩

我们知道,色彩是营造相似性的重要因素,它能够帮助我们组织内容并使之易于理解。在 Cars.com 的案例中,相同的用色可以帮助我们区分标题正文和链接文本。(顺便一提:我曾在 Cars.com 做过交互设计师。)通过对不同元素使用不同颜色,我们希望能够发挥出色彩相似性的作用,对那些蓝色的链接文本也是如此。

c10

最短距离原则

格式塔原理中的最短距离原则表明,相互接近的元素比较远距离的元素相关性更强。与相似性类似,最短距离原则帮助我们通过关联性来组织对象。最短距离原则常常用于表现对象之间的关联性,帮助我们更快更高效地理解组织信息。

 

下图中圆圈的例子可以帮助我们理解最短距离原则是如何对相关性发挥作用的。正如你所见,下图中的圆圈逐渐向外扩散,表现出一种无序的状态,每一个圆圈都可被视为单独的对象。


c12

然而,当圆圈被拉入到一个隐形的空间中彼此相近时,它们就具备了一定的关联性,并且不会再被认为是单独的个体。

 

c13

留白

留白是构造最短距离的宝贵工具。对同一组圆圈添加留白可以帮助我们感知到不同的东西。现在,左图中相近的形状让我们感觉圆圈被分为两列,每列自成一组。而右图中,留白将圆圈划分为两行。在设计中使用留白可以增强分组和元素间的区别。

c14

最短距离原则的效果

最短距离原则的效果之强,足以压过多变的其它因素。要注意,即使色彩和形状等其它属性不同,最短距离原则的效果依旧最强。可以像下图那样尝试一下,就会发现色彩和形状并不会压过留白效果,图中的元素依旧会被视为两个分组。

c15

最短距离原则实践

当我们组织设计中的信息时,可以通过最短距离原则构造元素间的关系来帮助人们理解设计中提供的信息。比如,Apple Store 中的图像就是通过最短距离原则分组的,我们对整体内容的关系进行思考,认为它们之间内容相似并且具有关联性。

c16

然而,当我们去掉中间一列时,就会感受到两个独立的组别,认为它们的内容并不相同。

c17

结合使用相似性和最短距离原则

可以将最短距离原则和相似性原则相结合,打造更稳固的关联性。比如下图中 Amazon 的例子,通过最短距离原则和尺寸的相似性分组,使我们感知到两个独立的分组,同时左侧的组别更加突出。

c18

最短距离原则和层次性

最短距离原则是组织元素层级的好方法。在下图 Crate & Barrel 的例子中,选项通过与常用的标题组合在一起,来构建关系,使浏览和查找信息更加轻松。

c19

总结

了解相似性原则和最短距离原则对设计中各元素关系的影响很重要,这有助于设计中元素的组织性,帮助提高设计的可用性。使用相似性原则和最短距离原则可以构建设计元素之间的关联性和区分度。通过综合调整元素的留白,色彩,尺寸,形状和方向进行实践,可以在元素间构造强烈的关联性。

微海报分享

Related posts

2020年8月6日

Illustrator快捷键


Read more
2020年4月20日

3-3 课 Keyshot渲染实例(吉他)——材质图的应用


Read more
2020年4月20日

3-2 课 Keyshot的HDRI贴图的编辑功能


Read more
2020年4月20日

3-1 课 Keyshot场景的视频教程


Read more

搜索本站

最新文章

  • 3dmax 2021 中文 2021年2月4日
  • Revit2020 中文 2020年12月3日
  • 广州地铁六号线香雪站BIM咨询案例 2020年9月15日
  • 图学会全国BIM技能等级考试 2020年9月14日
  • 国家职业资格培训鉴定实验基地BIM证书 2020年9月14日
  • 绿色建筑产业联盟BIM证书考证 2020年9月14日
  • 2019全球建筑学院排名TOP 20 2020年9月11日
  • 东莞某停车场改建项目 2020年9月9日

标签云

3DMax软件下载 AutoCAD软件下载 BIM技术 BIM技术经典 BIM教程 BIM软件下载 CG插画 CG插画经典 UI设计 UI设计教程 UI设计素材 Vray软件下载 产品设计作业 产品设计作品 全模型建筑场景 合作企业求才 园林设计作业 地毯 室内家具模型 室内整体模型 室内设计作品 室内设计素材 小砖块 平面设计 平面设计作业 平面设计教程 平面设计经典 平面软件下载 建筑园林素材 建筑犀牛作业 建筑设计经典 我们的风采 技巧 摄影 摄影,技巧 效果图 教程 最新动态 砖墙贴图 网页设计教程 网页设计经典 苹果MAC软件下载 设计动态 设计动态经典 高清贴图

严老师电话|微信|

手机:18902259698

梁老师电话和微信

手机:18902250768

QQ咨询

严老师 QQ 275043888

QQ联系咨询课程

晶网设计培训是广州建筑室内设计培训知名机构,拥有专业建筑犀牛课程,BIM培训考证,室内设计学习,园林景观学习课程等完善的广州室内设计培训教学机构。

地址:广州天河北路高科大厦A座3001室(地铁三号线华师站B 出口,前行20米左转就入A座大堂, 3号电梯上30楼)联系电话 020-85210826

©2018 晶网设计 粤ICP备10225019号-1
  • BIM咨询
  • 建筑动画
  • 园林景观
  • 设计方案效果图
  • 各类建模
shejizhizuo
  • BIM咨询
  • 建筑动画
  • 园林景观
  • 设计方案效果图
  • 各类建模