Sheep Studio

PRODUCT DESIGNER · UI/UX · FRONT-END

I design complex products—and make them real.

I make enterprise systems clear.

Selected work
Problem

The problem wasn’t clicking “Allow”.
It was having to stay there just in case.

AI workflows keep pausing for confirmation requests.

Claude Code & Codex−　□　×

> Analyzing codebase ...

Planning changes ...

> Creating files ...

> Updating dependencies ...

> Running tests ...

> Refactoring modules ...

Executing: npm install

◉ Paused

Built and Shipped

A selection of independent products, experiments, and small tools.

Built 01
https://thefourth.xyz/

THE FOURTH CARD

今天吃什么、喝什么、要不要联系他，
那些你反复权衡、迟迟下不了决定的问题，都可以交给第四张牌。

产品设计界面设计前端实现AI体验
进入体验
Built 02

GONGZEI

桌面插件

一个会陪你记录摸鱼、计算下班倒计时、生成今日总结的桌面小工具。

DesktopProductivityElectronFun
GitHub
GONGZEI 今日工作记录与下班倒计时界面
GONGZEI AI 总结界面
GONGZEI AI 日报界面

自动记录

识别工作/摸鱼状态，让时间分配更清楚。

下班倒计时

把等待下班这件事，做成一个有反馈的小仪式。

AI 日报

自动汇总今天做了什么，减少收尾负担。

让每天的时间被看见,也让下班更值得期待。

Components, Built for Production

Reusable UI, interaction states, and production-ready code.

LianShan UI / Components / Tabs
组件文档

Tabs 标签页

选项卡切换组件。提供平级的区域将大块内容进行收纳和展现，保持界面整洁。

使用: import Tabs from '@lianshan/ui/Tab'

基本用法

默认选项卡样式，下划线指示器跟随选中项滑动。

禁用

禁用某一项标签。

滚动

标签数量较多时，可以滚动并显示左右切换箭头。

LianShan Japan Website

Designed, built, and shipped for the Japanese market.

Visit Live Site

Different products. Different problems. One design practice.
A selection of product work across AI, enterprise systems,
automotive services, communication, and more.

不同的产品，不同的问题，同一种设计实践。 从 AI、企业级系统到汽车服务与通信产品，这里收录了我在不同业务场景中的部分产品设计工作。

FIG 0.1

连山 · 工业智能平台

面向制造业复杂业务场景的工业智能产品，从高密度信息架构到核心工作流，探索复杂系统如何保持清晰与高效。

View Projects

FIG 0.2

理想 · 售后维修助手

面向售后维修场景的智能辅助工具，围绕故障描述、诊断分析与维修决策，重新组织复杂信息与操作流程。

View Projects

FIG 0.3

过往作品集

收录 Dmail、返佣平台、邮箱产品等项目，记录我在不同业务、不同产品形态中的界面设计与产品体验实践。

View Portfolio

Complex ideas,
made visible.

From system architecture to technical illustration,
turning abstract products and technologies into
clear visual anguage.

Dmail and Google for Startups Agentic AI campaign visual
SPARTI Airdrop Season 2 campaign visual
Dmail Subscription Hub ecosystem information graphic
Distribution of Dmail messages and transactions across blockchains
Learn and Earn Dmail Network campaign visual

You’ve seen my work.
Now ask me anything.

Ask about my projects, process, skills, or how I turn ideas into working products.

ABOUT ME

Hello，我是sheep

一名UI设计师
也用代码让想法真正落地。

我从想法到上线参与AI产品的设计与实现,把产品思维、UI/UX前端开发与视觉表达结合起来,让复杂的需求变成清晰、可用的产品。

设计
产品设计 · UI/UX · 视觉系统
构建
前端开发 · 原型实现 · AI工作流
上线
产品设计 · UI/UX · 视觉系统

目前正在探索AI在更多场景中的产品形态,构建有真实价值的AI工具。

联系我 Git HuP

Now ask me anything.

了解这些设计与产品背后的思考、决策和实现过程。

连山工业智能平台

连山 · 工业智能平台

面向制造业复杂业务场景的工业智能产品，从高密度信息架构到核心工作流，探索复杂系统如何保持清晰与高效。
作为产品设计师参与连山工业智能平台建设，负责数据分析、任务管理与模型应用等核心模块，覆盖约三分之一的产品界面。

website

项目背景

工业智能平台同时连接设备、数据、模型、任务和人。业务专家、数据科学家、工程师与管理者关注的目标不同,却需要在同一条链路中协作。
我的工作不是简单减少信息,而是建立稳定的层级与状态语言,让用户知道现在在哪里、系统正在做什么、下一步可以做什么。

