CampusDownWiki
累计引用 15,887한국어KO 2,698EnglishEN 10,874日本語JA 772中文ZH 1,543
CampusDown(韩语)↗
简体中文

悬浮操作按钮

⚙️ 工程与技术 作者 CampusDown 维基编辑部 最后更新
悬浮操作按钮是浮在内容之上、滚动时位置不变的圆形按钮,执行屏幕的一个核心操作,如新建。
目录
  1. 1. 为何悬浮
  2. 2. 常见问题
  3. 3. 用好它
  4. 4. 常见问题
  5. 5. 参考文献

为何悬浮

Material(Google, n.d.)为最重要操作设计了FAB。拇指易达下方(Bergstrom-Lehtovirta & Oulasvirta, 2014),符合菲茨定律,尺寸要超过触控目标下限。

常见问题

仅图标依赖惯例(Norman, 1999);滚动时隐藏会成为隐藏示能(Gaver, 1991);还常遮挡最后一项或底部导航。

用好它

每屏一个,列表末尾留白;展开按钮也要够大(Parhi et al., 2006),检查WCAG 2.2的2.5.8与2.4.11。

常见问题

必须在右下吗?
右下是默认,也有底部居中,关键是不遮挡内容。
iOS要用吗?
iOS不惯用FAB,优先导航栏或标签栏按钮。

来源核查日期:2026-10-27

参考文献

  1. Google. (n.d.). Floating action button (FAB). Material Design 3. 每屏一个主要操作。
  2. Bergstrom-Lehtovirta, J., & Oulasvirta, A. (2014). Modeling the functional area of the thumb on mobile touchscreen surfaces. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 1991–2000). ACM. 拇指可及区域模型。
  3. Fitts, P. M. (1954). The information capacity of the human motor system in controlling the amplitude of movement. Journal of Experimental Psychology, 47(6), 381–391. 大而近的目标更快。
  4. Parhi, P., Karlson, A. K., & Bederson, B. B. (2006). Target size study for one-handed thumb use on small touchscreen devices. In Proceedings of MobileHCI 2006 (pp. 203–210). ACM. 拇指目标尺寸。
  5. Norman, D. A. (1999). Affordance, conventions, and design. Interactions, 6(3), 38–43. 惯例与可感知示能。
  6. Gaver, W. W. (1991). Technology affordances. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 79–84). ACM. 隐藏的示能。
  7. World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. 2.5.8与2.4.11标准。

运用该理论的报告与资料(韩语)

目前还没有专门讨论该理论的资料,但你可以在 CampusDown 资料库(韩语)中搜索相关报告。

查找更多报告 · 查看“플로팅 액션 버튼”搜索结果 →

推荐阅读的理论

最新文章查看全部 ›

大学学习与作业实用新文章(韩语)

本文最后更新于2026年10月27日。内容依据公认的原著和教科书整理;在报告中引用时,请务必核对下方参考文献中的原始出处。