VIEW
SHA00:00:00
COPIED
I MAKE  GAME GRAPHICSGAME UIKEY VISUALSBRAND IDENTITYMOTION ADSAI WORKFLOWSWORLDSGAME GRAPHICS
WELCOME TO>>>>>

RYTREOXX'S VOL.2026
任天翔
VISUAL DESIGNER & UI DESIGNER
ECNU · VISUAL COMMUNICATION '27
INTERNED AT Tencent 腾讯 TiMi 天美 ByteDance 字节跳动 Xiaomi 小米
SCROLL TO EXPLORE
01ABOUT / 关于我PLAYER ONE

A gamer who designs. I build game graphics , interfaces & brand visuals — turning stray ideas into frames, one pixel at a time .

AGENT FILE // RX-0627LV.26
任天翔
SRANK
任天翔RYTREOXX
ROLE
视觉设计 / UI 设计
EDU
华东师范大学 · 视觉传达 本科(2023—2027)
STATUS
腾讯 · 天美工作室 视觉设计实习中
FOCUS
游戏平面 / 游戏 UI / 产品平面 / 品牌设计
BASE
上海 SHANGHAI

一个爱玩游戏、也爱做设计的人。关注游戏平面、游戏 UI、产品平面与品牌设计,享受把想法一点点落成画面的过程。在腾讯天美、字节跳动等大厂项目组实习期间,系统学习了成熟的设计规范与协作流程。

0+

段设计实习

INTERNSHIPS
0

项国家级赛事奖项

NATIONAL AWARDS
0+

款设计 / 引擎 / AI 工具

TOOLS & ENGINES
'0

届 · 本科在读

CLASS OF
DESIGN
PhotoshopIllustratorFigmaAnimateAfter EffectsPremiereInDesign
3D / ENGINE
Unreal EngineUnityBlenderTouchDesigner
CODE
C#PythonUE Blueprint
AIGC
ClaudeGPTMidjourneyStable DiffusionCursorAI Agents
CERTS
数字媒体设计工程师 (UE)CET-6
02EXPERIENCE / 实习经历× 05

Career Log

CAMPUS / 在校经历

  • ZDesign AI 智能家居软件(HWSPACES)项目已落地
  • 水车茗香品牌升级设计国赛一等奖
  • SONY 第二届创想大赛校园大使最佳校园大使
  • 个人世界观《Ode of Ashes》上海汇创青春一等奖

AWARDS / 奖项

  • 全国大学生商业挑战赛国家一等奖
  • 未来设计师大赛国家二等奖
  • 中国好创意大赛国家二等奖
  • 校一等奖学金华东师范大学

EDUCATION / 教育

  • 华东师范大学 · 视觉传达本科 2023—2027
  • 数字媒体设计工程师Unreal Engine
  • 大学英语六级CET-6
  • 主修:动画原理 / 交互设计 / 信息可视化三维动画设计
04SELECTED WORKS / 3D SHOWROOM
SCROLL / DRAG TO ROTATE
CLICK A FRAME TO OPEN
01 / 12DR.RATIO KEY VISUAL真理医生 · 角色宣传主视觉
4.1

Dr.Ratio
Key Visual真理医生 · 角色宣传主视觉

TYPE
KEY VISUAL
FORMAT
16:9 / 9:16
FIELD
游戏平面 · 角色宣发
DR.RATIO
Dr.Ratio 横版 KV
KV_HORIZONTAL
2560 × 1440
LIMITED CHARACTER
全新限定角色登场
“VERITAS RATIO”
FILE 4.1
SCROLL ↓
Dr.Ratio 竖版 KV

One character,
two frames.

以角色限定登场为主题的宣传主视觉,同时输出横版与竖版两套构图:碎裂的石柱、金色烟尘与蓝色光刃构成画面的动势,并为标题字、Logo 与信息层预留清晰的阅读路径。

KEY VISUALLAYOUTTYPOGRAPHYCOMPOSITING
4.2

Game UI
— Two Moods角色图鉴 VANCE / 角色养成 ARCADIA

