关于 Hanni

设计师 · 插画 · 声音创作者

你好

我是 Hanni Liu(刘汉妮),目前在墨尔本学习与实践 Content Creation and Design。我的项目横跨品牌与平面、信息设计、插画动画、声音和独立游戏。

我最享受从一个模糊想法出发,研究、画草图、搭建视觉语言,再通过测试和反馈让它逐渐清楚。相比把自己限定在单一媒介里,我更希望每个概念都找到最合适的形态——它可能是一张海报、一段 20 秒动画,也可能是一个真的可以玩的关卡。

我做什么

  • 平面设计与视觉系统
  • 动态影像与分镜
  • 声音设计、Foley 与终混
  • 插画与角色设计
  • 游戏 UI、像素画与 Unity 原型
  • 研究、测试与设计文档

我怎么做

我的流程通常从观察和资料整理开始,再进入 moodboard、草图、style frame 与原型。项目做到“看起来成立”之后,我会通过同学、教师或玩家反馈继续测试信息是否清楚、节奏是否舒服、交互是否真的有效。

这个网站也是同样的工作方式:它不是一份冻结的 PDF,而是一间会持续整理、替换和长出新东西的线上工作室。

AI 制作信息

ChatGPT
70%

内容构思、文案撰写、结构规划、设计与实现的主体。

Hermes
30%

在本机执行:生成静态站、抓取并搬运 WordPress 内容、部署到 Cloudflare、验证每一步。

比例是主观估计,用于说明各工具的大致参与度,比例大致按工作量分配,

技术栈

技术角色说明
Cloudflare WorkersStatic Assets托管整站 HTML/CSS/图片,纯静态请求免费不限量。
Cloudflare R2hn-media存放视频等大文件,经 Worker 路由输出,支持 Range 拖动。
Cloudflare DNS / HTTPS521019.xyz域名解析、自动 HTTPS 证书。
Pythonbuild.py静态站生成器:读取 markdown 与媒体,生成多页 HTML。只读源文件,绝不回写。
Wranglerpublish.sh一条命令完成 build → 同步 R2 → 部署 Workers。

设计参考

维度做法为什么
底色纸张米白 #f3f0e7让作品本身成为画面主角,接近印刷品的观感。
主色重墨黑 #111高对比、粗边框、硬阴影,平面海报式的秩序感。
强调色橙 / 黄 / 天蓝 / 粉数媒与插画作品常用的高饱和点缀。
排版超大号无衬线标题字体即图形,负字距收紧,接近实验性排版。

发布流程的演变

第一阶段 · GitHub + Vercel
最初作品集经 GitHub 仓库推送到 Vercel 自动构建,依赖外部平台的构建与 CDN。 [旧站点 ↗]
第二阶段 · 本地即源头,Cloudflare 发布
改为「Mac 本地就是源头,云端只是发布和存储」:一条 publish.sh 完成 build → R2 → Workers,不再依赖 GitHub/Vercel 运行时。