曲 曲奇QU QI

PORTFOLIO作品集

曲奇 QU QI

把四年的平面,摊开成一个可以走进去的空间。

专业视觉传达设计 方向品牌 · 插画 · 动态视觉 联络1658898008@qq.com
01

AI 视觉名片IDENTITY / 三套提案

同一份身份,三种气质:紫蓝扁平的通透、赛博科技蓝的秩序、紫红霓虹的夜色。每套都做了正反两面。

  • AI 生成
  • 版式
  • 渐变与光效
  • 正反双面
02

情绪天气MOOD WEATHER

把看不见的情绪,翻译成看得见的天气。选一个词,画面就开始下雨、起雾,或者放晴。

  • Canvas
  • 情绪可视化
  • 交互叙事
情绪天气 · 喜:太阳、云与彩虹
喜 · 晴朗Canvas 实时渲染
03

四年 · 空间FOUR YEARS IN SPACE

毕业设计的展厅:把四年的平面作品,一件件挂进一个可以走动、可以靠近的三维空间。下面是它推开之后的样子。

  • Three.js
  • 三维展厅
  • 空间叙事
  • WebGL
三维展厅里的山水长卷
展厅 · 内景Three.js 实时渲染
04

动态影像MOTION GRAPHICS

两条短片、一支网页动画,和一份写在拍之前的分镜。一条讲告别,一条讲抵达。

  • MG 动画
  • 分镜
  • 竖屏 9:16
  • 1080p
走散了也会被温柔找到 9:16 竖屏 · 120 秒 · 24 fps
纸飞机送信 16:9 · 1920 × 1080 · 66 秒
05

手势交互HAND TRACKING

摄像头认出手的位置,屏幕就开始回应。一个是可以炒菜的小厨房,一个是可以测手势、姿态、人脸的实验台。

  • MediaPipe
  • 摄像头
  • 实时识别
  • WebGL
手势炒菜小游戏启动界面
手势炒菜启动界面 · 四种手势
06

网页小游戏TWO GAMES

两个从零写完的小游戏:一个方块的、一个会飞的。都做了开始页、进行中和结束页,下面是录屏与六个状态。

  • Canvas 游戏
  • 关卡节奏
  • UI 状态机
  • 原创

方块 · TETRIS

七种方块依次落下,消行加分,越往后越快。做了开始、进行、暂停、结束四个界面,还带几套可切换的皮肤。

画面
988 × 720 · Canvas 2D
操作
方向键 / 空格 / 按住加速
额外
最高分本地存储

墨雀 · 横版跳跃

一只墨色的小鸟穿过竹影与远山,按住越久飞得越高,松开就落。水墨风横版,靠节奏而不是靠撞击。

画面
728 × 720 · Canvas 2D
操作
空格 / 点击 · 长按滑翔
额外
三种结局画面
方块 · 录屏988 × 720 · 72 秒
墨雀 · 录屏728 × 720 · 28 秒