一个落地页的诞生：从草图到上线

一个落地页，看起来只是「一屏又一屏」，但从草图到上线，中间的每个环节都在筛选。我复盘一个最近的项目，记录那些真正起作用的决策。

先想清楚一句话

动手之前，我会先逼自己写下一句话：这个页面，想让访客在 3 秒内记住什么？ 如果写不出来，说明还没想清楚。这句话会成为整个页面的锚点，所有区块都为它服务。

结构是骨架

落地页的结构有成熟的范式，但顺序可以重排。我的习惯是：

1. 首屏——一句话 + 一个视觉钩子，让人愿意往下滚。
2. 价值——不是罗列功能，而是讲清「对你有什么用」。
3. 证明——案例、数据、社会认同。
4. 行动——一个明确的 CTA，别让人猜下一步。

动效是盐，不是主菜

滚动视差、逐字揭示、数字滚动——这些我很擅长，但经验告诉我：动效要服务于信息，而不是炫技。一个页面有两三个点睛之笔就够，剩下的交给排版和留白。

落地时的真实问题

上线前，总有几个问题只在真实环境里才出现：

• 图片体积——大图拖慢首屏，必须压缩、懒加载、预留尺寸防抖动。
• 移动端——桌面端惊艳的布局，在手机上可能塌掉，要优先做移动端。
• 无障碍——prefers-reduced-motion 的用户，不该被强制看动画。

结语

一个落地页的完成，不是「好看」的终点，而是「有效」的起点。上线只是开始，数据会告诉你下一版改哪里。

落地，是设计真正开始被检验的时刻。