TYPE
GAME UI
SCREEN
16 : 9
FIELD
游戏 UI · 信息架构
VANCE 角色图鉴 UI
NAV / TAB SYSTEM FACTION MAP CHARACTER TITLE SKILL LIST × 4 HERO ROSTER

Grit, ink & signal red — a courier who delivers anything.

“最后的快递员” VANCE 的角色图鉴界面。以「狂野都市」为核心概念,左侧阵营地图式的角色选择,中部立绘为视觉主体,右侧以撕裂笔刷承载角色定位与 4 项技能;粗糙的涂抹与硬朗的斜切框体形成反差,让信息层级在强风格下依然清晰可读。

ARCADIA UI
4.2B / CHARACTER PROGRESSION

Arcadia

暗金哥特风格的角色养成界面:圆弧轨道式的角色切换、星级与等级徽章、契合度进度与三项专属技能卡,统一在金属描边与烛光质感里。与 VANCE 的街头涂鸦形成两种完全不同的情绪表达。

GOTHICGOLD FOILPROGRESSION UI
4.3

Nuo Opera
傩戏百相传统非遗“傩戏” · 海报 & 多媒体视听项目 · 2024.12

TYPE
POSTER / MOTION
YEAR
2024
FIELD
非遗 · 主题插画海报

以传统傩戏面具为母题,用高饱和的青绿、明黄与朱红重新绘制面具纹样,配合“傩”字的实验性字体设计,延展出主题插画海报、面具图标系列与动态海报。

傩戏百相
4.4

Gravity City
Logotype标题字 · LOGO 设计与推导

TYPE
LOGOTYPE
STAGE
DRAFT → FINAL
FIELD
字体设计 · 品牌
FINAL / GRAVITY CITYGravity City
APPLICATION / TICKET
DRAFT 01
DRAFT 02

Neon marquee, casino lights & a title that hums.

从“零号空洞 / HOLLOW ZERO”方向的金属徽章草稿,推导到最终霓虹灯牌风格的 GRAVITY CITY 标题字;并延展到票券等应用物料,验证 Logo 在不同尺寸与底色上的表现。

4.5

Merch
Kit游戏周边物料设计 · 卡牌 / 贴纸 / 立牌 / 奖状

TYPE
MERCHANDISE
ITEMS
× 05 SETS
FIELD
游戏周边 · 印刷物料
01 / CARDSCOLOR
01 / CARDSMONO
Character Cards角色卡牌 · 彩 / 单色
02 / STICKERFRONT
02 / STICKERBACK
Sticker Sheet主题贴纸 · 正 / 背
03 / ACRYLICRED
03 / ACRYLICBLUE
Acrylic Stand亚克力立牌 · 双色
04 / AWARDFRONT
04 / AWARDBACK
Award Card荣誉奖状 · 正 / 背
05 / CARDFRONT
05 / CARDBACK
Character Card角色卡 · 正 / 背
END OF KITFlip
me.

悬停(移动端点击)卡片即可翻面查看背面设计。

← SCROLL →HOVER TO FLIP
4.6

Taiwu
Artbook《太吾绘卷》设定集 · 参与设计部分方案

TYPE
EDITORIAL
SPREAD
6685 × 2433
FIELD
书籍排版 · 国风
太吾绘卷 设定集
盘古 · 天地玄黄PAN 0%SCROLL TO UNROLL →
05TENCENT TiMi / 天美实习作品2026.06 — NOW

TiMi
Files

在腾讯天美工作室担任视觉设计实习生期间参与的部分工作:交互流程、系统 UI 迭代、活动预购、道具图标、品牌 LOGO 与 PC 端鼠标设计。受项目保密要求,这里只展示可公开的局部内容。

CLASSIFIEDFILE 05 · 07 PROJECTS · PARTIAL
A

试衣间 · 添加人车预览

INTERACTION DESIGN · VS2.7 · FLOW + 15 PROTOTYPES
交互流程图FULL FLOW · 14795 × 19319

