返回作品

一个个人空间
的诞生。

把正在探索的事,和已经做过的尝试,
放进一个属于自己的地址里。

rhtang.com个人主页2026 年 9 月上线
RH 个人主页的立体字母主视觉
以 RH 为主角,让光影与滚动连接内容。

先有自己的空间。

最初,只是想有一张简单的互联网名片。后来慢慢加入作品、探索方向和联系方式,让这个地址成为一个可以持续整理和记录的地方。

网站在 2026 年 9 月上线,随后逐步打磨主视觉、滚动方式与手机排版。2026 年 10 月,名称统一为 RH。每次调整都围绕同一个目标:让内容和浏览体验一起完善。

让视觉,跟随探索。

从最初的浅色名片,到影像与内容不断完善的个人主页,网站经历了几次视觉尝试。

网站以黑白为主,加入少量冰蓝细节。首屏保留立体 RH 分开、中央文字出现的转场;进入详细内容后,字母逐渐淡出,由细密波纹光栅接替背景。

让它轻巧地运行。

用 React 组织首页与设计记录,用 Vite 构建页面,并提前生成完整 HTML。标题和内容的进场由 GSAP 编排,卡片叠层沿用浏览器原生滚动。

立体 RH 使用 SVG 分层与轮廓光,背景采用 MicroSlats 波纹光栅。页面提供手机排版、减少动态效果的支持与清晰的键盘焦点;开场可以被滚动打断,同一次访问只完整展示一次。

设计、影像和实现借助 AI 工具完成,也在不断的使用与调整中继续完善。

慢慢生长。

这个项目没有一个必须结束的节点。随着内容积累,它也会继续变化。

回到个人主页