01平面 · 品牌
查看详情
超忆症 · 三种视觉语言
同一品牌的侘寂极简、波普艺术、赛博朋克三套名片，用提示词记录从风格描述到成图的完整过程。
INTELLIGENT DESIGN · 视传 252 · 2026
把每次作业 做成能玩的东西
七节课，从一张名片到一个能走进去的三维酒店。这里收录每一次的成品与过程—— 平面视觉、情绪叙事、交互游戏、动画影像，以及可以真的经营起来的《云际酒店》。
0组作品
0种媒介与技术
0个可玩网页
向下滚动
作 品 索 引SELECTED WORKS
点卡片看详情，里面能直接打开成品 · 作品在新标签页运行
01平面 · 品牌
查看详情
02网页 · 交互
查看详情
我的情绪天气 · 情绪农场
把抽象情绪转成可被看见的天气：晴天、风力、云量与作物，滑动一下就能换个心情。
03游戏 · 交互
查看详情
猫爪之下
你是猫眼皮底下乱晃的小虫子。看猫的视线预判扑击方向，在爪子落下前极限闪避。
04动画 · 影像
查看详情
《寻味》MG 动画
从文字脚本到分镜、再到成片。九镜叙事，用图形转场与运动节奏讲一个关于「尝」与「念」的故事。
05游戏 · 体感
查看详情
快刀切水果 · 体感版
调用摄像头识别手指，把手伸到镜头前挥一下就能切开水果。五根手指都算，还能两指清屏。
06网页 · 叙事
查看详情
地狱电影院
你捡到一张海报，演员表第七行是你的名字。八个散场方式，三条规则，选错就要重来。
073D · 经营
查看详情
云际酒店 · 3D 经营模拟
固定斜俯视全景的经营游戏。点击自动寻路、处理客人需求、买地建设、聘员工，最终建成大型综合酒店。
关 于 这 门 课ABOUT
七次练习，一条从「看」到「动手做」的路
01 · 品牌名片用同一套提示词控制三种风格，理解「描述 → 图像」的转译损耗。
02 · 情绪天气把感受变成天气与场景，学会用隐喻替情绪找一个可看的外形。
03 · 猫爪之下第一次独立写判定与节奏，明白「难」不等于「不公平」。
04 · 寻味 MG从脚本到分镜再到成片，练习镜头与转场的叙事效率。
05 · 体感切水果接摄像头做手势识别，把身体变成输入设备。
06 · 地狱电影院用规则、留白与节奏制造压迫感，而不是靠突然的惊吓。
07 · 云际酒店综合收尾：真实建模、寻路、经营数值、施工与存档，一个完整系统。
用到的技术
HTML / CSSJavaScriptThree.jsCanvas
MediaPipe 手势音频合成AI 绘图提示词工程
版式与字体分镜与剪辑游戏数值响应式
关于我
视觉传达设计 252 班，喜欢把平面里的那套秩序感搬到网页和三维空间里。 比起只做一张好看的图，更想做「能被点一下、然后有反应」的东西。