医疗App搜索页的雷达扫描按钮

一句话定位：医疗健康类应用的搜索状态指示

这个「雷达扫描按钮」是一个典型的界面状态动效，专门用于医疗健康类应用。当用户在App内搜索附近门诊或医生时，它通过左侧雷达图的持续扫描和右侧文字的配合，明确传达‘系统正在检索’的核心信息。它的设计目标非常清晰：在用户等待数据加载的短暂间隙，用视觉反馈消除不确定感，避免用户因误以为页面卡死而重复操作。

风格标签：简约扁平、医疗感、动态反馈

动效整体采用扁平化设计风格，配色以医疗行业常用的薄荷绿为主色调，给人专业、洁净的视觉感受。左侧的雷达扫描图标是核心视觉符号，通过指针的匀速旋转和扫描线的扇形扫过，模拟了传统雷达的搜索过程。这种具象化的运动方式，即使用户不看文字，也能本能理解当前状态。动态的扫描节奏与静态的搜索文字形成对比，有效吸引了用户的注意力。

最适合的3个场景：搜索等待、数据加载、操作确认

这个动效最直接的应用场景是搜索结果加载页。当用户点击“搜索”或“查找”按钮后，将它置于页面中央或按钮状态内，能清晰表明后端正在处理请求。其次，它也适用于需要短暂等待的数据加载过程，比如获取用户当前位置附近的医疗机构列表。最后，在一些需要二次确认的查找操作中，它能作为“操作已触发，正在执行”的视觉反馈，提升操作的确定性。

5分钟上手指南：预览、适配与接入

拿到这个动效后，首先在Lottie预览器中查看其循环效果是否流畅。它的原始尺寸为2010×456，属于宽幅横版设计。在实际项目中，你可能需要根据按钮或容器的尺寸进行缩放，建议保持宽高比不变，以免雷达图标变形。由于它包含透明背景，可以轻松叠加在各种底色的界面上。在接入时，Web端可使用lottie-web库，移动端则对应iOS和Android的Lottie库，通常只需指定动画文件路径和循环播放参数即可。