ECHO-OS

ECHO-OS是设计师 Echo Wang 制作的可交互个人作品集。网站把履历、联系方式和项目案例装进一台 Windows XP 风格的虚拟电脑：访客需要经过开机画面，在桌面上双击图标、打开文件夹、玩扫雷并寻找彩蛋，而不是从上到下阅读传统简历页面。

先从 README 进入这台电脑

第一次进入后，README.txt 是最合适的起点。它会说明这套作品集由 Echo 与 Claude Code 共同完成，并列出本次访问的探索任务。桌面保留了老式系统的双击语义；触屏设备则会使用更直接的单击操作。右下角还能切换中文和英文，英文版本也有独立访问路径。

桌面图标就是内容目录

这套桌面不是只有装饰作用，每个图标都承担明确的信息入口：

• About Me：打开个人介绍、联系方式和履历。
• Kuse、Delysium、Junior：展开项目快捷方式、案例页面、海报、视频和产品界面。
• Recycle Bin：保存旧项目和早期探索，让被淘汰的工作也成为设计过程的一部分。
• Internet：以旧浏览器外观串联作者参与的产品网站。
• Minesweeper 与留言簿：分别承担游戏任务和访客互动。

这种结构把“系统桌面”转化为作品集的信息架构，访客从图标名称就能预判内容类型。

三个文件夹展示不同层次的设计工作

Kuse 文件夹不只放最终界面，还梳理产品从画布交互、知识管理到办公工作流的多次调整，并保留对定位、上手成本和设计系统的反思。Delysium 收录官网、Dashboard、交互式白皮书、海报和视频等品牌与产品成果；Junior 则通过网站和发布视频展示另一条产品线。案例同时呈现结果与过程，因此比单纯堆叠好看的截图更能说明作者如何做产品判断。

七项任务把浏览变成一次通关

README 会追踪七项任务，包括查看个人介绍、翻阅三个项目文件夹、点击壁纸中的人物、玩一局扫雷以及查看回收站。任务完成后进入蓝屏式结局界面，并从多个故事结局中随机抽取一个。结局会保存在当前浏览器的本地存储中，刷新页面不会把它变成公开账户或排行榜。

留言簿的权限由访客主动触发

留言簿可以制作 Y2K 风格明信片：不开摄像头时使用站点壁纸，主动授权摄像头后才会拍摄画面并应用复古滤镜；贴纸和文字可在浏览器中编辑。选择“保存到本地”会下载生成的图片，只有主动点击发送时，明信片才会经过第三方表单服务交给作者。若只浏览案例、扫雷和彩蛋，不需要授权摄像头。

值得借鉴的是叙事结构而非 XP 皮肤

ECHO-OS 的价值不只是怀旧视觉，而是让交互形式直接证明作者的能力：窗口系统展示 UI 与动效，项目文件夹承担案例分类，任务系统控制浏览节奏，回收站则补充失败与迭代过程。设计个人作品集时可以借鉴这种“形式服务内容”的思路，但不必照搬旧系统外观；如果视觉隐喻与个人经历没有关系，复杂交互反而可能增加阅读成本。