Myrong Portfolio · 卷一

Pink Glass · 六件

以柔成形 Forms in soft light

六件作品,六道工序。平面、交互、动态与游戏,都从一个空白文件开始长出来—— 不靠模板,不靠构建工具,只有手写的像素与关键帧。像把光一层一层叠进玻璃里。

  • 平面设计
  • 交互实验
  • 实时渲染
  • 动态图形
  • 小游戏
Ⅰ — Ⅵ

六件藏品

Six works
Ⅰ

名片 · 三重校样

Business cards · three proofs

三套完全不同的版式语言:粉色渐层的柔、米白极简的克制、深夜蓝的沉稳。同一份信息,三种呼吸。含出血、工艺与纸张说明。

  • 平面
  • 版式
  • 印刷工艺
Ⅱ

情绪的天气

Weather of mood

把说不清的心情交给天气:晴、雨、雾、雷。切换的那一刻,背景色、文案语气与三维物件一起转场,像换了一层天气。

  • 交互
  • 情绪设计
  • WebGL
Ⅲ

永不打烊的梦境

A dream that never closes

一座纯代码搭起来的旋转木马。鼠标移动点亮星光,点木马进入章节。整站实时渲染、可离线打开,没有一张贴图是下载来的。

  • WebGL
  • 叙事
  • 实时渲染
Ⅳ

动态图形

Motion graphics

用关键帧与缓动而非素材拼贴,做一组有节律的图形运动实验。节拍、延迟与错位,都是手调出来的。

  • 动效
  • 节奏
  • CSS 动画
Ⅴ

手势交互 · 塔罗

Gesture & tarot

打开摄像头,用指尖在空气里选中一张牌。MediaPipe 手部追踪加三维卡牌环,全部在浏览器里跑,不需要任何插件。

  • 手势识别
  • 3D
  • 摄像头
Plate · Ⅰ

名片三套

Business cards
深色系名片的正反面成套展示,含配色与工艺说明
特色 03 正反面成套点击放大
名片正面:深色底、大字号署名与樱桃插画
正面Front
名片背面:联系方式四行与二维码
背面Back
粉色系名片正反面
特色 01粉色系
米白系名片三组正反面
特色 02米白系
深夜蓝名片三组正反面
特色 02深夜蓝

成品 90 × 54 mm,出血 3 mm,四角 R2 圆角。三套方案共用一套信息层级, 只换底色、字重与工艺:粉色系走烫粉,米白走压凹,深夜蓝走烫银。

About

关于这个人

Colophon

我是 Myrong,做视觉与交互。喜欢把平面里最省的那一刀, 留给动起来的那一秒——形先立住,再让它呼吸。

这里没有一份完整的简历,只有六件东西。它们大多是在深夜里, 用一台普通电脑、一个文本编辑器和一张空白页,从零开始长出来的。 没有框架脚手架,也没有素材库,能自己画的就自己画。

所以这一页本身也是手写的:一个 HTML、一个 CSS、一个 JS, 没有构建步骤——把它拖到任何静态托管上,就能跑。

Contact

想聊点什么

Say hello