小雨的头像

哈喽,我是

小雨

一个热爱捣鼓网页、喜欢折腾视觉设计的爱好者。擅长把脑洞变成好看又好用的页面,享受从零到一搭建作品的过程,也一直在学习打磨技术,期待用代码创造更多有意思的小世界。

向下滚动
01 · 关于我

用热爱捣鼓出来的小世界

你好呀,我是小雨。一个把「捣鼓」当日常的网页与视觉设计爱好者。对我来说,代码不只是工具,更像是把想象力变成现实的画笔。

我喜欢从一张白纸开始,慢慢搭出结构、调好配色、加上恰到好处的动效,直到它变成真正好看又好用的页面。过程可能漫长,但每次按下刷新、看到作品成型的那一刻,都特别有成就感。

未来我也会继续学习、继续打磨手艺,用代码创造更多有意思的小世界。如果你也喜欢捣鼓,那我们应该很聊得来~

02 · 作品与经历

一路折腾,一路作品

代表作品

  • 烟花模拟器

    Canvas 交互式烟花,自定义颜色与发射

  • 液态玻璃 UI

    WebGL 复刻 iOS 液态玻璃光学质感

  • 音乐可视化

    实时音频频谱 × 动态视觉效果

  • 个人主页

    从零搭建的响应式视觉系网站

折腾历程

初识前端STEP 1

从 HTML / CSS 开始,第一次让页面在浏览器里成型。

进阶交互STEP 2

深入 JavaScript,开始用 Canvas、动效让页面「活」起来。

视觉探索STEP 3

研究 WebGL、着色器与玻璃拟态,追求极致视觉表达。

持续创作STEP 4

累计 10+ 独立作品,仍在不断打磨与输出。

03 · 旧站回顾

之前的网站

这是我之前的个人主页,记录了我早期的设计风格与表达。现在我想换一种全新的视觉语言,于是有了你正在看的这个星空玻璃版本。

旧站依然在线,欢迎点开看看我的成长轨迹 👇

访问旧网站
截图加载中…
之前的网站截图
打开
04 · 技术工具箱

我用什么创造世界

前端基础

HTMLCSSJavaScript响应式布局

视觉动效

WebGLCanvas动效创意GLSL 着色器

设计能力

UI 设计配色体系玻璃拟态交互细节
React / Next.jsTailwind CSSFramer MotionTypeScriptLenis 平滑滚动
05 · 热爱与坚持

数字不会说谎

10+
独立作品
1+
年折腾经验
好奇心
100%
对细节的热爱

技术会迭代,工具会更新,但把脑洞变成现实的热情不会变。
下一个作品,已经在路上了。

CONTACT

一起创造点有意思的

有任何想法、合作机会,或者只是想聊聊设计与代码,都欢迎随时找我~

大雨还在下
我的歌单 · 100
大雨还在下

大雨还在下

1个球

0:000:00