独立开发者 · 界面设计师
你好,我是 Rosk
以光、层次与节奏构建界面,让每一次滚动与点击都有回应。
数据概览
六年,数字会说话
0交付项目
0合作团队
0设计奖项
0开源组件
技能图谱
以数据丈量专精
柱体从基线向上生长,数值同步浮现——数据亦有生命感。
近半年交付节奏
精选作品
每一件,都值得细看
点击任意卡片,详情自右侧推入,当前页面左移后退,层级随之加深。
交互实验室
动效,是界面的语气
以下组件均可直接操作:标签切换、状态流转与面板拖拽,感受每一段缓动。
栏目切换
以栅格与留白建立秩序:卡片圆角 16px,玻璃层叠加 1px 内描边,层级靠透明度与模糊表达,而非沉重边框。
动效遵循物理直觉:入场使用 ease-out,离场更快;弹簧用于拖拽回位,波纹用于点击反馈。只驱动合成属性,保证满帧。
工程侧坚持零依赖:原生 CSS 变量令牌、IntersectionObserver 驱动进场、requestAnimationFrame 统一调度滚动动画,全页无框架依赖。
状态切换 · 灵感生成器
填写主题并提交,组件将从操作界面平滑过渡到结果界面,消除突兀感。
灵感已生成
弹簧物理
松手之后,回位有时
拖动下方面板,松手后弹簧吸附到最近的圆点
夜航星