Xie Jun / Visual Design Portfolio / 2026

视觉设计作品集 PORTFOLIO.

Portfolio 2026
System / Direction / Interaction

个人介绍

谢骏/ 视觉设计师

985 本科学历,拥有多次互联网公司实习经历,熟悉 Codex、Claude 及网页与 HTML 落地。曾参与网易云主 KV 插画设计,独立完成好利来烘焙品牌 IP 全案。熟练使用 GPT Image 2.0、Seedance 2、Stable Diffusion、Blender 与 AE,具备 KV、海报、Banner、视频包装、品牌系统及海外信息流广告的复合实践,能够将产品卖点转化为清晰的视觉钩子,并完成从创意发散、分镜构思到多端适配的完整流程。

实习与实践经历

覆盖教育科技、内容电商、海外金融与数字产品,兼具创意生产、跨团队协作及多端落地经验。

作业帮

北京学纳百川教育科技有限公司2026.06 - 2026.08

设计实习生

  • 负责理科知识点的 3D 模型、材质灯光、场景渲染与海报合成,将抽象知识转化为直观教学视觉。
  • 结合 AIGC、Photoshop 与 Codex 完成素材探索、视觉统一及批量处理,沉淀可复用流程。

新东方 · 东方甄选

东方优选(北京)科技有限公司2026.04 - 2026.06

直播视觉设计

  • 围绕直播选品与卖点设计头图、商品海报和场景包装,强化价格与权益信息层级。
  • 建立可替换模板并协同运营、选品与场控快速更新,保持不同场次的品牌一致性。

洋钱罐

北京领岳科技有限公司2025.12 - 2026.06

海外投放视觉

  • 面向印尼市场,将额度、利率、到账速度与申请流程转化为信息流视觉钩子。
  • 完成海报、Banner、短视频分镜、动效及多语言适配,支持持续创意测试。

温州源大创业服务

温州源大创业服务股份有限公司2024.10 - 2025.12

视觉设计师

  • 完成主视觉、系列海报、公众号长图、详情页及 H5,统一线上线下视觉。
  • 参与短视频包装与运营,持续优化前 3 秒信息吸引力,半年抖音累计播放量达 1000 万+。

01 / Visual Design

视觉设计
Selected Projects

以品牌 IP、插画主视觉与 AIGC 活动运营三个方向,呈现从概念研究、视觉建立到多触点延展的完整设计过程。

Project 01 / IP Design

好利来烘焙品牌
IP 设计全案

围绕“烘焙达人·伯米”建立角色设定、动作表情、节日皮肤、周边与线下物料,呈现 IP 从角色到品牌触点的系统延展。

Role
IP设计
Scope
IP 定位 / 角色系统 / 物料延展
完整项目章节点击查看高清原图
01品牌设定与角色定位
02角色三视图、动作与表情
03节日主题角色延展
04品牌周边与宣传物料
05品牌插画与视觉延展
06主题贴纸系统设计
07产品与生活方式应用
08数字终端与线下场景

Project 02 / Key Visual

网易云 Heal
重启计划

从“音乐疗愈”概念出发,以云村、树洞、emo 等关键词展开插画主视觉,并延展至字体、地铁灯箱、贴纸与移动端运营页面。

Role
主KV设计
Scope
主 KV / 字体 / 传播物料 / H5
完整项目章节点击查看高清原图
01项目背景与音乐疗愈概念
02设计研究与线稿定稿
03主视觉绘制与字体系统
04地铁媒体与户外延展
05H5 运营页与移动端触点
06首页传播与品牌应用

Project 03 / AIGC Design

云朵 AIGC
辅助运营设计

以“沐浴在云间”为主题,记录 AIGC 图像生成、主视觉细化、运营入口、闪屏、海报与 H5 长图的完整活动设计过程。

Campaign
天猫双 11 / 沐浴在云间
Process
AIGC 生成 / 视觉精修 / 版式设计
Output
KV / 闪屏 / 海报 / H5 长图
完整项目章节点击查看高清原图
01项目介绍、色彩与设计背景
02主视觉分析、生成与精修
03运营入口、闪屏与活动界面
04活动海报与三维元素
05活动 H5 长图设计

02 / Product UI Design

闪逛 SPARK
全套 App UI 设计

面向年轻城市人群的活动发现与周末计划产品。从信息架构、核心流程、视觉系统到移动端与桌面端响应式界面,完成可真实操作的产品原型。

