晋升述职我不发四十页PPT了，改做成一页能滑的网页

这么多年中层，PPT我见过各种版本，但去年那次是真栽了。

四十页，翻到第十八页是张甘特图，密密麻麻，我自己都得眯着眼找哪条是我干的。

我抬头看评委席。正对我那位在低头翻手机，翻到一半还顿了顿，估计是刷到什么。旁边那位跟人小声嘀咕，压根没抬头。

那一刻我心里咯噔一下，翻页的手停在半空。

最硬那条业绩，时间不够了，我是拿快速过一下的语气念完的。

念完自己都想抽自己一嘴巴。

没过。复盘那天张总说了句话，我记到现在：你东西其实挺硬，但你讲的方式让人抓不住重点。评委一天听七八个，没耐心替你在四十页里找亮点。

行吧。这话糙，但没毛病。

隔壁组一个比我还年轻的，半年后申请晋升，过了。评委反馈是讲得清楚，记得住。

我厚着脸皮去问他怎么弄的。他甩给我一个链接，说没用PPT，做了个网页。

我点开，人有点破防。

一页，从上往下滑。最上面一句话是他是谁，往下滑是三个巨大的数字，再往下是一条随着滑动一段段亮起来的线。滑到底，他这一年从哪来、干了啥、要到哪去，我一眼就懂了。

我第一反应，这得会写代码吧。他说他一行代码不会，是跟AI聊出来的。

我心里那点不服气，比不上那点手痒。我也想弄一个。

第一次我图省事，直接跟它说帮我做个述职网页。

结果它给我编了一堆张三李四的假业绩，看着还挺像那么回事。我盯着屏幕差点把电脑合上。

它不是替你想内容，是把你给的内容长成网页。你喂的料糙，长出来照样糙。

我把料重新理了一遍：我是谁一句话，三条硬业绩配数字，这一年最大的变化，还有升上去打算干啥。存成一个文件。

然后我跟它说了大概这么一段话：「我要把我的晋升述职做成一个一页式、可上下滚动的单页网页，用来现场演示和发链接给评委。要产出一个自包含的单个HTML文件，CSS和JS都内联，不依赖外部文件和网络。从上到下依次是角色定位、三条核心战绩每条配一个超大数字、一条成长主线、晋升后规划。风格干净专业，配色克制，严格只用我给的内容，不要编。」

它哐哐给我写了一个index.html。本地起个服务，浏览器一打开，我那份述职稿真变成能滑的网页了。

有点兴奋。比我熬夜排PPT那次爽多了。

第一版业绩那句我写的是主导了支付链路稳定性优化，取得了显著成效。我儿子路过瞄了一眼，说，啥叫显著，你到底干了啥。

一句话把我问住了。

我把这条业绩按情境、任务、行动、结果，拆成四段大白话。

情境是大促前支付链路偶发超时，成功率只有99.2%，掉0.1%对应几十万损失。

结果那段我写的是成功率99.2%到99.86%，超时率降了92%，零事故，没加一台机器。

我跟它说：「在我现有的述职网页里，新增一个核心战绩板块，把这条业绩用情境任务行动结果四段做成四张纵向滚动卡片，一屏一张，滚到才出现。结果那张卡把核心数字做成超大字号，用之前到之后的对比突出显示，别的严格照我给的内容，不要编。」

那张99.2%到99.86%铺满半屏的结果卡出来的时候，我心里那点得意藏不住。

第一版卡片挤得慌。我又跟它一句句磨：结果卡那个数字再大一点，占屏幕宽度一半。行动卡三条之间加点空隙，序号做成圆的。整体配色换成深灰底加一个点缀色，别那么花。

磨完我把网页滚到战绩那块，按现场演讲的速度自己滑了一遍，边滑边小声念。滑到某张卡我卡壳了，不知道这页该说啥，回去把那张卡的内容又换了一版。

成长弧线那块我一开始写的是流水账：三月上线什么，六月优化什么，九月带了个新人。

我儿子又路过瞄了一眼，说这不就是个工作日志。

行吧，他说得对。

我抠了半天，抠出一句话：从一个等着派活的执行者，长成一个自己定义问题、拉着人一起解决的方向负责人。

我跟它说，把这条主线做成一条从左下往右上延伸的弧线，别做成平铺的时间轴，滚动到这块的时候弧线一段段生长出来，三个节点依次点亮。

骨架有了，风格还得挑。它给我出了极简白、商务深色、数据仪表盘、杂志排版、科技渐变五种。

我手痒把科技渐变那版也点开看了看，背景一直在晃，自己盯着都犯晕，想着评委盯着动画忘了听我讲，没敢用。

