一共18个课时从交互基础概念、组件交互、动效设计三大维度，对 18 项核心交互内容展开讲解，帮助学习者系统掌握交互设计关键技能：一、交互基础概念讲解交互模式：讲解不同···
一共18个课时
从交互基础概念、组件交互、动效设计三大维度，对 18 项核心交互内容展开讲解，帮助学习者系统掌握交互设计关键技能：
一、交互基础概念讲解
交互模式：讲解不同场景下的交互模式分类、适用场景及设计逻辑，帮助理解交互设计的底层框架。
触发方式：解析交互行为的常见触发形式（如点击、滑动、悬停等），结合案例说明不同触发方式的选择依据。
动作类型：梳理交互过程中的核心动作类型，明确各类动作的功能定位与设计规范，提升交互逻辑合理性。
动画过渡与曲线类型：讲解动画过渡的作用、常见风格，以及不同曲线类型（如线性、缓进缓出等）对交互体验的影响，助力优化动效流畅度。
二、核心组件交互讲解
按钮状态切换：聚焦按钮的常态、 hover 态、点击态等状态设计，讲解状态切换的交互逻辑与视觉反馈规范。
搜索框展开：详细拆解搜索框从折叠到展开的交互流程，包括触发条件、展开动画及输入反馈设计要点。
下拉式选项：讲解下拉选项的触发方式、展开 / 收起动画及选项选择逻辑，确保交互便捷性与视觉清晰度。
单选组件：解析单选组件的设计原则、选中状态标识及多选项布局逻辑，避免用户操作混淆。
多选组件：对比单选组件差异，讲解多选组件的勾选规则、全选 / 取消全选功能及选中状态可视化设计。
操作菜单：梳理操作菜单的唤起方式、菜单项布局及二级菜单交互逻辑，提升功能调用效率。
加载动画：讲解加载动画的设计目的、常见风格（如进度条、骨架屏等）及加载状态的视觉反馈设计。
底部导航栏切换：解析底部导航栏的选项布局、切换动画及当前页标识设计，确保页面跳转逻辑清晰。
三、进阶交互效果讲解
卡片扩展：详细讲解卡片从基础形态到扩展形态的交互流程，包括触发区域、扩展动画及内容展示逻辑。
卡片翻转：解析卡片翻转的触发方式、翻转动画时长控制及正反面内容的布局衔接，增强交互趣味性。
卡片拖拽：讲解卡片拖拽的交互边界、拖拽反馈（如阴影变化、位移跟随）及拖拽后的排序逻辑。
滑动删除：梳理滑动删除的触发阈值、删除确认机制及滑动动画设计，平衡操作便捷性与误触风险。
滑动轮播：解析滑动轮播的切换逻辑（自动 / 手动）、指示器设计及轮播内容的过渡动画效果。
旋转轮播：对比滑动轮播差异，讲解旋转轮播的 3D 视觉效果实现、交互触发方式及内容展示优先级。
