今天一大早，教研室突然说要交网页设计课的期末汇报PPT，搞得我措手不及。以前都是直接甩Word上去，这回非得搞PPT展示，心里直打鼓。想着干着急没用，赶紧打开电脑开搞，顺便把这趟折腾记录下来。

第一步：盯着屏幕发愣

对着空白的PPT页面发呆了十分钟，脑子里跟浆糊似的。网页设计这玩意儿知识点又多又碎，界面、色彩、响应式……总不能把教科书直接贴上去？赶紧灌了口浓茶提神。

第二步：翻箱倒柜找素材

打开电脑里的“学习资料”文件夹，好家伙比垃圾场还乱！上周做的网页设计作业、截图、参考网站书签全混在一块儿。只能硬着头皮扒拉，把PSD源文件、浏览器截图、笔记草稿统统丢进桌面新建的文件夹，桌面顿时像被轰炸过一样。

第三步：瞎画草稿

抽了张打印废纸，拿笔在背面鬼画符：开头放中间讲结尾咋收？抓破脑袋憋出五个歪歪扭扭的框，箭头画得像蚯蚓打架。不过好歹理清了：先讲工具，再说技巧，塞个案例。

第四步：套模板差点翻车

兴冲冲搜了个“科技感PPT模板”，下载完一看——好家伙全是荧光蓝配紫，动效闪瞎眼！差点被花里胡哨的动画带沟里，赶紧换成简洁的灰白底，只留了标题渐变色，这才像人用的。

第五步：往PPT里硬塞

按草稿框框把内容怼进去：工具页堆了PS/Figma图标；技巧页用手机拍的设计稿照片直接糊上去；案例页把我做残了的网页首屏截图放大。看着跟贴膏药似的版面，自己都嫌弃。

第六步：跟排版死磕

左边文字堆成山，右边图片悬空挂，丑得睡不着。咬牙切齿拖文本框到手腕发酸：标题统一调成32号字，正文缩到20号，行距拉到1.5倍；图片全部裁剪成方形，边缘对齐参考线。折腾完像样多了。

第七步：颜色惨案

起初用了一堆大红大绿，活像番茄炒蛋。突然想起上次老师骂人，赶紧改成暗蓝+浅灰的搭配，重点句用橙色标出，总算顺眼点。

第八步：偷师网站动效

看教学网站鼠标悬停按钮会变色，也照葫芦画瓢：给目录页的章节标题加了淡入动画和悬浮变灰，切换时加了平滑擦除。做完手贱连点十遍播放效果。

第九步：通宵改废话

凌晨两点读到“响应式设计是能够响应不同设备的设计”这种废话，当场把自己气笑。拿红笔在纸上狂划，删掉三页车轱辘话，把专业名词全换成“电脑/手机都能看”这种人话。

第十步：厚脸皮排练

对着洗手间镜子开讲，卡壳五次，说错三次Figma发音。一次掐表刚好八分钟，赶紧把自动播放时间锁死，生怕现场翻车。

折腾一天下来，发现搞PPT跟写代码差不多：先堆料，再删改，调细节。关键不是做多炫，而是让人听明白。这回踩坑总结的十步土法，下次再做应该能少熬两小时夜！