INTELLIGENT DESIGN · PORTFOLIO

吕予真 · 智能设计课程作品集

七节课,从平面视觉到网页交互,再到三维实时经营。这里收录每一次作业的成品与过程: 名片视觉、情绪叙事、交互小游戏、MG 动画、3D 场景与可玩的酒店经营模拟。

班级 · 视传 252 学号 · 25130502021 课程 · 智能设计 作品数 · 7 组
Y2026

作 品 索 引

点击卡片按钮直接打开对应成品,视频与文档类作品在新标签页播放

01
LESSON 01

品牌名片 · 三种视觉语言

以原创品牌《超忆症》为题,用侘寂极简、波普艺术、赛博朋克三套风格完成同名名片(85×54mm), 并用提示词记录从风格描述到成图的完整过程。三张成图如下,点击可看原尺寸。

超忆症 · 侘寂极简风格名片
① 侘寂极简 · WABI-SABI
超忆症 · 波普艺术风格名片
② 波普艺术 · POP ART
超忆症 · 赛博朋克风格名片
③ 赛博朋克 · CYBERPUNK
AI 绘图版式设计提示词工程三风格对照
02
LESSON 02

我的情绪天气 · 情绪农场

把抽象情绪转成可被看见的天气与场景:用情绪农场的方式记录一周心情变化, 探索「感受 → 视觉隐喻 → 交互页面」的转译路径。

情绪可视化网页交互隐喻设计
03
LESSON 03

Cat Pounce · 猫咪扑击

用网页做一次短平快的交互实验:以猫咪扑击的动作为核心机制, 练习动画节奏、碰撞判定与即时反馈,完成从分镜到可玩页面的落地。

JavaScript动效节奏小游戏原型
04
LESSON 04

《寻味》MG 动画

从文字脚本到分镜、再到成片的完整 MG 动画练习。围绕「寻味」的主题设计镜头运动与图形转场, 最终输出可直接播放的短片。

MG 动画分镜设计剪辑合成
05
LESSON 05

第一人称 3D 场景探索

用 Three.js 搭建可自由行走的三维场景,加入贴图、灯光与碰撞体, 练习相机控制、材质与场景叙事的组合方式。

Three.js3D 场景贴图与光照第一人称
06
LESSON 06

地狱电影院

以恐怖氛围为基调的网页作品:用暗调视觉、节奏控制与交互反馈营造压迫感, 尝试把「看」变成一次有情绪的体验。

氛围叙事视觉风格网页交互
07
LESSON 07

云际酒店 · 3D 经营模拟

综合课程收尾作品:固定斜俯视全景的酒店经营游戏。点击寻路、红色需求提醒、火警与漏水处置、 十二类岗位自动工作,购物扩建二层与八间客房,园区地图随建设逐步扩展。
单文件 HTML + 本地 Three.js,无需联网即可运行。

云际酒店 · 3D 经营游戏运行截图
游戏实机画面 · 固定全景视角、经营目标、客人需求标记与酒店导览小地图
Three.js经营系统自动寻路施工与存档地图扩建