独立设计 & 前端 · 个人作品集

把复杂的产品,设计得清晰而精确。

我是 Jayden,专注于界面设计、设计系统与前端实现。习惯从信息结构出发,把层级理清楚,再让每一个细节落在像素上。

专注
界面设计 · 设计系统 · 前端实现
状态
开放新的合作
时区
GMT+8 · 中文 / English

精选作品

从界面到系统,
再到可交付的实现。

以下 5 个项目均为示例占位内容,用于展示版式与信息层级。替换标题、描述、标签与配图即可成为你的真实作品集。

示例作品配图:仰视视角下的现代玻璃幕墙建筑群
01 / 示例

数据可视化平台 · 界面与设计系统

面向运营团队的分析平台。重组信息层级、统一组件规范,把密密麻麻的图表收敛成一屏之内可以读懂的结构。

  • 界面设计
  • 设计系统
  • 数据可视化
示例作品配图:通电发光的电路板特写
02 / 示例

开发者文档站 · 信息架构

重新梳理导航与检索路径,让文档从「能找到」变成「读得下去」。

  • 信息架构
  • 前端实现
示例作品配图:数据中心机柜内的密集线缆
03 / 示例

监控与告警控制台

把高频运维动作前置,降低误操作,让异常在第一时间被看见。

  • 产品设计
  • 仪表盘
示例作品配图:白色几何切面的现代建筑立面
04 / 示例

品牌官网 · 视觉语言

从字体、间距到动效节奏,建立一套可复用、可扩展的视觉规范。

  • 品牌视觉
  • 响应式
示例作品配图:夜间的城市灯光俯瞰图,形似数据网络
05 / 示例

编辑器插件 · 交互优化

在不打断心流的前提下,把常用操作缩短到一次点击。

  • 交互设计
  • 原型验证

关于我

克制,比堆砌更难。

我是 Jayden,一名专注于数字产品的设计师与前端开发者。面对一个需求,我习惯先把它拆开:谁在用、要解决什么、信息该怎么排;结构立住了,视觉和实现才有依据。

我相信页面上的每一个元素都应当有存在的理由。没有理由的装饰会被拿掉,留下来的部分则值得被反复打磨——间距、字重、状态反馈,都要经得起放大看。

以上为示例简介,请替换为你的真实经历与简介;请勿填入未经确认的履历或成就。

设计
界面设计 · 设计系统 · 交互原型
实现
HTML / CSS · 前端框架 · 响应式适配
协作
设计评审 · 规范文档 · 交付走查
工具
Figma · VS Code · Git

联系

有想法,欢迎来信。

无论是产品合作、设计委托,还是单纯聊聊,都可以直接写邮件给我。

hi@jayden.example
邮箱 示例地址 · 请替换
社交主页 待填写
所在地 待填写

以上联系方式为占位示例,替换为你的真实邮箱与社交链接即可。