Exhibition · 2025 May——Now

从一张 Notion 页面开始

网页设计的兴趣和信息架构的直觉从这里萌芽,后来长成了真实的产品。

我的网页设计之路,始于 Notion 的静态页面。
当信息架构的直觉第一次被激发——
我开始用 Notion 搭建每一个想象中的产品界面,
后来逐渐把它们变成了真实的网页。
01
Portfolio · 个人作品集
用 Notion 搭建的高级感个人主页
2025.05

第一个试图定义「我是谁」的页面。
在 Notion 中尝试用排版、留白和视觉层次来传递专业感与个人气质。
这份对「品牌感」的直觉追求,后来在 Framer 中真正落地为独立的个人作品集网站。

Notion Design Personal Portfolio Design → Framer 落地
02
The Kingdom · 王国系统
游戏化个人任务管理系统
2025.05

从个人效率管理的痛点出发,
用游戏化思维在 Notion 中构建了一座完整的王国——任务变成经验值,日常变成冒险。在搭建王国的兴趣驱动中完成一个个长期目标。
在这个阶段,信息架构从「直觉」进化为「系统化思维」:导航结构、用户旅程、交互流程……一个产品的骨架在 Notion 中成形。

Notion Design System Design Gamification → AI 协作落地
03
The First Knight · 骑士首阵
从概念到可运行产品的第一步
2025.05

王国系统的核心驱动模块——
一个将短期目标拆解为可执行「第一步」的独立系统。
在 Notion 中完成概念验证后,通过 AI 协作写代码,最终落地为真实可运行的网页,并通过 GitHub Pages 独立部署。计划进一步用uniCloud发展为独立软件项目。

Notion Design Gamification → 真实网页上线 → 软件化计划中
04
Manifestation · 显化网页
吸引力法则驱动的自我管理工具
2025.05

将吸引力法则融入产品设计——
肯定语、近期目标、梦境过往记录,每一个模块都是对「自我意识」的可视化。
这是信息架构的直觉第一次被激活:如何让抽象的概念变成可感知的界面。

Notion Design Gamification
展品陈列完毕

从 Notion 到产品

📝

Notion → 想法

在 Notion 中搭建信息架构,用排版和结构验证产品概念。每一张静态页面,都是一个产品最原始的样子。

🎨

Figma → 设计

将 Notion 中的概念转化为高保真设计稿。用 Figma 精炼交互细节,打磨视觉表现,让想法变成可交付的设计语言。

🚀

Code → 落地

通过 AI 协作写代码,将设计变成真实可运行的网页。GitHub 部署上线,让产品从概念走向现实。