我做了个主题工作室：把主题当线缆插进显示器
来源：dev.to — 2026-11-12
📋 概述
作者的作品集有五个主题，用下拉框切换太省事了，她想要的是「把线插进屏幕」的手感：一排主题卡片，拖到显示器下方，显示器实时播放该主题的真实页面且可滚动；点「打开」后一束光沿着线缆窜上去，屏幕上像素进度条填满，主题随之打开，按 Esc 可以在中途拔线。连线不是一根，而是一束发丝般的曲线，每根都是独立的贝塞尔，光带沿着它们流动。
🔑 核心要点
- 交互隐喻先行：切换主题被重新定义成物理插拔，而不是一个下拉菜单。
- 每根线缆都是独立的贝塞尔曲线，所以整束线在两端自然散开。
- 显示器里预览的是真实页面而非截图，可滚动可交互。
- 拖拽时连线以弹簧跟随，中途可按 Esc 打断整个加载过程。
💡 金句
“I wanted switching themes to feel like plugging a cable into a screen.”
译：我希望切换主题的手感像是把一根线缆插进屏幕。
👍 0
👎 0
← 返回 dev.to 首页