✓已复制
岳小杰
岳岳小杰 / UI DESIGNER
开放新机会 · 北京

SCROLL
01 / ABOUT

02 / SELECTED WORK

精选项目

滚动时项目逐张推近,每张展示一个完整案例。

继续向下滚动
03 / PROJECT INDEX

项目清单

按公司与项目组梳理设计经历,从用户端到管理后台,查看不同场景下的完整交互。

公司
端口

点击项目打开交互演示,演示结束后可继续手动体验。

04 / AI PRODUCT DESIGN

AI 产品设计

从规范到验证的一条闭环:怎么定变量、怎么编排 Agent、怎么接住不确定的输出、上线后怎么看数。每一块都可以直接操作。

设计 Token

改这里,本模块的所有组件实时跟着变 —— 规范不是文档,是变量。
TOKEN
强调色
强调渐变
页面底纹
圆角
信息密度

Agent 任务编排 · 人在环中

自动步骤会自己往下走,走到「人工确认」会停下来等你决策;校验失败时自动回退重试。
AGENT FLOW
点击「运行一次」开始
注入校验失败

流式生成状态机

待命 → 思考 → 流式输出 → 完成/中断。每个状态都要有出口。
STREAMING
等待输入指令…
待命

设计数据 · 行为洞察

布局改不改、怎么改,让点击、停留、放弃这几个数先说话。
每日任务完成率
→

设计 skill · 从需求到上线

把设计规范写成机器能执行的 skill:需求进来先转成规则与组件约束,直接产出能点、能跑的 POC 拿去对齐,再一路推到上线。点每一节看这一步交出什么。
DESIGN SKILL
05 / METHOD

我怎么做设计

三条我一直在用的判断标准,和它们各自对应的一个真实做法。

01

先定层级,再定位置

布局是结论,不是起点。我习惯先把这一屏里谁最重要、谁只是背景说清楚,再决定它们各占多大、放在哪。跳过这一步的界面,改多少版还是乱的。

02

每个决定都要说得出代价

没有零成本的方案。我选一个方向的时候会同时写下它牺牲了什么 —— 说不出代价,通常说明我还没想清楚,或者只是在照抄别人的答案。

03

数据用来定位问题,不替我做决定

埋点告诉我用户卡在第 3 步,但不会告诉我为什么。我用数据把范围缩小,再回到界面上找原因 —— 把结论直接交给数据,容易做出正确但没用的改动。

改版前后 · 拖动对比

一个设备监控台的完整改版:导航、指标区、表格、详情区四块一起动。拖中间那条线看差别,右边是四处改动和各自的理由。
BEFORE / AFTER
改版前
设备监控台 刷新导出新建批量 告警配置日志帮助
改版后
设备监控台运维 / 设备 更多新建任务
监控 运维 配置
设备详情
↔
左右拖动
1导航从 12 项平铺改成 3 组分层 按「监控 / 运维 / 配置」归类后,日常最常用的入口从原来的第 9 位提到了第 2 位。
2指标从 4 个等大改成 1 主 3 次 4 个一样大等于没有重点。主指标放大并带上趋势,一眼判断今天正不正常。
3表格从 11 列压到 6 列,省下的给右侧详情区 选中一行就在右边看全部字段,不用跳页再返回 —— 信息没丢,只是换了个层级。
4主操作从 8 个同权重按钮里提出来 其余进「更多」。按钮一多,等于每个都不重要。
找到目标设备12.4s → 3.1s
跳页次数3.2 → 0.6 次
任务完成率68% → 83%

设计决策记录

遇到什么问题、有哪几个选项、选了哪个、付出什么代价。点开看完整过程。
DECISIONS

复杂表单拆解

42 个字段怎么变成 3 步。点每一步看归组逻辑和每个字段的处理方式。
IA
42→ 3 步首屏必填只剩 8 个
保留 21 折叠进高级 9 给默认值 6 删除 6

06 / EXPERIENCE

工作与教育经历

点击展开查看具体职责。

07 / CONTACT