关于 作品 规范 原创 随笔 联系
UI / UX Designer — Based in Shanghai

Design with Purpose

专注 B 端体验与品牌视觉系统,
用理性思维解构复杂问题,用感性审美创造优雅方案。

智慧零售 SaaS 平台
医疗数据可视化
品牌 VI 体系
Scroll

James Chen

8 年 UI/UX 设计经验,先后服务于字节跳动、蚂蚁金服与多家创新企业。 擅长将复杂的业务逻辑转化为清晰、高效、有温度的用户体验。 不仅关注像素级别的视觉精度,更追求设计背后的系统性思考与可持续的设计规范输出。

"好的设计不是装饰,是让复杂变简单的思考方式。"

技能栈

设计工具

  • Figma
  • Photoshop
  • Illustrator
  • After Effects
  • Blender

核心能力

  • 界面设计
  • 交互逻辑
  • 组件化设计
  • 品牌视觉
  • 适配规范
  • 动效设计

工作履历

2022 — 至今
资深 UI 设计师 蚂蚁金服 · 体验设计部
2019 — 2022
UI/UX 设计师 字节跳动 · 企业级产品
2017 — 2019
视觉设计师 独立工作室 · 品牌与数字产品

Selected Work

B 端设计 数据可视化

智慧零售 SaaS 管理平台

为连锁零售企业设计的全链路数据管理平台,涵盖门店管理、库存监控、营销分析等核心模块。

查看完整案例 →
移动端 健康医疗

健康管理 APP

面向慢性病患者的日常健康管理应用,用温暖的视觉语言缓解医疗产品的冰冷感。

查看完整案例 →
品牌设计 VI 体系

新茶饮品牌视觉系统

从零构建新消费茶饮品牌的视觉识别体系,包含 LOGO、色彩、字体、包装到空间视觉的全套方案。

查看完整案例 →
网页设计 官网

科技企业官网改版

AI 科技公司官网的全面改版设计,从信息架构到视觉表现,提升品牌专业形象与转化率。

查看完整案例 →
B 端设计 设计系统

企业级设计系统 DesignKit

为内部产品线构建的统一设计系统,包含 200+ 组件、完整的设计 Token 与开发对接文档。

查看完整案例 →
动效设计 3D 视觉

产品交互动效合集

为多个产品设计的交互转场、加载动效、引导动画,用运动传达界面的状态与节奏。

查看完整案例 →

Design System

标准化思维是高效设计的基石。我为每个深度参与的项目构建了可扩展的设计规范,确保团队协作的一致性与可维护性。

色彩体系

基于 OKLCH 色彩空间构建的感知均匀调色板,支持明暗主题无缝切换

Aa
标题一 H1 标题二 H2 正文 Body 辅助文字 Caption

字体层级

4 级字体层级规范、行高规则与响应式字号适配方案

主要操作
次要操作
输入框 请输入内容

组件库

200+ 原子组件,覆盖表单、导航、反馈、数据展示四大类别

栅格与间距

8px 基础栅格、响应式断点规则与通用间距 Token

图标库

统一线宽、圆角与视觉重量的自研图标集,60+ 常用图标

4
8
16
24
32
48

设计 Token

语义化命名的设计变量系统,支持多主题与跨平台适配

04 — 原创视觉

Creative Lab

审美不止于商业项目。这里是个人的视觉实验场——原创插画、概念设计、趋势探索与纯粹的创作乐趣。

渐变肌理实验
几何构成 #03
流体视觉
极简线条练习
新拟态图标
植物插画系列
字体海报
概念 APP 改版
持续更新中 — 每周保持创作输出,紧跟毛玻璃、3D 融合、极简风等设计趋势

Thoughts & Notes

B 端设计系统从 0 到 1 的踩坑复盘

从组件粒度定义到 Token 命名规则,记录构建企业级设计系统的完整历程与反思。

数据可视化中的色彩无障碍实践

如何在保证美感的同时让色盲用户也能准确读取图表信息——我的解决思路与可复用方案。

从 Figma 到代码:设计师如何提升开发协作效率

分享标注规范、组件命名约定与 Design Token 的落地经验,减少设计-开发间的信息损耗。

复杂表单的交互设计模式

长表单、多步骤表单、条件逻辑表单——B 端场景下的表单设计策略与用户体验优化。

荣誉与认证

  • 站酷推荐设计师 — 2024
  • Dribbble Top 100 — Product Design · 2023
  • UCAN 设计大赛银奖 — B 端赛道 · 2022

跨领域能力

  • 基础前端还原(HTML/CSS/JS)
  • 切图与资源输出规范
  • 开发对接文档撰写
  • Figma 插件开发基础

Let's
Collaborate

无论是全职机会、项目合作还是设计咨询,欢迎随时联系。