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设计原则:30.对比性 CONTRAST

8月前 597 0

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

CONTRAST

在同一区域内,通过设计手法的差别处理,让优先级和重要性更高的元素和信息着重凸显出来。设计中的对比原则从艺术创作技巧中衍生而来,设计师可通过颜色、样式、尺寸等差别创造对比度,更好地组织内容的呈现,帮助用户专注于某些元素。

来源与推导过程

对比的起源难以追溯,它是一种古老的创作表现手法,广泛应用于文学与艺术创作中。西方绘画从文艺复兴开始注意画面的虚实对比、明暗对比等以调整视觉平衡、强调画面重点,该方法同样可以迁移到设计中,不仅可以平衡视觉画面,还可以强调某些功能,引导用户操作等。

解读与应用案例

页面中的对比可以帮助用户聚焦于关键操作,或对用户的操作产生引导的作用

  • "17Seven", last modified September 17, 2019

边界与限制

过多的对比会导致过多的视觉焦点,让用户产生困惑感,难以进行预期的行动。

文章来源

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

声明:本站原创文章文字版权归本站所有,转载务必注明作者和出处;本站转载文章仅仅代表原作者观点,不代表本站立场,图文版权归原作者所有。如有侵权,请联系我们删除。
#52设计原则 #对比性 
收藏 1
推荐阅读
  • 52设计原则:27.映射关系 MAPPING
  • 52设计原则:07.古腾堡图表 GUTENBERG DIAGRAM
  • 52设计原则:15.五架帽理论 FIVE-HAT RACKS
  • 52设计原则:02.多功能代价 FLEXIBILITY TRADEOFFS
  • 52设计原则:36.对齐 ALIGNMENT
评论 (0)
请登录后发表评论
分类精选
52设计原则:43.正态分布 NORMAL DISTRIBUTION
1304 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设计原则:50.委员会设计 DESIGNED BY COMMITTEE
1073 8月前
52设计原则:52.非我发明症 NOT INVENTED HERE
1072 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模板 申请友联