01
One plot,
one record.
档案为锚
所有业务都以地块档案为锚点——负责人、作物、生育阶段、农事建议彼此联动，操作越深、档案越全。
01
Project
Overview
项目背景
「 从一块地，到一张网；
让每一亩都有数可依。」
面向县域与基地的农业产业 ERP：以地块为最小数据单元，向上打通「档案 → 种植 → 生产 → 测产 → 采收 → 销售」的经营链路，向下连接环境监测与气象 / 价格 / 病害预警。
平台沉淀玉米杂交制种等专项业务管理，覆盖地块、作物、亲本、隔离区、去雄去杂、父本割除、花期与芽长调查等环节；管理人员在驾驶舱即可掌握区域种植面积、产业排名与每个地块的实时状态。
客户 · 北京植得智能互联网科技有限公司
- My Role
- UI Designer
- Year
- 2024 — 2025
- Type
- B2B ERP · 农业大数据
- Platform
- Web 控制台 + 小程序
Core Concept
One plot.
One record.
一地块一档案 · 全链路同源
01地块↓
02种植↓
03生产↓
04测产↓
05采收↓
06销售↓
07决策
以地块为最小数据单元：一处录入、全链路复用。业务越复杂，越需要一个不丢失的锚点——地块档案就是这条链上的主语。
02
Design
Focus
设计重点
Business Challenge
Three problems behind one system.
业务挑战
01
Complexity
业务模块复杂，信息高度耦合：地块、作物、规程与经营彼此牵动。
02
Fragmentation
数据分散在不同业务模块，管理者难以横向对比。
03
Density
管理人员需要同时处理大量信息，页面越密越难判断。
Design Response
From problem to treatment.
设计应对
复杂业务→信息架构 · 以地块档案为锚的分层结构
数据分散→Dashboard · 统一口径与逐层下钻
信息密集→Hierarchy · 核心指标放大、次要退灰
多端需求→Responsive / Mini Program · 同一数据、不同密度
Four problems.
Four treatments.
数据密集、角色众多、使用者耐心极少——每个问题只对应一句设计处理。
-
01
Information Hierarchy
地块档案字段随业务阶段变化，长页容易失去主线。
以地块档案为锚，字段按业务阶段分组出现，作物 · 生育阶段 · 负责人常驻页顶。
-
02
Data Visualization
面积、产量、行情与预警分散在不同模块，管理者难以横向对比。
驾驶舱统一数字口径，图表只保留趋势与异常对比，次要指标退灰降噪。
-
03
Component Consistency
八大板块需求来源不同，表单与列表容易各自为政。
统一 cell / 表单 / 状态标签规范，一处定义、Web 与小程序全端复用。
-
04
Multi-platform Adaptation
田间上报在弱网小屏，后台管理在大屏高密度。
Web 重信息密度、小程序重单任务流，两端共用同一份数据与视觉语言。
From one plot
to one network.
03
Core
Capabilities
ERP 能力全景
One system.
Eight modules.
「 一套系统 · 八大板块 」
平台按「管地 → 管人 → 管产 → 管销 → 管险」的主线组织能力，后台与移动端共用一套数据，前端按角色呈现。所有业务都以地块档案为锚点——负责人、作物、生育阶段、农事建议彼此联动，操作越深、档案越全。
-
01
地块与档案
地块录入 · 面积核实 · 标记定位，一地块一档
-
02
品种与作物
品种管理 · 作物档案 · 农事规程 · 田间代号
-
03
农事与生产
播种 · 水肥 · 地温 · 水分 · 待办农事闭环
-
04
玉米制种
隔离区 · 父本割除 · 去雄去杂 · 亲本发放 · 花期调查
-
05
测产与收获
田间测产 · 技术员联检 · 收获调度 · 脱粒管理
-
06
采收与经营
采收分级 · 成熟度 · 合同客户 · 菜价 · 出口蔬菜
-
07
车辆与调度
采收调度 · 车辆台账 · 仓库出入库 · 运力协同
-
08
决策预警
气象 / 价格 / 病害预警 · 产量与行情分析报告
04
Design
Principles
设计思路
One plot,
02
One mainline,
every role.
主线清晰
平台按「管地 → 管人 → 管产 → 管销 → 管险」的主线组织能力，后台与移动端共用一套数据，前端按角色呈现。
03
One source
of truth.
数据同源
管理者在后台实时看到上报结果，异常事项第一时间转为提醒，前后端数据同源、无需二次转录。
04
Risk, half
a step early.
风险前置
围绕「看天、看价、看病」生成地块级风险报告：结合地块位置、作物生育期与历史气象 / 行情数据，给出风险等级与应对建议。
05
Design
Review
设计复盘
Existing Product↓
Design Review↓
UI Refinement↓
Design System↓
Final UI
本项目是对在售系统的持续迭代：以真实线上界面为基准做五角度复盘，再驱动精修与规范沉淀。未存档历史原型，故不虚构原型过程。
01
Information
Hierarchy
信息层级
地块档案长页字段最多。复盘确认信息按「基础档案 → 作物与规程 → 环境监测 → 预警 → 产出」分阶段出现，顶部常驻作物 · 生育阶段 · 负责人三要素——页面再长，锚点不丢。
地块详情 · 长页 —— 分阶段字段 + 常驻锚点
02
Visual
Consistency
视觉一致性
八大模块共用同一布局骨架：左侧导航 + 面包屑 + 内容卡。复盘要点：字号仅用规范档位，色彩只服务状态与主操作，不引入装饰性用色。
农事规程 · 详情 —— 跨模块共用布局骨架
03
Data
Readability
数据可读性
区域分析页数字密集。复盘确认：核心指标放大、单位弱化，次要指标退为灰阶，列表数字纵向对齐，保证一眼可比。
区域分析 · 展开 —— 核心指标放大、次要退灰
04
Component
Consistency
组件一致性
移动端表单与列表复用同一 cell 组件：标签、值、状态三点一线；输入与展示组件同圆角、同间距，避免「一页一样式」。
待办农事 · 小程序 —— 统一 cell 组件
05
Interface
Density
页面信息密度
工作台一屏聚合档案、监测与多路预警。复盘确认：以卡片分组 + hairline 分隔控制密度，用色只保留四维风险等级，其余信息降噪为纯文本。
工作台 · 一屏多板块 —— 分组与降噪控制密度
06
The
Interface
「 一屏看全域 」
从全县到乡镇再到地块逐层下钻。
01 · Control Tower
Control
tower.
平台门户与数据驾驶舱
门户聚合农业在线、气象在线、价格趋势、农事服务等高频入口；区域分析视图把种植面积、村数、种植户、设施与露地面积、产业与产品排名落到地图与图表上。
从全县到乡镇再到地块逐层下钻，管理者既能看宏观结构，也能点到每一块地的实时档案。
AIGIS 大数据智能管理平台 · 首页 —— 农业在线 / 气象在线 / 价格趋势 / 农事服务与区域积温分析统一入口
区域积温分析 · 展开视图 —— 种植面积 86,345 亩 · 123 个村 · 1,235 户种植大户，面积排名与产业占比多维下钻
基地地图 · 光辐射图层 —— 全部 / 灌溉 / 作物 / 人员 / 设备 / 公建按图层实时切换
02 · Plot & Model
Plot &
model.
地块档案 · 作物与模型
「 一地块一档案 」每块地都登记面积、负责人、科员与联系方式，并关联当前作物、生育周期与下茬安排；地温、水分、规程进度逐项留痕。
除业务台账外，平台内置作物物候期与含氮量等模型分析，用回归曲线把田间长势量化给农技人员参考。
地块管理 · 长势模型 —— 玉米 PNC 植株含氮量分析：上传影像后输出训练集 / 验证集散点与回归精度
作物模型 · 物候期 —— 玉米生育阶段与关键农事节点可视化
农事规程 · 详情 —— 将专家经验拆成可按步骤执行的农事作业指引
03
Field
operations.
农事计划与生产执行
「 按规程作业 · 按地块留痕 」播种、水肥、地温测定、水分测试等作业统一挂在规程与地块之下，移动端以「待办农事」推送给执行人。
地块详情按「规程进度」展示每一步完成情况，哪块地种了什么、长到哪一步、下一步做什么，一查即知。
地块详情 · 规程进度 —— 当前作物按生育阶段的作业进度一览
规程执行 · 明细 —— 每一步作业的时间、执行人与完成状态留痕
规程进度 · 对比 —— 计划与实际进度的偏差提示，异常农事及时干预
07
Data
Visualization
数据可视化
通过信息层级、数据分组和视觉对比，让复杂业务数据更容易被快速理解——KPI、图表、数据卡、趋势、状态、列表与筛选，都服从同一条规则：先给结论，再给明细。
Data → Information → Decision
为什么这样展示
Why
农业数据天然多维——面积、产量、行情与风险并存，单点数字无法支撑判断。
Solves
用分组、对比与降噪把多维数据压缩成一条可读的结论线，异常优先呈现。
User sees
管理者先看结论与异常，再按需下钻到地块明细，而不是逐页翻找。
08
Component
System
组件系统
One system.
Every module.
从已上线界面中提炼的组件与状态规范：统一性 + 状态 + 使用场景。
Refined · 依据已上线 ERP 视觉语言二次整理，非历史交付物
FoundationComponentsPatternsMulti-platform
Consistency
同一 cell / 表单 / 状态标签规范，一处定义、全端复用。
Scalability
八大板块共用一套骨架，新模块接入不需要重新设计组件。
Efficiency
组件与状态以索引交付，开发按名取用，减少逐页返工。
- Typography
- Display Heading Body · Work Sans / PingFang SC LABEL
- Color
-
中性色 + 单一低饱和强调色
- Spacing
- 4 / 8 / 12 / 16 / 24 / 40
基准 4px，卡片内距 16—24 - Grid
- 12 栏 · 1280 容器
表单 2 栏 · 详情 3 栏 - Radius
- 组件 8 · 卡片 12 · 图片 12
Button
主操作 / 次操作 / 状态
保存档案
保存档案
保存档案
保存档案
保存档案
取消
Input
录入 · 四态
面积仅支持数字
Select
筛选与枚举
Table / Tag
列表 · 状态标签
| 地块 | 作物 | 进度 | 状态 |
|---|---|---|---|
| 03 号 · 419 亩 | 玉米杂交种 | 12 / 16 步 | 进行中 |
| 07 号 · 286 亩 | 菜心 | 9 / 9 步 | 已完成 |
| 11 号 · 158 亩 | 番茄 | 6 / 14 步 | 预警 |
Card
地块摘要 · KPI 数据卡
03 号地块 · 玉米杂交种
419亩
12/16规程进度
1负责人 · 科员
2待处理预警
Tabs
档案分区
地块档案规程进度测产记录销售记录
Modal
确认与表单弹层 Refined State
确认父本割除
割除后该地块进入去雄去杂阶段，操作将记入规程留痕，是否继续？
取消
确认割除
09
Multi
Platform
多端适配
根据不同终端的使用场景，对布局、信息密度及组件进行适配，同时保持统一的视觉语言——Web 控制台与微信小程序共用同一份地块数据。
Web 控制台 · 管理视角 —— 高密度工作台：档案 / 监测 / 预警一屏聚合
- Desktop
- 面向管理者：信息密度优先，多板块并置，键盘与筛选驱动的批量操作。
- Mini Program
- 面向基地与质检员：单任务流优先，一屏一件事，弱网可用、上报即留痕。
- Shared
- 两端数据同源、组件同构：同一 cell / 状态标签 / 表单规范，视觉语言一致。
10
Complete
System
界面全览
Every module.
One system.
制种、生产、监测、经营与决策——每个模块都以同一份地块档案为锚点，后台以合同、核算、调度、车辆与仓库承接经营流转。
Breeding Ops · 制种06
玉米杂交制种
「 从亲本到种子的闭环 」面向玉米杂交制种的专项管理，把影响种子纯度的关键环节逐一数字化：基地隔离区备案与父本有效性记录先行，播后按父本割除、去杂、去雄进度检查执行，质检与生产双向验收。
亲本申领、发放、退库与用量计划逐批可查，花期、芽长与株行距调查数据按基地汇总，形成「方案 — 执行 — 验收 — 报表」的完整证据链。
- 01隔离区管理
隔离区备案 / 方案调整 / 父本有效性记录
- 02亲本管理
亲本申领 · 发放 · 退库 · 用量计划统计
- 03田间作业
父本割除 · 去杂 · 去雄进度与分类验收
- 04调查记录
花期数据 · 芽长调查 · 株行距及出苗率
- 05质检联检
田间联检 · 去雄验收表 · 杂株率调查记录
- 06成果报表
去雄进度控制汇总 · 隔离区父本有效性报表
Harvest & Trade · 经营07
测产 · 采收 · 经营
「 把收成变成生意 」从田间测产原始数据、技术员联检到收获进度、脱粒管理逐级沉淀产量；采收按成熟度分级，对接合同客户与出口蔬菜业务。
后台以合同、核算、调度、车辆与仓库承接经营流转，AI 行情分析把成熟面积、产量预期换算成收益预测，为定价与上市节奏提供参考。
- 01
- 田间测产
- 02
- 收获管理
- 03
- 脱粒管理
- 04
- 成熟度分级
- 05
- 合同与客户
- 06
- 核算管理
- 07
- 车辆调度
- 08
- 仓库台账
- 09
- 出口蔬菜
Smart Report · 预警09
AI 决策预警
「 风险提前半步 」围绕「看天、看价、看病」生成地块级风险报告：结合地块位置、作物生育期与历史气象 / 行情数据，给出风险等级与应对建议。
每份报告支持重新分析 / 下载 / 分享，为基地监管与合作社决策提供书面依据。
Long Page · 成果10
地块档案长页
「 一处档案 · 全程复用 」从地块信息、作物与生育周期、环境监测、农事规程，到测产与销售记录，全部沉淀为一条可滚动的时间线档案。
字段随业务阶段自动出现，页面再长也保持清晰的视觉节奏，让管理者在任何环节都能快速定位。
10 / Long Page —— 地块详情 · 超长档案页：实测数据 / 作物 / 规程 / 预警一体滚动
11
A Moment
in the Day
07:20
地头就是工位
基地与质检人员在地头通过小程序完成作业上报：接收待办农事、反馈进度、确认去雄 / 父本割除完成情况，提交联检与验收。管理者在后台实时看到上报结果，异常事项第一时间转为提醒。
01移动端首页 · 农事与数据服务聚合
02待办农事 · 按地块推送的作业清单
03作业反馈 · 表单化上报与留痕
Step 01 · Mobile Workbench
打开工作台
移动端首页把待办、数据与预警收在一屏。
Step 02 · To-do
接收待办农事
按地块推送的作业清单，规程与地块一一对应。
Step 03 · Report
地头上报
表单化上报与留痕，后台与移动端数据同源、无需二次转录。
12
Design →
Development
协作链路
Design↓
Handoff↓
Development↓
Design Review
-
标注 · 尺寸
高保真稿按 8px 基准标注间距与尺寸，列表与表单逐项对齐，减少开发量取整产生的偏差。
-
状态 · 组件
每个交互组件交付 Default / Hover / Active / Disabled 状态与空数据、加载、错误三态页面，按组件命名索引。
-
颜色 · 间距
色板与间距以 token 形式交付（中性色 + 单一低饱和强调色），一处定义、全端复用。
-
实现复核
开发走查对照设计稿核对还原度，视觉问题回归到组件层修正，避免逐页打补丁。
Worked closely with product and development teams to review implementation and ensure visual consistency. —— 与产品和开发团队紧密协作，复核实现细节，保证最终上线的视觉一致性。
13
Visual
Language
AI 生成物料
「 海报 · 视频脚本 · 营销文案 」
AI 在 30 秒内完成从概念到成稿，让设计师把精力放回策略与体验。
为农业品牌快速生成视觉海报、短视频脚本与朋友圈文案。下面两张海报与视频封面均由 AI 直接生成：一张是品牌主张海报，一张是移动端开屏海报，另一张作为短视频封面，配合动态缩放模拟镜头呼吸感。
AI 品牌海报 · 智慧农业 · 一屏知秋01
AI 文案示例Copywriting