Touch Target 热区

【热区】是用户在屏幕上点击/触摸的部分，【热区】通常需要超出元素的视觉范围

设计原则

确保用户能够轻松、准确地与应用程序进行交互，提高用户体验。

场景1：独立热区（如纯icon、纯文本、icon+文本）

1，icon：

一般默认：一般icon大小为24*24px，此时热区默认44*44px

最小值：当icon小于 24px 时，热区为最小值28*28px，（极限情况避免热区重叠，24px icon 的热区也可缩小到 28px）

自定义 icon 大小需注意：当24px ≤ icon ≤ 44px 时，热区尺寸固定为 44px，当 icon大小＞ 44px 后，热区无需额外扩大按 icon 大小即可

icon 大小：

热区大小：

12px

28px

16px

28px

24px

2，文本：

文本/文字链最小点击热区高度 28px，宽度按视觉宽度延展（文字左右热区不与其他元素热区重叠的情况下可左右多加 12px）

场景2：整个模块为一个点击热区，则整个模块可点击

场景3：单独行/列为一个点击热区，则单独行/列可点击

场景4：同一行多个功能平均分布，则热区平均划分

标记：需求涉及点击场景时，标记示意研发。

icon大小有效区必须通过icon库的标准规范设计，一般不能把安全区扩大，如有扩大的场景与DS同学沟通