为“试衣间”加入角色与机车的组合预览:梳理从主界面 → 角色/机车试衣间 → 骑乘预览 → 替换涂装/皮肤 → 解锁判断的完整流程,覆盖已解锁、未解锁、无涂装等全部状态,并输出可交付的高保真原型。

  • 01 完整交互流程图
  • 02 状态枚举:已解锁 / 未解锁 / 无皮肤
  • 03 列表完整 / 缩略两种形态
  • 04 二次确认与回退路径
01 主界面
02 角色试衣间
03 角色总览
04 机车详情
05 机车试衣间 · 完整列表
06 机车试衣间 · 缩略列表
07 骑乘预览
08 机车替换 · 有涂装
09 角色替换 · 已解锁
10 角色替换 · 未解锁
11 二次确认弹窗
B

莫里哀 · 预购活动

EVENT UI · LETTER · ITEM ICONS
预购界面
信件设计
ITEM ICONS · 道具图标 × 07 — MOVE YOUR MOUSE
C

系统 UI 迭代

SYSTEM UI · 7 MODULES · ITERATIONS

资源包未下载时“边下边玩”:主界面入口、未开始 / 下载中 / 失败状态与提示弹窗。

D

普力士集团 · LOGO & 名片

IN-GAME BRAND · PURUS COMPANY
PURUS
PDS-02 · 三视图应用
PDS-07 · 三视图应用

游戏内虚构企业“普力士集团”的品牌识别:鹰首几何标志、横 / 竖 / 方三种组合规范、名片与机械装备上的标识应用。点击名片可翻面。

E

PC 端鼠标设计

CURSOR + CLICK FX · TRY IT HERE
在这块区域移动 / 点击 —— 指针与点击特效就是我为 PC 端设计的那一套
POINTER · 51 × 52

为游戏 PC 端设计的鼠标指针与点击反馈特效,延续角色的萌系形象,在小尺寸下保证轮廓清晰。

// END OF PUBLIC FILES

想看完整的项目
与设计过程?

以上为天美实习期间可公开的部分内容。完整的设计流程、更多界面与迭代细节,欢迎直接联系我,我很乐意线上或面谈中展示。

↓ 点一下即可复制 / 下载 — ONE CLICK
06LAB / 程序 · 引擎 · AIGC

HUMAN×MACHINE

01 / CODE & ENGINEUIParallax.csbatch_export.py

        
  • Unreal Engine蓝图 · 材质 · Sequencer · 数字媒体设计工程师认证
  • UnityC# 脚本 · UGUI · 交互原型
  • C#Unity 交互逻辑 · UI 动效脚本
  • Python切图批处理 · 自动化 · AI 工作流
  • Blender / TD三维建模渲染 · 实时视觉
02 / PROMPT → PIXELSTEP 00 / 30
SEED 0627 · CFG 7.0 · 16:9

> prompt:

《Ode of Ashes》中的城邦与战争场景概念图由 Midjourney 辅助生成,再由我完成构图筛选、叙事与后期合成;角色、装备、插画等则全部为手绘。

03 / AIGC IN PRODUCTION2025 → NOW
  1. XIAOMI · 2025.07AI 进入工作流的起点

    开屏广告动效中,用 Midjourney / Stable Diffusion 做风格探索、氛围参考与素材延展,缩短前期提案周期。

  2. BYTEDANCE · 2026.04从“生成图”到“协作者”

    用 Claude / GPT 梳理需求与交互逻辑、打磨 UI 文案;AI 快速产出情绪板与概念草案,Cursor 搭建可交互原型验证想法。

  3. TENCENT TiMi · 2026.06让 AI 接管重复劳动

    在游戏 UI 与图标生产中探索 ComfyUI 等 AI 工作流做概念迭代;用 Python + AI 智能体把切图命名、批量导出等重复工作自动化。

  4. PERSONAL · ALWAYS持续好奇

    关注每一个新模型与工具的发布并第一时间上手——这个作品集网站本身,也是和 AI 智能体协作搭建的。

Claude ✦ ChatGPT ✦ Gemini ✦ DeepSeek ✦ Midjourney ✦ Stable Diffusion ✦ ComfyUI ✦ Runway ✦ 可灵 Kling ✦ 即梦 Dreamina ✦ Cursor ✦ AI Agents ✦
07MOTION / 品牌动效XIAOMI × BRANDS · 2025