那个版本我留着，存在文件夹里，再没打开过。

最后选了极简白。风格这东西，拿不准就别抢戏。

网页做好，我又让它加了一段打印样式：「给这个述职网页加打印样式，导出PDF时每个板块单独占一页，不要从中间被切断，隐藏滚动箭头之类的交互元素，保留背景色和配色。」这是给自己留的保命备份。

答辩那天，我信心满满拎着笔记本进了会议室。

投影接口对不上，借来的转接头还接触不良，画面闪了三次。

好不容易投上了，我才发现会议室没连我本地那个服务，浏览器里那串localhost在投影电脑上打不开。

我站在台上，看着一片空白的屏幕——那十秒钟，后背全湿了。

后来是掏出U盘里那份PDF救的场。掉了滚动和动画，但内容都在，好歹讲完了。

从那以后我出门带三件套：一条能发的链接，U盘里一份网页文件，还有一份PDF。三个总有一个能用。

U盘倒是一直揣在包里，PDF在桌面躺了大半年，再没打开过。

后来我又手痒，给网页加了点滚动进入才淡入的动效，数字滚到那也让它从零跳到最终值。

加着加着有点飘，飞入旋转闪烁全招呼上了，自己看着都晕。

儿子说，你这是述职还是放烟花。

删了一半，留了淡入和一次数字跳动，够用就行，别贪。

答辩那天有评委问了句，这网页是你自己做的吗。

我说数据都是我今年干的，样子是AI帮我摆的。他嗯了一声，问下一个问题去了。

网页里每个数字，我都得能被现场追问也接得住，这条我自己盯得死。它爱把显著提升这种词往上堆，我看见就删。

我甚至试过一招，把网页样式全删光只剩文字，读一遍，能立住我才敢用。立不住的，删。

这次评没评上，我这就不细说了。就这。

那份没用上的科技渐变版本，还躺在文件夹里，占着几十兆。

编者按

老陈这篇有一句话，做这种页子的人都该先记住：它不替你想内容，是把你给的内容长成网页——你喂的料糙，长出来照样糙。他第一次图省事，直接说『帮我做个述职网页』，它就给他编了一堆张三李四的假业绩，看着还挺像回事。晋升这种场子，撑得住的只有事实和数字，虚词一个都留不得。所以这篇的重点不在网页做得多炫，在你交上去的料够不够硬。

① 先把料抠成数字，再让它长成网页

料理干净了，一段话就能让它搭出骨架：「我要把晋升述职做成一个一页式、可上下滚动的单页网页，用来现场演示、也发链接。产出一个自包含的单个 HTML 文件，CSS 和 JS 都内联，不依赖外部文件和网络。从上到下依次是角色定位、三条核心战绩每条配一个超大数字、一条成长主线、晋升后规划。风格干净专业、配色克制，严格只用我给的内容，不要编。」

料要抠到什么程度：他第一版写『主导了支付链路稳定性优化，取得了显著成效』，儿子路过一句『啥叫显著，你到底干了啥』把他问住。他把这条按情境、任务、行动、结果拆成大白话，结果那段全落到数字上——成功率 99.2% 到 99.86%、超时率降了 92%、零事故、没加一台机器，再让它「把结果那张卡的核心数字做成超大字号，用之前到之后的对比突出显示」。撑场子的是这些数，不是形容词。

② 让它挑最虚的一条，虚词看见就删

它天生爱往上堆『显著提升』这类词，你得反过来盯：网页里每个数字，你都得能被现场追问也接得住，接不住的删。老陈还有一招更狠——「把网页样式全删光，只剩文字，读一遍」，立得住才敢用，立不住的删掉。答辩那天真有评委问『这网页是你自己做的吗』，他答『数据都是我今年干的，样子是它帮我摆的』，评委嗯了一声就问下一题去了。到头来评委认的是你今年干了什么，页面做得再顺也替不了这个。

别让样子抢了内容的戏：它给过五种风格，科技渐变那版背景一直晃，他自己盯着都犯晕，怕评委顾着看动画忘了听他讲，没敢用。动效他也加过头，飞入、旋转、闪烁全招呼上，被儿子说『你这是述职还是放烟花』，最后删到只剩淡入和一次数字跳动。拿不准就别贪，克制点。

再留条保命的后路：答辩那天投影连不上他本地那个服务，屏幕一片空白，他站台上后背全湿，是靠 U 盘里一份 PDF 救的场。让它顺手加一段打印样式——「导出 PDF 时每个板块单独占一页，别从中间切断，隐藏滚动箭头这类交互元素，保留背景色和配色」——出门带三件套：一条能发的链接、U 盘里的网页文件、一份 PDF，三个里总有一个能用。