临时网页制作

上周三晚上十一点，网页客户突然发来消息：“明天早上九点要给投资人看demo，制作官网能不能先挂个临时页面？网页”那会儿我刚洗完澡，头发还在滴水。制作我回了个“行”，网页擦干手打开电脑，制作花了四十分钟用纯HTML加内联CSS拼了个单页——深蓝底，网页白色大字写着产品名，制作下面一行小字“Beta版即将上线”，网页外加一个假的制作“预约内测”按钮。第二天早上九点，网页页面准时出现在客户域名下。制作投资人点进去看了十秒，网页点头说“方向对了”。制作

临时网页这件事，网页本质上不是技术问题，是“怎么用最小成本制造可信度”的问题。你不需要漂亮的动画，不需要响应式栅格，甚至不需要一个正经的框架。你需要的只是一张能说明“这产品还活着”的脸面。有一次我甚至只用了一个<meta http-equiv="refresh" content="5; url=old_site.html">，把旧站首页重定向到一个写着“我们正在升级”的静态页，撑过了整个周末。

做临时页面的第一守则：别用构建工具。别碰Webpack，别碰Vite，更别碰什么Next.js预渲染。你只需要一个记事本，或者VS Code里新建一个index.html，然后直接写。有人会质疑，这样写出来的东西乱糟糟的——对，就是要乱糟糟的。临时页面的宿命就是活不过两周，你为它写组件化代码、配自动化部署，那是给临时工买社保，纯属浪费。

我的习惯是先定一个主色，从客户logo里吸色，然后全页面只用这一个颜色加黑白灰。字体用系统默认的font-family: -apple-system, sans-serif，标题加粗到700，正文14px到16px之间。内容结构就三块：第一屏是产品名加一句价值主张，第二屏放三个核心功能点（用emoji当图标，比如📊📈🔔），第三屏放一个表单或者一个联系方式。如果是给投资人看的，就多放一句“已获XX机构天使轮”之类的话，哪怕是假的——不，别造假，但你可以放真实的融资信息，哪怕只有一笔小额种子轮。

有次帮朋友做临时页，他连logo都没有。我直接在页面上用<h1>写了公司名，然后加了个CSS动画让字母逐个浮现，看起来像那么回事。他问我要不要找个设计师画个logo，我说不用，等产品上线再说。结果那个页面挂了三个月，期间还真有两个客户通过那个页面上的邮箱联系了他。他后来跟我说，那个临时页面比后来花两千块做的正式网站转化率还高。我笑了笑——因为临时页面没有废话，没有轮播图，没有“关于我们”的长篇大论，就一个核心信息：你能帮我解决什么问题，怎么联系你。

临时网页制作有个隐藏优点：它逼你想清楚什么是真正重要的。当你只有一个页面、几百字空间、一张图都放不下的时候，你自然会砍掉所有“锦上添花”的东西。剩下的就是产品的骨头。我每次做完临时页，都会把里面的文字复制出来存到备忘录，等以后做正式站时，那些句子往往直接成了首页的主文案——因为它们已经被“临时”这个过滤器筛过一遍了。

最后说个实用技巧：临时页面一定要加统计代码。哪怕只是Google Analytics的一个<script>标签。因为临时页面通常生命周期短，你更需要知道这几十个小时里有没有人点那个按钮，有没有人滑到页面底部，有没有人真的发了邮件。我见过太多人做完临时页就扔那儿不管了，结果两周后发现自己漏掉了七个咨询消息——那感觉比页面崩了还难受。

写完了。现在我可以去吹头发了。