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设计原则:38.图层化 LAYERING

8月前 672 0

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

LAYERING

将相关的信息组合在同一层,能够加强他们之间的联系并有效管理信息的复杂度。威廉·里德维尔(William Lidwell)、克里蒂娜·霍顿(Kritina Holden)和吉尔·巴特勒(Jill Butler)在《通用设计法则》(Universal Principles of Design)中提到,将信息分层叠放展示,能使复杂的问题简单化,便于人们理解。

来源与推导过程

最早使用空间分析的已知实例之一来自《Rapport sur la marche et les effets du choléra dans Paris et le département de la Seine》(1832 年)中的流行病学领域。法国地理学家和制图师查尔斯·皮奎特(Charles Picquet)使用半色调渐变绘制了一幅描绘巴黎 48 个区的地图,以直观地表示每 1000 名居民中报告的霍乱死亡人数。20 世纪初,光锌术逐渐发展,它允许将地图分成图层,例如一层用于植被,另一层用于水。这意味不同图层可以单独绘制,避免了其他图层信息对绘图员的干扰。完成所有图层后,再使用大型工艺相机将它们组合成一张图像。

解读与应用案例

移动端设计中,常常将相关的信息组合在同一层中,并通过阴影和蒙版等手法将分层信息传递给用户。

更多阅读

交互设计:信息设计中的层级与层级感

Geographic information system

文章来源

https://rpdc.xiaohongshu.com/52-design-principles/layering

声明:本站原创文章文字版权归本站所有,转载务必注明作者和出处;本站转载文章仅仅代表原作者观点,不代表本站立场,图文版权归原作者所有。如有侵权,请联系我们删除。
#52设计原则 #图层化 
收藏 1
推荐阅读
  • 52设计原则:32.图底关系 FIGURE-GROUND
  • 52设计原则:18.图优效应 PICTURE SUPERIORITY EFFECT
  • 如何写出高质量的产品需求文档(PRD),撰写指南PRD模板
  • 52设计原则:37.模块化 MODULARITY
  • 52设计原则:04.曝光效应 MERE-EXPOSURE EFFECT
评论 (0)
请登录后发表评论
分类精选
52设计原则:43.正态分布 NORMAL DISTRIBUTION
1305 8月前
52设计原则:13.认知加工层次 DEPTH OF PROCESSING
1234 8月前
52设计原则:44.期望路线 DESIRE LINE
1159 8月前
52设计原则:45.反馈环 FEEDBACK LOOP
1119 8月前
52设计原则:48.信噪比 SIGNAL-TO-NOISE RATIO
1101 8月前
52设计原则:51.满意解决模式 SATISFICING
1095 8月前
52设计原则:52.非我发明症 NOT INVENTED HERE
1073 8月前
52设计原则:50.委员会设计 DESIGNED BY COMMITTEE
1073 8月前
52设计原则:49.心智模型 MENTAL MODEL
1068 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模板 申请友联