/ 01
YUAN / NOTES让思考
有迹可循↗
有迹可循↗
个人博客 · 搜索文章、按主题筛选、沉浸阅读与明暗切换。原创长文和离线插画，让一个博客拥有完整的内容体验。
- 交互
- 搜索 / 阅读 / 主题
- 技术
- 原生 JS · CSS Grid
- 体验
- 离线运行 ↗
INDEPENDENT WEB CREATOR · 2026
把你的想法，
做成被记住的网页。
我为个人品牌、创作者和小型产品，设计并实现有气质、有互动、能让人停留的数字体验。
可接
项目
项目
你的下一步
↗ 从这里开始
SCROLL TO EXPLORE
01 / 05
DESIGN WITH INTENTION✳BUILD WITH DETAIL✳MAKE IT MEMORABLE✳DESIGN WITH INTENTION✳
SELECTED WORK / 01
每个项目，
都有自己的节奏。
三个可以亲手体验的演示项目。从个人博客到灵感工具，再到空间作品集，点击卡片，在新标签页探索。
/ 02
ORBIT / 24Ideas
in motion.Explore / Create / Share
in motion.Explore / Create / Share
一款真正可用的离线灵感工具。新增、编辑、收藏、归档你的想法，数据保存在当前浏览器，并可导出备份。
- 交互
- 增删改 / 筛选 / 导出
- 技术
- 原生 JS · 本地存储
- 体验
- 离线运行 ↗
/ 03
MAKE
space
A portfolio for the curious.space
空间设计师的交互作品集。浏览建筑插画、切换空间类别、打开项目画廊，并选择不同的光线氛围。
- 交互
- 筛选 / 画廊 / 光线
- 技术
- CSS 视觉 · 原生弹层
- 体验
- 离线运行 ↗
WHAT I DO / 02
少一点套路，
多一点完成度。
从第一句文案到最后一个像素，我会把每个影响体验的细节都照顾到。
01
品牌落地页
让用户在 10 秒内理解你是谁、做什么、为什么值得信任。
02
个人作品集
把你的经历、作品和个性，整理成一个会替你说话的主页。
03
互动与动效
用恰到好处的动效，让页面有呼吸，也让重点被看见。
- 01↗
对齐方向
聊目标、受众和你心里隐约的感觉。
- 02↗
搭建体验
先给结构，再给视觉，边做边确认。
- 03↗
交付上线
把页面打磨好，交给你一个可直接使用的成品。
START A CONVERSATION / 04
有个想法？
我们聊聊。
告诉我你正在做什么，哪怕还只有一个模糊的念头。先把需求整理下来，再通过闲鱼私信继续沟通。