用户本来准备点击“免费试听”，按钮却突然移动。

这就是视觉稳定性问题。

Google建议CLS保持在0.1以下。

因此在前端设计阶段，就应该为图片、视频和广告模块预留尺寸。

视觉稳定性不仅影响技术指标，也影响招生表单的实际使用体验。

九、颜色设计还需要考虑手机端可读性

教培网站的主要访问者可能是学生，也可能是家长。

因此色彩搭配不能只追求“年轻”“活泼”，还需要兼顾信息识别。

例如：

浅黄色背景不要搭配白色小字；
浅蓝按钮上避免使用低对比度灰字；
重要报名按钮和普通导航按钮要有明显差异；
错误提醒不能只依靠红绿色区分。

优秀的前端设计应该让用户在3—5秒内知道：

这是做什么课程的？
适合谁？
课程优势是什么？
下一步在哪里咨询？

十、二格网络公司建议：教培网站先设计转化路径，再设计动画

对于教培行业官网，速度优化和视觉设计不是两件互相冲突的事情。

合理的方法应该是：

先确定招生路径；
再确定信息层级；
建立统一色彩搭配系统；
完成核心前端设计；
压缩图片和视频；
减少首屏脚本；
建立缓存及CDN；
最后通过手机真实测试。

这样的网页既可以保留教育品牌需要的专业感，也不会因为过度设计而牺牲速度。

真正优秀的教培官网，不是动画最多、颜色最复杂的网站，而是能让目标家长和学生快速找到课程、理解价值并顺利完成咨询的网站。