闪逛 SPARKCity Discovery App / 2026

Product Concept / UI System / Prototype

把周末
过成灵感

把“找活动、约朋友、排计划、再出发”压缩成一条清晰路径,让城市探索从被动刷内容,变成可立即执行的周末行动。

打开可交互原型
闪逛 App 周末计划时间线界面
闪逛 App 城市活动发现首页
闪逛 App 个人中心与偏好设置界面
Role产品概念
UI / 视觉设计
Scope信息架构
组件与交互原型
PlatformMobile App
Responsive Desktop
Output05 核心页面
01 可交互原型

01 / Experience Strategy

从发现兴趣,
到真正出发

城市活动类产品的问题不在于内容不足,而在于“看到”和“行动”之间存在断层。设计通过心情筛选、即时收藏、计划时间线和朋友状态,把决策步骤变短。

01发现

按心情与场景快速浏览城市活动,减少复杂分类。

02判断

用距离、时间、同行人数和价格支持快速决策。

03计划

收藏一键进入周末时间线,明确每一站的节奏。

04同行

邀请朋友并查看空闲状态,让计划更容易发生。

02 / Core Screens

完整页面矩阵

五个核心页面覆盖发现、计划、收藏、发布和个人管理。每个界面都保持同一套导航逻辑、信息密度和视觉反馈。

闪逛发现页,包含搜索、心情筛选和活动推荐
01 / DISCOVER活动发现
闪逛计划页,包含日期选择和周末行程时间线
02 / PLAN周末计划
闪逛收藏页,包含收藏合集和最近收藏活动
03 / SAVED灵感收藏
闪逛活动发布表单,包含类型、日期、地点与好友邀请
04 / CREATE发布活动
闪逛个人中心,包含个人数据和偏好设置
05 / PROFILE个人中心

03 / Visual System

清亮、有行动感,
但不幼稚

以高对比中性色建立信息基础,用薄荷绿、亮黄、珊瑚红和蓝色分别承担推荐、行动、提醒与状态反馈。

Typography
周末高权重标题建立年轻感
紧凑正文支持快速扫描
Color
INKMINTLIMECORALBLUE
Components
为你推荐+ 加入计划♡ 收藏28° 晴

04 / Responsive UI

同一套系统,
适配桌面效率

桌面端将底部导航转化为侧边工具栏,并增加日历、下一站与好友状态,让浏览和规划能够并行完成。

闪逛 App 桌面端响应式发现页设计

03 / Brand & Web Design

南麂基金岛
品牌与网站设计

从品牌标志、办公物料、空间导视与城市传播,到机构官网的信息架构与数字体验,建立贯穿线下与线上的统一品牌语言。

01 / Brand Identity & Extension

让金融机构的专业感,
进入每一个品牌触点。

以建筑轮廓式标志为核心,将南麂基金岛的金融属性、产业聚合与海岛地域特征,延展到身份识别、办公系统、空间环境和城市传播场景。

Island Green Capital Gold Stone White
南麂基金岛办公大厅品牌形象墙与空间导视
空间品牌形象墙Spatial Identity / 01
南麂基金岛员工身份识别工牌设计
身份识别系统Staff Badge / 02
南麂基金岛招商手册、名片与办公物料设计
招商与办公物料Stationery / 03
南麂基金岛机场品牌广告传播设计
城市品牌传播Campaign Media / 04
南麂基金岛园区户外导视系统设计
园区导视系统Wayfinding / 05
02 / Digital Experience

同一套品牌语言,
继续进入网站。

标志的建筑秩序、深绿与金色的机构感,以及清晰克制的信息层级,被转译为官网中的网格、字体、界面组件与浏览节奏。

南麂基金岛
品牌官方网站

Digital Experience
Institutional Website

Desktop / 1440+ 打开网站实例
南麂基金岛网站首页设计
01 / POSITIONING机构可信感
02 / NARRATIVE资本与产业叙事
03 / SYSTEM深绿与金色系统
04 / ACTION入驻转化路径
南麂基金岛园区概览网页设计
PAGE / 02概览与数据
南麂基金岛专业服务网页设计
PAGE / 03服务体系

克制、专业,
让信息建立信任。

通过大字号宋体标题、清晰的网格分栏、低饱和深绿与少量金色强调,将金融机构的专业感转化为可感知的数字体验。

A / TYPE

中西文层级

宋体表达品牌气质,无衬线字体承担数据、导航与功能信息。

