我是 Hanni Liu(刘汉妮),目前在墨尔本学习与实践 Content Creation and Design。我的项目横跨品牌与平面、信息设计、插画动画、声音和独立游戏。
我最享受从一个模糊想法出发,研究、画草图、搭建视觉语言,再通过测试和反馈让它逐渐清楚。相比把自己限定在单一媒介里,我更希望每个概念都找到最合适的形态——它可能是一张海报、一段 20 秒动画,也可能是一个真的可以玩的关卡。
我的流程通常从观察和资料整理开始,再进入 moodboard、草图、style frame 与原型。项目做到“看起来成立”之后,我会通过同学、教师或玩家反馈继续测试信息是否清楚、节奏是否舒服、交互是否真的有效。
这个网站也是同样的工作方式:它不是一份冻结的 PDF,而是一间会持续整理、替换和长出新东西的线上工作室。
内容构思、文案撰写、结构规划、设计与实现的主体。
在本机执行:生成静态站、抓取并搬运 WordPress 内容、部署到 Cloudflare、验证每一步。
比例是主观估计,用于说明各工具的大致参与度,比例大致按工作量分配,
| 技术 | 角色 | 说明 |
|---|---|---|
| Cloudflare Workers | Static Assets | 托管整站 HTML/CSS/图片,纯静态请求免费不限量。 |
| Cloudflare R2 | hn-media | 存放视频等大文件,经 Worker 路由输出,支持 Range 拖动。 |
| Cloudflare DNS / HTTPS | 521019.xyz | 域名解析、自动 HTTPS 证书。 |
| Python | build.py | 静态站生成器:读取 markdown 与媒体,生成多页 HTML。只读源文件,绝不回写。 |
| Wrangler | publish.sh | 一条命令完成 build → 同步 R2 → 部署 Workers。 |
| 维度 | 做法 | 为什么 |
|---|---|---|
| 底色 | 纸张米白 #f3f0e7 | 让作品本身成为画面主角,接近印刷品的观感。 |
| 主色 | 重墨黑 #111 | 高对比、粗边框、硬阴影,平面海报式的秩序感。 |
| 强调色 | 橙 / 黄 / 天蓝 / 粉 | 数媒与插画作品常用的高饱和点缀。 |
| 排版 | 超大号无衬线标题 | 字体即图形,负字距收紧,接近实验性排版。 |