Motion
On Air

小米互联网业务部实习期间参与的品牌开屏广告动效:电视开机、开屏转场与付费单片广告。在大屏与手机的开屏场景里,把品牌素材转化为 5–20 秒的节奏化动态。
BOWMORE · CHANEL · McDONALD'S

REC · 00:15TV SPLASH
Bowmore波摩威士忌 · 电视开屏
▶
REC · 00:10MOBILE
Chanel
Holiday
香奈儿 · 幻影开屏
▶
REC · 00:17AUTO-PLAY
Chanel N°5单片付费 · 自动启播
▶
REC · 00:22ROTATE
Chanel Rotate香奈儿 · 旋转开屏
▶
REC · 00:15TV BOOT
McDonald's Boot麦当劳 · 创意开机
▶
REC · 00:15WIDE VISION
McDonald's Vision麦当劳 · 大视界
▶
MUTED PREVIEW · CLICK FOR SOUND06 CLIPS
08HAND-DRAWN / 手绘能力SKETCHBOOK

Hand
drawn.

个人创作与世界观设定中的手绘作品:插画、角色设计与概念设定。带有 ODE OF ASHES 标记的作品来自我的个人世界观,可点击按钮跳转查看完整设定。

No.01 — BEYOND THE PEAKSODE OF ASHES ↗
No.02 — RONIN
No.03 — THE WANDERERODE OF ASHES ↗
No.04 — FOREST SPIRIT
No.05 — THE OLD KNIGHTODE OF ASHES ↗
No.06 — THE LAST ANCIENT DRAGONODE OF ASHES ↗
No.07 — TWO IN THE WOODS
No.08 — SKY CITADELODE OF ASHES ↗
No.09 — CHIBI
09WORLDBUILDING / 个人世界观FEATURED PROJECT
A STORY ABOUT FAITH AND REDEMPTION

Ode of Ashes

灰烬颂歌 · 青铜圣约
The Bronze Covenant
上海汇创青春 · 一等奖AMINITALE STUDIODIRECTED BY DIESSEN REN
HIGHLIGHTS · MUTED — CLICK FOR FULL TRAILER WITH SOUND
OFFICIAL TRAILER
宣传片 · 1080P
RUNTIME 02:10
16 : 9
“NOBODY KNOWS THE
EXACT RELEASE DATE”
无人知晓确切上映日期

— FROM THE CHRONICLE —

“教廷用歌谣给孩子们洗脑时,窗外的梧桐树一夜之间长满聋哑的年轮。”

Chronicle混沌史

FROM THE AGE OF MYTH TO THE AGE OF IGNORANCE
I

神话年代

Age of Myth

强大的〔古圣〕占据统治世界,人类只是无数弱小种族之一,信奉各地的统治者并奉其为神明。

II

降格战争

War of Descent

灵气枯竭,古圣之间爆发战争,世界陷入混沌。最终只剩〔古龙王〕与〔砂铁之主〕。

III

青铜圣约

The Bronze Covenant

牧羊少年阿斯塔罗斯救出古龙王之女“苍穹”,建立教廷,与古龙王签订〔青铜圣约〕。觉醒龙血的人类被称为〔龙裔〕。

IV

升格战争

War of Ascension

教廷策反古龙族撕毁合约,发动〔佩斯卡尔特之战〕。古龙王陨落,人类与龙裔取代了古龙的支配地位。

V

升格纪元

Age of Ascension

教廷帝国急速扩张,艾米喀什、摩纳塔拉、加瓦兰姆、安曼古等城邦林立;对龙特殊骑士团“银剑”成立。

VI

协议纪元

Age of Accord

教廷帝国、亚人区与革命团体三方角力,动态的和平持续了将近两百年。

VII

血腥纪元

Age of Blood

第十任教皇撕毁大陆和约,发动〔大陆战争〕,大陆进入暗无天日的一百年。

VIII

斩角年代

Age of Severed Horns

亚人联军战败,古龙族几近灭绝;亚人被迫失去过于招摇的生理特征。

IX

愚昧纪元

Age of Ignorance — NOW

