✓已复制
岳小杰
岳岳小杰 / 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%
从问题到方案:先把判断依据说清楚梳理任务、安排层级、比较取舍,让每个设计决定有据可依。
01 · 明确任务

先问用户要完成什么

把需求拆成使用者、触发场景、目标与限制。沿着实际操作路径,找出需要用户反复判断或来回跳转的地方。

交出:任务路径与问题清单。

02 · 安排层级

让关键信息靠近下一步操作

先确定这一屏最重要的信息与动作,再安排辅助内容。低频信息按需展开,异常与确认放在用户做决定的位置。

交出:信息优先级与页面框架。

03 · 比较取舍

把方案的收益和代价一起摆出来

用同一条任务路径比较不同方案,说明各自减少了什么操作,又增加了什么学习或实现成本,带着依据与团队对齐。

交出:方案对比与选择理由。

从方案到交付:把设计放进真实流程验证关键路径、补齐边界状态、走查实现,让方案能够落地。
01 · 验证路径

看用户能否顺利完成任务

用可交互原型串起入口、操作、反馈与结果。观察卡在哪里、为什么犹豫,再结合完成率、停留与放弃情况判断调整方向。

交出:验证记录与待调整项。

02 · 补齐状态

把正常流程之外的情况也设计完整

逐项检查加载、空数据、权限、失败与重试。对于不可撤销或 AI 生成的结果,说明确认方式、结果来源和下一步入口。

交出:状态清单与交互规则。

03 · 对齐实现

把确认的方案沉淀为可复用规则

将布局、组件和交互约束整理进规范与原型,和研发核对关键路径及边界。实现后走查差异,记录问题并跟进修正。

交出:组件约束、交付说明与走查清单。

06 / EXPERIENCE

工作与教育经历

点击展开查看具体职责。

07 / CONTACT