PORTFOLIO / 作品档案 2024—2026

Ge Yueting

葛月婷 / 视觉传达设计 251 班

SCROLL TO EXPLORE GMT+8 · --:--
01

作品 SELECTED WORKS

九件作品,来自六组原始文件夹。点开任意一件,可以直接在页面里运行它。

softweeks 手作档案首页 VOL. 01 打开

softweeks/手作档案

2025—26

奶油纸白、细发丝线、手写编号。把水粉、手绘布面、扎染与缝扎按「卷」摊开,一页一页往下读。

网页编辑设计 作品集-01-softweeks
Angel Girl 3D 展厅首页 12 PIECES 打开

Angel Girl/3D 展厅

2026

十二件实物作品放进一间会呼吸的展厅。向下滚动,屋子朝你走来;点开作品,看细节、看工艺。

交互Three.js 作品集-01-softweeks
我的情绪天气 3D 海边小店 4 CLIMATES 打开

我的情绪天气

2026

海边一间「心情小馆」。晴、多云、小雨、雷阵雨,天光、云量、雨丝和招牌一起变。

交互Three.js 我的情绪天气
湖光钓影 游戏开场 PLAYABLE 打开

湖光钓影

2025

卡通奇幻垂钓。蓄力抛竿,浮漂一沉就收线;鱼群在水下慢慢游,湖面有雾和花。

游戏Canvas 小游戏
十二生肖极限逃杀 选车界面 12 RACERS 打开

十二生肖 · 极限逃杀

2025

3D 街机赛车。漂移集气、直道喷氮,十二生肖各有极速、加速与抓地手感。

游戏Three.js 小游戏
摄像头钢琴 手势演奏画面 8 KEYS 打开

摄像头钢琴/指尖开花

2026

八根手指就是八个琴键。摄像头追踪手部关键点,指尖一落,琴键亮起、花开、音响起。

交互MediaPipe 摄像头钢琴
逐帧动画 在春天发芽的雨水 画面 70 SEC 播放

在春天发芽的雨水/逐帧手绘

2026

开场是黑白的线稿与雨,中段情绪炸成混乱色块,结尾长出一株嫩绿的芽。70 秒,24 帧每秒。

影像逐帧 逐帧动画-在春天发芽的雨水
缱紫梦 视线跟随 GAZE TRACK 打开

缱紫梦/视线跟随

2025

四段透明视频拼出的转头。鼠标往左,她往左;停住 2.6 秒,她自己慢慢张望。

交互影像 逐帧动画-在春天发芽的雨水
仲夏 视觉名片 3 VERSIONS 打开

仲夏/视觉名片

2026

一版深蓝渐变、一版暖白纸感、一版雾面人像。点击翻面,移动鼠标改变视角。

视觉网页 视觉名片-仲夏
02

档案 ARCHIVE

六个原始文件夹,原封不动搬进站点。点任意一行,直接运行里面的东西。

6 FOLDERS · 9 ENTRIES · 100% STATIC

  • A—01
    作品集-01-softweeks手作档案主页 + Angel Girl 3D 展厅 + 12 张实物原图
    13.5 MB 2 个入口
  • A—02
    我的情绪天气单文件 Three.js 场景(r149 已内联)+ 2 张参考图
    664 KB 1 个入口
  • A—03
    小游戏湖光钓影 + 十二生肖·极限逃杀 + 13 帧鱼素材
    2.6 MB 2 个入口
  • A—04
    摄像头钢琴单文件 HTML(14.7 MB)+ 21 秒演示录屏
    21 MB 1 个入口
  • A—05
    逐帧动画-在春天发芽的雨水70 秒影片 + 缱紫梦·视线跟随 + 手绘分镜
    17.5 MB 2 个入口
  • A—06
    视觉名片-仲夏3 版名片网页 + 7 张设计图
    3.4 MB 3 个入口
03

先用手做一遍,
再把它翻译成
像素与代码。

  • 25130502015学号
  • 视觉传达设计 251 班班级
  • 2024 — 2026创作区间

Made by hand, kept by code.

我是葛月婷,视觉传达设计 251 班。做纤维与蓝染、图案与手绘,也做网页与交互;喜欢纸的纤维、染料的渗透,也喜欢关键帧和缓动曲线。

这九件作品来自六组原始文件夹:有的是一针一线的实物,有的是一行一行写出来的页面。它们共用一套审美——留白、发丝线、编号和等宽小字。

材料 MATERIAL

  • 蓝染 / 扎染
  • 纤维与拼布
  • 掐丝与黏土
  • 手绘与插画

图形 GRAPHIC

  • 图案纹样
  • 编辑与排版
  • 品牌与名片
  • 色彩系统

动态 MOTION

  • 逐帧手绘
  • 分镜与剪辑
  • After Effects
  • 透明视频序列

代码 CODE

  • HTML / CSS / JS
  • Three.js
  • MediaPipe
  • Canvas / Web Audio

04 / CONTACT

一起做点
摸得到的东西。

课程作业、展览、合作、或者只是想聊聊布和代码——写信给我。

2747107879@qq.com