产品属性
指标、筛选、表格和状态
产品属性
指标、筛选、表格和状态
产品属性
指标、筛选、表格和状态
暗色工业设备，橙色光带沿设备轮廓延伸

故障树既是结果，
也是协作界面

故障诊断不只需要一个结论，更需要看清结论如何形成。我将诊断路径、节点状态与任务进度组织在同一视图中，让复杂的推理过程可追踪，也让业务与技术人员有共同的讨论依据。

  • 状态可辨识 · 用颜色与文字区分诊断中、已排除和已定位的节点，减少反复确认。
  • 路径可追踪 · 保留节点之间的因果关系，从异常现象逐步追溯到可能的故障原因。
  • 全局与细节兼顾 · 在任务中查看缩略图，展开后检查完整链路，保持诊断上下文。

复杂,不应该成为难以使用的理由。

工业智能平台同时连接设备、数据、模型、任务和人。业务专家、数据科学家、工程师与管理者关注的目标不同,却需要在同一条链路中协作。
我的工作不是简单减少信息,而是建立稳定的层级与状态语言,让用户知道现在在哪里、系统正在做什么、下一步可以做什么。

每一次验证，
都有据可查。

回测不止是一次运行，更需要留下可追溯的记录。我将检测项数量、发起人、时间范围与运行状态组织在同一列表中，配合搜索与报告详情入口，让用户既能快速查找报告，也能回到每次验证的具体上下文。

有效的配置，
不必从头再来。

相似的检测场景，不必反复从零配置。参数库集中管理保存的模板，用标签区分控制线、SPC 与 CPK 配置，并展示创建者与创建时间。查看、应用和删除入口保持一致，让已有配置更容易被找到、复用与维护。

配置再复杂，
状态也要清楚。

参数编辑需要同时看清当前状态与操作结果。我把未保存提醒放在醒目位置，将不同配置拆分为页签，并将保存、回测与上线等操作固定在底部。用户调整日期和子组参数时，始终知道改了什么、下一步可以做什么。

批量应用之前，
先确认影响范围。

批量操作越方便，越需要明确影响范围。弹窗先说明当前应用的配置，再通过搜索、状态筛选与快捷选择帮助用户定位检测项，同时持续展示已选数量。让“应用什么、应用到哪里、影响多少对象”在确认前清楚可见。

01 / 03 QUALITY ANALYSIS AGENT

独立完成模块设计

质量分析 Agent

让质量分析，从一个问题开始。

用自然语言发起质量分析，在对话中阅读结论、核查引用资料。
我独立完成这一模块的界面与交互设计，覆盖提问、回答引用与会话管理。

自然语言提问 · 分析回答 · 引用溯源 UI / UX DESIGN

02 / 03 ANSWERS WITH EVIDENCE

不只给结论，
也给出依据。

将回答中的引用编号与原始文件关联起来。需要核查时，在侧栏展开参考资料，让阅读结论与查找依据保持在同一个上下文中。

设计界面演示 · 可切换查看，点击图片放大

03 / 03 CONVERSATION DETAILS

让每一次对话，
都有清晰的去处。

除了获得回答，用户也需要回到历史问题、整理对话，以及确认删除的影响。把这些细节留在熟悉的位置，让操作过程清楚可控。

01

历史对话，随时回到上下文

区分当前会话与历史记录，低频操作收进更多菜单，保持列表清晰。

02

就地重命名，不打断整理

直接在列表中编辑名称，不离开当前界面，让对话更容易辨认和查找。

03

删除之前，先确认影响

通过二次确认说明将删除的内容，并保留明确的取消入口，避免误操作。

从提问入口到操作细节，独立完成这一模块的界面与交互设计。

过往工业智能平台

过往作品集

2022年-2025年作品展示

下载PDF
过往作品集原稿第 1 页：UI/UX Works 封面
过往作品集原稿第 2 页
过往作品集原稿第 3 页：目录
过往作品集原稿第 4 页：Dmail 官网
过往作品集原稿第 5 页：Dmail 网站与协议设计
过往作品集原稿第 6 页：TraBate 介绍
过往作品集原稿第 7 页：TraBate 工作流
过往作品集原稿第 8 页：Dmail 空投
过往作品集原稿第 9 页：Dmail 质押
过往作品集原稿第 10 页：DePIN
过往作品集原稿第 11 页：DePIN 节点与质押界面
过往作品集原稿第 12 页：Dmail DApp
过往作品集原稿第 13 页
过往作品集原稿第 14 页
过往作品集原稿第 15 页
过往作品集原稿第 16 页：宣传海报
过往作品集原稿第 17 页：PPT 与宣传海报设计
过往作品集原稿第 18 页
过往作品集原稿第 19 页
过往作品集原稿第 20 页
过往作品集原稿第 21 页
过往作品集原稿第 22 页：Thanks for Watching