触控目标尺寸与间距 Touch Targets / Tap Targets
一句话定义
手机页面上所有可点击元素(按钮、导航链接、页码数字、关闭叉号)的物理触控面积与彼此之间的安全距离。
打个比方 Analogy
成年人的大拇指肚就像一根粗胡萝卜,如果你把两个开关做得像米粒一样大还紧挨在一起,一指头按下去必然同时按中两个。
岗位实战怎么做 In Practice
遵循 Google 与 Apple 的人机交互标准:核心可点击目标的触控区域至少为 48 × 48 px(像素),且相邻两个可点击链接之间的空白间距至少保持 8 px 以上。
案例与避坑 Pitfalls
常见扣分重灾区:文章底部的分页数字 1 2 3 4 5 挨得太紧、面包屑导航里的文字链接挤成一团、页脚(Footer)里的几十个文字链接行高太小。用 CSS 增加 padding(内边距)即可轻松修复。