01
LESSON 01
品牌名片 · 三种视觉语言
以原创品牌《超忆症》为题,用侘寂极简、波普艺术、赛博朋克三套风格完成同名名片(85×54mm), 并用提示词记录从风格描述到成图的完整过程。三张成图如下,点击可看原尺寸。
七节课,从平面视觉到网页交互,再到三维实时经营。这里收录每一次作业的成品与过程: 名片视觉、情绪叙事、交互小游戏、MG 动画、3D 场景与可玩的酒店经营模拟。
以原创品牌《超忆症》为题,用侘寂极简、波普艺术、赛博朋克三套风格完成同名名片(85×54mm), 并用提示词记录从风格描述到成图的完整过程。三张成图如下,点击可看原尺寸。
把抽象情绪转成可被看见的天气与场景:用情绪农场的方式记录一周心情变化, 探索「感受 → 视觉隐喻 → 交互页面」的转译路径。
用网页做一次短平快的交互实验:以猫咪扑击的动作为核心机制, 练习动画节奏、碰撞判定与即时反馈,完成从分镜到可玩页面的落地。
从文字脚本到分镜、再到成片的完整 MG 动画练习。围绕「寻味」的主题设计镜头运动与图形转场, 最终输出可直接播放的短片。
用 Three.js 搭建可自由行走的三维场景,加入贴图、灯光与碰撞体, 练习相机控制、材质与场景叙事的组合方式。
以恐怖氛围为基调的网页作品:用暗调视觉、节奏控制与交互反馈营造压迫感, 尝试把「看」变成一次有情绪的体验。
综合课程收尾作品:固定斜俯视全景的酒店经营游戏。点击寻路、红色需求提醒、火警与漏水处置、
十二类岗位自动工作,购物扩建二层与八间客房,园区地图随建设逐步扩展。
单文件 HTML + 本地 Three.js,无需联网即可运行。