教廷帝国崩溃为“后教廷”,象征余威的“银剑”销声匿迹。长达三百年的〔愚昧纪元〕开始了。

CHARACTER DESIGN / 角色设计

People of
the Ash

骑士、游侠、狼人、角斗少女……为《Ode of Ashes》设计的角色:服装结构、材质与配色,含三视图与头部设定。全部手绘

其他手绘作品 →
C-01THE OLD KNIGHT
C-02RANGER
C-03WOLF COURIER
C-03BBACK VIEW
C-04HORNED WANDERER
C-05THE SWORN LADY
P-01GREATSWORD
M-01HORNED BEAST
+ SHEETS BELOWBuilt
to move.

Sheets &
Turnarounds

设定 · 三视图 · 头部 · 情绪插画
TURNAROUND / 三视图
MOOD ILLUSTRATION / 角色情绪插画
KNIGHT SHEET / 服装 · 头部 · 纹章
WOLF SHEET / 正背 · 武器
MONSTER HEAD / 怪物概念
MONSTER / 怪物概念 2

Painted
by Hand

HAND-PAINTED ILLUSTRATIONS · 手绘概念插图其他手绘作品 →
Beyond the Peaks手绘 · 概念插图 01
The Wanderer手绘 · 角色情绪插画
The Last Ancient Dragon手绘 · 概念插图 02

Scenes of
the Continent

AIGC-ASSISTED CONCEPT ART · 概念绘制 & MIDJOURNEY 辅助
AIGC 辅助
Under the Blood Moon大陆战争 · 教廷城墙
AIGC 辅助
Fields of Fire大陆战争
AIGC 辅助
Battle of Pescarte佩斯卡尔特之战 · 01
AIGC 辅助
Fall of the Dragon King佩斯卡尔特之战 · 02
AIGC 辅助
Visual Setting视觉设定
AIGC 辅助
安曼古 首都 · [移动森林] WALKING FOREST
AIGC 辅助
摩纳塔拉 首都 · [熔炉城] THE FORGE
AIGC 辅助
工业王国 · [加瓦兰姆] GAVALAM
AIGC 辅助
亚人联军 重镇 · [尤尼戴德] UNIDADE
AIGC 辅助
佩斯卡尔特之战 · WINGS OVER ASH
TRAILER STILL · 宣传片截帧

Relics of
the Silver Sword

“银剑”骑士团 · 装备与城邦设定 · 手绘其他手绘作品 →
ARMOR制式铠甲〔寒夜〕
BLADE〔誓约断罪剑〕
CITADEL艾米喀什〔天空堡垒〕
CLOAK魔斗篷概念设计
GAUNTLET骑士团护手
CREST团徽〔双鹰〕
SKETCH战场概念草图
MURAL升格战争

Printed
Matter

个人世界观周边手册 · 内容创作 / 排版设计 · 2023.12
— DRAMATIS PERSONAE —
  • Dorance多兰西
  • Lira莉拉
  • Carom卡洛姆
  • Isera艾瑟拉
  • Cassia卡西娅
混沌史

A world built
from ash, faith
& bronze.

《Ode of Ashes》是一个完整的个人原创世界观项目:从“混沌史”编年、城邦与种族设定、手绘的角色 / 装备 / 插画、AIGC 辅助的场景概念图、周边手册排版,到 2 分 10 秒的宣传片,独立完成世界观搭建、视觉开发与影像制作。项目获上海汇创青春一等奖。

STUDIO AMINITALEDIRECTOR DIESSEN RENAWARD 汇创青春 一等奖CRAFT 手绘 + MIDJOURNEY 辅助
10CONTACT / 联系我RESPONSE < 24H

Let's Talk

正在寻找视觉设计 / UI 设计相关的机会。
点一下即可复制联系方式,或直接下载我的简历。

CLICK TO COPY ↓
TEL / 微信同号
PHONE · WECHAT
150 5747 4683
E-MAIL
QQ MAIL
2693914792@QQ.COM
RESUME / 简历
PDF · A4
GET RESUME.PDF
Open to work ✦ Visual Designer ✦ UI Designer ✦ 任天翔 ✦