设计

David Aerne 个人网站

由 zuoan 分享 · 2026年10月29日

David Aerne 个人网站 产品图片

发现的理由

苏黎世计算设计师 David Aerne(meodai)的个人作品集网站,收录他围绕颜色做的 8 个开源项目。这个站最值得看的,是它把「滚动」本身做成了一件玩具。

左栏钉住,滚到哪看到哪:页面左右分栏,滚动时左栏的人像、名字和链接整屏钉住不动,只有右栏往下走;左栏中间留了一个固定预览位,右栏哪个项目滚到屏幕中央,预览位就切成哪个项目的演示视频。8 个项目依次是 Color Names、Poline、RYBitten、heerich.js、Charcuterie、OKpalette、Ray Color、PickyPalette,不用点任何东西,滚一遍就等于把作品集看了一遍。

滚到底还有一颗球:正文滚完之后没有页脚,继续往下滚,小球会放大、拖着粗轨迹在页面上滚动,球面还会换成作者的人像线稿;点一下「Play with the ball」,它就从停靠位释放出来,满页追着鼠标跑,身后留下一条蓝色轨迹,原来的位置只剩一个空心圆圈。

项目本身也够硬:领衔的 Color Names 收录了近 3.2 万个颜色名,能把一个色值变成一句小诗;Poline 用一条穿过极坐标色轮的直线生成配色;RYBitten 把历史色轮书搬进浏览器。每个项目都短小、好玩、能直接上手。

热度背书 作者在站内自述 2026 年获得 Swiss Design Award 交互设计类奖项,Swiss Design Awards 2026 官方名单中亦有 David Aerne;据 Color Names 项目自身记录,其配套 API 在 2025 年末约每月处理 300 万次请求,GitHub 仓库约 2,800 星。

维度评分理由
新鲜度★★★★★个人作品集不稀奇,但把滚动做成叙事加玩具的,少见
完成度★★★★★8 个项目、履历、自述齐全,滚动联动和页尾小球都打磨到了可玩的程度
推荐度★★★★☆做设计和前端的人值得逐帧拆解;纯找工具的人收获会小一些

体验与讨论 / 0

还没有评价。你的第一次体验,也许正是作者需要的反馈。

带着真实体验,加入讨论。

登录或注册 后即可提交首次体验评价。

相关的 One Take / 一家之言