Lark制作16:9 极简科技风 数据结构排序算法交互式教学动画页面,适合大学计算机/高中信息科技课堂教学。
整体风格:浅灰白极简底色,商务科技扁平化设计,无多余花哨装饰,字体为清晰无衬线黑体,配色专业柔和,元素布局规整,教学直观易懂。
页面整体布局:
顶部:大标题「八大排序算法动态可视化教学」,右侧下拉选择框可切换算法:冒泡排序、选择排序、插入排序、希尔排序、快速排序、归并排序、堆排序、基数排序。
中上区域:随机生成一组柱状数据条,高度代表数值,不同数值用渐变区分颜色,柱子下方标注具体数字,初始随机乱序排列。
中部核心区:排序动态可视化动画,柱子随算法逻辑自动交换位置、变色标记、移动换位,过程流畅丝滑。
底部控制面板:
1. 速度调节滑块:0.2x~3.0x,可放慢细看步骤、加快整体演示;
2. 随机重置按钮:点击重新生成一组乱序数据;
3. 开始/暂停/单步执行 三个控制按钮;
4. 实时信息面板:当前算法名称、比较次数、交换次数、排序状态(排序中/已完成)。
动画规则统一要求:
1. 比较的两个数据柱子 瞬间标为红色高亮;
2. 需要交换的柱子 平滑位移互换位置,带轻微过渡动画;
3. 已排好序的区间 自动变为绿色锁定高亮,不再变动;
4. 基准值、枢轴值、堆顶元素 单独黄色标记突出;
5. 全程按对应排序算法真实逻辑一步步演示,不跳步骤、不省略细节;
6. 支持循环播放、随时暂停、单步一步步拆解教学。
附加功能:
侧边文字实时同步显示当前算法核心原理、每一步操作讲解;
全程内置真人标准普通话语音同步讲解,语速平缓、条理清晰,逐步骤解说算法思路、规则、优缺点和适用场景;
整体画面干净、专业、教学导向强,适合课堂授课、网课课件、自主学习动画。