独立开发者 · 界面设计师

你好,我是 Rosk

以光、层次与节奏构建界面,让每一次滚动与点击都有回应。

数据概览

六年,数字会说话

0交付项目
0合作团队
0设计奖项
0开源组件

技能图谱

以数据丈量专精

柱体从基线向上生长,数值同步浮现——数据亦有生命感。

能力分布

动效设计0%
前端工程0%
视觉设计0%
三维与图形0%

近半年交付节奏

精选作品

每一件,都值得细看

点击任意卡片,详情自右侧推入,当前页面左移后退,层级随之加深。

交互实验室

动效,是界面的语气

以下组件均可直接操作:标签切换、状态流转与面板拖拽,感受每一段缓动。

栏目切换

栅格与留白建立秩序:卡片圆角 16px,玻璃层叠加 1px 内描边,层级靠透明度与模糊表达,而非沉重边框。

动效遵循物理直觉:入场使用 ease-out,离场更快;弹簧用于拖拽回位,波纹用于点击反馈。只驱动合成属性,保证满帧。

工程侧坚持零依赖:原生 CSS 变量令牌、IntersectionObserver 驱动进场、requestAnimationFrame 统一调度滚动动画,全页无框架依赖。

状态切换 · 灵感生成器

填写主题并提交,组件将从操作界面平滑过渡到结果界面,消除突兀感。

灵感已生成

弹簧物理

松手之后,回位有时

拖动下方面板,松手后弹簧吸附到最近的圆点

夜航星
Rosk · 原声带