B / GRID

理性网格

利用宽留白、细分隔线和模块比例维持稳定而清晰的阅读秩序。

C / COLOR

深绿与金

深绿构建沉稳基底,金色只用于关键标签、状态与行动提示。

D / RHYTHM

页面节奏

在全屏影像、数据模块与文本叙事之间建立疏密变化。

南麂基金岛发展历程网页设计
Timeline / Brand StoryPage 04
南麂基金岛网站行动区和页脚设计
CTA / Footer SystemPage 05

04 / Live Commerce Design

直播间设计
— 东方甄选

围绕电商直播的实时传播场景,完成主题专场、产品氛围与品类头图设计,在品牌统一性与直播间高频信息效率之间建立清晰的视觉层级。

Role / 职责直播视觉设计
Brand / 品牌东方甄选
Output / 产出主场景 / 品类头图
Workflow / 流程AIGC / PS / 多端适配
Live Visual Direction / 直播场景

把品类卖点
变成第一眼记忆

根据直播主题建立场景、色彩与标题结构,让用户在进入直播间的第一秒识别品类、促销节点与核心氛围。

Campaign Stage / 618618 大促直播舞台

以复古剧场、霓虹灯牌和产品陈列构建促销节点的直播主场景。

05 / Featured Case

Easycash
印尼信息流广告投放系统

围绕低息、极速放款、灵活分期与可信背书,将借贷产品的复杂条件拆解成可快速识别的信息层级,并针对印尼市场建立可扩展的视觉变体。

MarketIndonesia
印尼市场
Deliverables11 组
投放创意
Format1:1
信息流广告
Media Channels 投放平台
Google AdsSearch · Display · App Meta AdsFacebook · Instagram TikTok AdsIn-Feed · Spark Ads

06 / Creative System

投放不是多做几张,
是让变量可以被测试。

从利益钩子、信息结构、人物场景到视觉配色,把每次创意输出拆成可替换模块,兼顾转化表达与规模化生产。

A / HOOK

先给用户一个
停下来的理由

0.01% 低息、5 分钟放款、零利息、到账结果,优先呈现可被瞬间理解的核心收益。

B / HIERARCHY

降低金融信息的
阅读成本

标题、金额、周期、月供与背书分层处理,让密集信息依然保持清晰的扫描路径。

C / LOCAL

为市场建立
熟悉感与信任感

使用印尼语、当地货币、头巾人物、GoPay 界面联想与 OJK 可信信息完成本地化表达。

D / VARIATION

同一卖点,建立
多条视觉路径

在人物、UI、表格、情境与配色之间组合变体,为投放测试保留足够的创意差异。

07 / Motion & MJ Lab

AE 动效设计
MJ 动画

以四组高清动态练习呈现合成、节奏、界面转场与矢量动画能力,在叙事表达和循环系统之间建立清晰的视觉秩序。

03 / After Effects · Vector

Particle Signal / 粒子声场

Particles / Wave
Nodes / Spectrum
AE / Particle VectorSVG · Loop
Signal / Nodes / SpectrumStudy 03

以点阵路径、三层波形、信号节点和动态频谱构成可循环的矢量声场,保留粒子节奏,同时提升清晰度与系统感。

Original Vector Study
04 / MJ Motion · Vector

Bounce Field / 跳跃球场

Rhythm / Bounce
Shape / Loop
MJ / Vector MotionSVG · Loop
Bounce / Squash / RhythmStudy 04

通过多组彩色球体的高度差、压缩回弹和移动阴影建立循环节奏,并用轨道、拱门与几何平台形成明亮的 MJ 矢量动画场景。

Original MJ Motion Study
01 / After Effects · Full HD

Interface Orbit / 界面轨道动效

UI Motion / Timing
Transitions / Composite
AE / UI MotionFull HD
Interface / Orbit / TimingStudy 01

以界面组件的层级、旋转轨道与信息切换为核心,展示 UI 动效的速度曲线、节奏组织与合成控制。

Source / Mixkit ↗
02 / After Effects · Vector

Gold Matrix / 金属矩阵

Shape Layers / Trim Paths
Isometric / Loop
AE / Vector SystemSVG · Loop
Shape / Orbit / GridStudy 02

以等距透视、矢量模块和轨道系统重新构成金属矩阵,通过形状图层、路径动画与数据节奏形成可循环的品牌动态图形。

Original Vector Study