去年帮朋友看一个毕业设计展，毕业展厅角落里摆着一台老式CRT显示器，设计屏幕上跑着一个用Processing写的作品粒子系统。作者就坐在旁边，网站有人凑近时他才会说一句“按空格键可以换颜色”。毕业那个页面加载速度大概三秒，设计交互只有两个键，作品但我在那儿站了快十分钟。网站这让我想起一个问题：毕业设计作品网站到底该做成什么样？毕业

大部分学生把作品网站当成在线简历的附件。打开一看，设计首页是作品“Welcome to my portfolio”，下面一排缩略图，网站点进去是毕业项目描述、技术栈、设计截图三件套。作品这种结构没错，但太像交作业。评委一天要看几十个，你的网站如果和别人的长得一样，凭什么让人记住？

有个学妹做的是方言语音可视化。她的网站首页没有导航栏，直接是一个中国地图，鼠标划过不同省份会播放当地老人说“吃饭”的录音，同时屏幕上炸开对应的声波图形。技术实现不复杂，Web Audio API加Canvas，但她把“哪里人怎么说话”这件事变成了可以玩的东西。后来她告诉我，答辩时老师第一句话是“你这个我玩了五分钟”。

毕业设计作品网站的核心不是展示，是让访问者产生“我想试试”的冲动。这跟商业作品集不一样。商业作品集要证明你能干活，毕业设计要证明你会想问题。想问题的痕迹藏在细节里：为什么选这个颜色、为什么交互要延迟0.3秒、为什么首页不放自我介绍。有个做交互装置的同学，网站打开先让你拖动一个滑块，滑块越往右，页面上的文字越模糊，最后完全变成噪点。拖到最左边才看清标题：“信息过载时的注意力衰减”。他什么都没解释，但那个滑块本身就是解释。

技术选型上别贪多。见过一个网站用React加Three.js加GSAP加Lottie，结果首屏加载八秒，粒子效果卡成PPT。毕业设计不是技术博览会，用最笨的HTML加CSS加原生JS，只要交互逻辑对，照样出彩。我见过一个做城市记忆的项目，整个网站只有三个页面，用iframe嵌了老照片和地图，切换时用CSS的filter做旧胶片效果。代码不到两百行，但那种“翻旧相册”的感觉很准。

内容组织上，别写“项目背景、研究意义、创新点”这种论文摘要。把过程放出来。草图、废稿、调试时的报错截图、某天凌晨三点发的朋友圈“又崩了”，这些比最终效果图更有说服力。有个做字体设计的同学，网站上放了一个对比：左边是他第一版手绘的“永”字，右边是最终矢量版，中间用滑块控制过渡。滑块拖到中间时，你能看到笔画从颤抖到稳定的过程。这比任何“设计说明”都直接。

域名和部署别拖到最后。很多人在本地跑得好好的，一上线就出问题。提前买域名，用GitHub Pages或Vercel都行，把部署当成设计的一部分。有个同学的作品网站用了一个很奇怪的后缀，因为他说“这个后缀读起来像一句方言”。这种细节在答辩时会被问，而你能讲出一个故事。

最后说一个观察：那些让人记住的毕业设计网站，作者往往在网站上留了一个“后门”。比如按某个键会显示隐藏的调试信息，或者URL后面加个参数会进入另一种配色。这不是炫技，是给愿意多花时间的人准备的礼物。毕业设计展只有几天，但网站会一直在。那个按空格键换颜色的粒子系统，我后来在GitHub上找到了源码，作者在README里写：“如果你看到这里，试试把鼠标移到屏幕边缘。”

我试了。屏幕边缘慢慢长出一圈藤蔓。