10+年产品经理聊聊产品、测测产品,产品人交流学习成长平台,按 Ctrl+D 收藏我们
留言板 小程序 交流群 关于我

苏米客

  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源
  • 登录
  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源

52设计原则:32.图底关系 FIGURE-GROUND

8月前 752 0

52 Design Principles 是 RPDC(RPDC:小红书产品设计中心) 送给自己和所有设计师,研发、产品的礼物,希望前人的经验能帮助我们做更好的设计。

FIGURE-GROUND

人类的认知系统会把视觉刺激分为「图」和「底」两类元素,在构图中需要将重要的元素信息置于「图」的层次上。该原则最早来自心理学中的格式塔理论(Gestalt psychology),后来被广泛应用于设计领域。

来源与推导过程

格式塔理论自 1912 年由麦克斯·韦特海墨(Max Wetheimer)提出后,在德国得到迅速发展。由于考夫卡(Kurt Koffka)和柯勒(Wolfgang Köhler)的访美以及他们的著作被翻译成英文,这种新的理论引起了美国心理学家的注意。格式塔(Gestalt)由德文音译而来,意思是「完型」「统一的整体」,格式塔理论是一个心理学的概念,即:在人眼看到一组物体时,会先关注到主体,然后才会关注到部分。利用这个理论,设计师可以将设计元素有机地排列为一组,使设计更有统一性,会被更好地视为一个整体。而图底关系就是格式塔原则在空间中一种表现形式。

  • Wertheimer, Max. 1944. Gestalt Theory. New York.

解读与应用案例

一定范围内,图形与背景对比越大,位置越突出,图形越容易被发现。在下面两张图中,我们会发现左侧的灰色图形更容易被发现。

更多阅读

设计原则二:空间和图底关系

格式塔

文章来源

https://rpdc.xiaohongshu.com/52-design-principles/figure-ground

声明:本站原创文章文字版权归本站所有,转载务必注明作者和出处;本站转载文章仅仅代表原作者观点,不代表本站立场,图文版权归原作者所有。如有侵权,请联系我们删除。
#52设计原则 #图底关系 
收藏 1
推荐阅读
  • 52设计原则:20.框架效应 FRAMING
  • 52设计原则:05.形式追随功能 FORM FOLLOWS FUNCTION
  • 8大B端大厂设计体系:企业数字化转型的核心竞争力(Axure组件库下载)
  • 52设计原则:11.泰斯勒定律 TESLER'S LAW
  • 52设计原则:14.垃圾进垃圾出 GARBAGE IN, GARBAGE OUT
评论 (0)
请登录后发表评论
分类精选
52设计原则:43.正态分布 NORMAL DISTRIBUTION
1304 8月前
52设计原则:13.认知加工层次 DEPTH OF PROCESSING
1234 8月前
52设计原则:44.期望路线 DESIRE LINE
1158 8月前
52设计原则:45.反馈环 FEEDBACK LOOP
1118 8月前
52设计原则:48.信噪比 SIGNAL-TO-NOISE RATIO
1101 8月前
52设计原则:51.满意解决模式 SATISFICING
1095 8月前
52设计原则:50.委员会设计 DESIGNED BY COMMITTEE
1073 8月前
52设计原则:52.非我发明症 NOT INVENTED HERE
1072 8月前
52设计原则:49.心智模型 MENTAL MODEL
1067 8月前
52设计原则:47.功能蔓延 FEATURE CREEP
1051 8月前

文章目录

关注「苏米客」公众号

订阅推送更及时,手机查看更方便
分类排行
1 如何写出高质量的产品需求文档(PRD),撰写指南PRD模板
2 从“一句话需求”到完整PRD:如何用AI快速构建高效的产品需求文档(附一句话提示词)
3 从0到1掌握竞品分析:全面拆解方法论与实战案例
4 8大B端大厂设计体系:企业数字化转型的核心竞争力(Axure组件库下载)
5 想要用AI做原型设计,没有灵感?没有头绪?这四个产品经理必逛的原型资源社区
6 产品设计指南:各类终端原型设计尺寸与布局优化
7 52设计原则:52.非我发明症 NOT INVENTED HERE
8 52设计原则:51.满意解决模式 SATISFICING
9 52设计原则:50.委员会设计 DESIGNED BY COMMITTEE
10 52设计原则:49.心智模型 MENTAL MODEL
©2015-2024 苏米客XMSUMI 版权所有 · WWW.XMSUMI.COM 闽ICP备14005900号-6
免费影视APP 花式玩客 免费字体下载 产品经理导航 Axure RP 10 免费Axure模板 Axure原型设计 Axure元件库下载 原创Axure模板 申请友联