TINNN / INTERACTIVE VISUAL STUDY 001

Tin Zhang Portfolio

古典神话 × 生成影像 × 蒙德里安交互 ART DIRECTION / AIGC / MOTION SYSTEM
MOVE TO REVEAL 移动鼠标,唤醒蒙德里安方块
FRAME 001 / 059
SCROLL TO SCRUB 滚轮上下浏览视频前后帧
T

A VISUAL SYSTEM WITH A SINGLE PURPOSE

让审美、代码与商业判断, 成为同一套创作语言。

从意图理解到模型路由,从批量生成到 critique / revision, 我把创作经验翻译为可执行、可评估、可迭代的视觉 Agent 工作流。

TINNN / 2026

COMMERCIAL CASE DOSSIER / HOVER TO PULL

品牌拍摄、动态制作与可交付资产,被整理成一组可抽出的竖版档案卡。
Nike SNKRS 手机端商业拍摄案例
01 / NIKE SNKRS

Nike
Shooting

移动端视觉拍摄与内容包装

布袋小子塔罗牌手机排列案例
02 / 布袋小子

Tarot
Mobile Set

角色 IP、卡牌视觉与手机端阵列

03 / TCL

Product
Motion

竖屏产品叙事与动态画面节奏

04 / PORSCHE

Online
Campaign

横屏素材重构为竖版展示档案

05 / JIUMU

Brand
Motion

品牌场景、镜头组织与成片包装

06 / SHILAIMU

3D Design
Film

产品建模感、材质与动态展示

PRE-AI DIRECTION ARCHIVE

Art Direction
Before AI

SELECTED SHOOTING / BRAND / STAGE / RETAIL / ROBOTIC ARM
Robotic arm operation on set
ROBOTICS Robotic Arm Operation Experience
Red still life set for beauty product art direction
BEAUTY SET La Mer Red Still Life
Nike SNKRS campaign shooting layout
SHOOTING Nike SNKRS Anniversary
Digital human campaign poster and stage visual layout
DIGITAL HUMAN CCTV Digital Human Campaign
McSpicy Sanxingdui wall and character visual design
BRAND VISUAL McSpicy Sanxingdui Wall
VIDEO Motion Fragment 01
Fashion studio art direction set with red curtain and styling
FASHION SET Studio Fashion Direction
Adeo retail display and launch environment
RETAIL Adeo Retail Space
NOVA stage installation with astronauts and blue lighting
STAGE NOVA Stage Experience
VIDEO Motion Fragment 02
Way of Wade pop-up shoe display
SPORTS Way of Wade Pop-Up
McSpicy Sanxingdui social campaign visual
SOCIAL VISUAL McSpicy Social Visual
Set and interior art direction board
SET DESIGN Interior Direction Board
Red stage installation and screen environment
INSTALLATION Red Stage Installation
Performance scene under red lighting
PERFORMANCE Red Light Performance
iQIYI campaign visual board in train carriage setting
CAMPAIGN iQIYI Train Campaign
Outdoor shooting and production art direction board
LOCATION Outdoor Art Direction
Beauty tabletop shooting details and product closeups
TABLETOP Beauty Tabletop Shoot
McSpicy Sanxingdui social poster with illustrated character
SOCIAL VISUAL McSpicy Social Visual 02
AIGC CREATION STACK 32 TOOLS / IMAGE / VIDEO / 3D / AUDIO

SELECTED VISUAL STUDIES / 01-04

Selected
Works

真实项目素材:环境生成、数字时尚、毛毡资产与游戏道具风格化。
01
未来感时尚人物坐在黑色跑车旁

FASHION / DIGITAL HUMAN

Future Fashion Direction

用固定角色、造型语言、镜头角度和金属材质控制,构建可用于平面与动态内容的数字时尚系列。
02
巴黎河畔建筑的高清写实环境设计

3D STYLE / AI APPLICATION

AI Style Applications in 3D

以同一组 3D 环境为基础,叠加 Show the System 中的风格矩阵;鼠标移动到不同位置时切换现实、毛毡、漫画、针织、黏土等风格应用。 围绕同一建筑母题控制构图、尺度、材质与光照,并继续延伸到季节变化、风格迁移和 3D 材质工作流。
03
毛毡材质的东亚建筑等距视图

3D ASSET / MATERIAL CONSISTENCY

Felt Asset System

从正面、侧面、背面、等距视角与微距材质共同约束同一资产,为 3D 重建和风格一致性提供完整参考。

AI 3D TEXTURE SYSTEM WORKS

AI 3D TEXTURE
system works

Animated turntable GIF assets arranged as a three-layer scrolling production wall.
04

GAME ASSET / STYLE TRANSFER

Multi-style Game Chest

保持宝箱结构和轮廓稳定,在材质、配色与世界观之间批量切换,并保留白模与法线图用于后续制作。
AGENT ORCHESTRATION 10 TOOLS / CODING / WORKFLOW / AUTOMATION

FROM ART DIRECTION TO AGENTIC EXECUTION

Agent
Workflow

Agent workflow UI using a fashion persona, garage background and robotic dog FASHION PERSONA / GARAGE AGENT WORKFLOW
  1. 01

    Intent & Art Direction

    拆解角色、环境、镜头、风格、品牌语气和输出约束。

  2. 02

    Model & Tool Routing

    根据任务选择 ComfyUI、LoRA、ControlNet、3D、视频与后期工具。

  3. 03

    Critique & Revision

    通过构图、光影、一致性、材质和商业适配度驱动下一轮修正。

  4. 04

    Eval & Delivery

    沉淀 prompt、节点图、参数、失败样例、验收规则和最终资产。

AGENT WORKFLOW ATLAS / 20 SYSTEM PATTERNS

Workflow
Atlas

Automation templates distilled into reusable agent patterns: retrieval, routing, memory, vision, review and delivery.
PRODUCTION PIPELINE 12 TOOLS / 3D / REALTIME / VFX / POST

PROCESS EVIDENCE / SKILL APPLICATION

Show the
System.

Skills are shown as repeatable visual decisions: diagnosis, tool routing, controlled generation, critique and delivery.
ADD SYSTEM CASE

Skill Application Evidence

Place a real workflow screenshot, ComfyUI node graph, annotated diagnosis image, agent trace or before / after revision proof here.

01

Input

Brief, reference image, material target and output constraint.

02

Diagnosis

Read structure, style drift, lighting, texture and commercial fit.

03

Route

Choose model, control map, node graph, 3D tool or agent step.

04

Generate

Produce controlled variations without losing the original visual intent.

05

Evaluate

Compare versions, record fixes and keep deliverable assets traceable.

ADD SLOT 01

Reference / Intent

Put the original reference, client brief, mood target or art-direction note here.

ADD SLOT 02

Marked Diagnosis

Add a crop with notes: shape error, material mismatch, style drift or lighting issue.

ADD SLOT 03

Tool Route

Use a ComfyUI graph, ControlNet setup, 3D rebuild path or agent call trace.

ADD SLOT 04

Controlled Output

Place the result beside its control image, depth map, mask, prompt or style target.

ADD SLOT 05

Revision Proof

Show failed version versus fixed version, with one short note explaining the fix.

ADD SLOT 06

Delivery Evidence

Add final asset package, parameters, prompt version, folder structure or export sheet.