37 秒品牌系统动画 · After Effects · 个人独立完成
这支 37 秒影片沿用序维的核心业务链：异常被发现，信息跨端传递，维修结果回到记录。画面以“收束—传递—恢复”完成从混乱到明确的叙事。
01 / 秩序张力
PRECISE 与 ORDERED 表达精准和有序，字母的闪烁、错位与重复却保留混乱感。这种反差对应序维面对的真实问题：管理需要秩序，现场信息却往往零散而不稳定。
02 / 响应流程
画面依次呈现异常信号出现、节点接收、人员响应、现场行动与系统恢复，构成一条从发现问题到完成维修的处理流程。
03 / 记录沉淀
画面从信息可见、协作连接推进到记录留存，说明维修结果不只完成当前处理，也会沉淀为可查询、可复盘的长期记录。
01 / 产品设计案例
面向中国中小制造工厂的设备运营与工单协同平台
点击预览完整 B 端交互原型
项目概览 项目简介
不少中小制造工厂仍通过群消息、电话和纸面记录传递设备故障。问题并非没有人处理，而是设备、故障、联系人、到场安排和维修结果散落在不同渠道，后续很难确认这次故障如何被响应、由谁完成，以及结果是否回到经营记录。
维修是低频但强烈的使用需求。如果产品只在设备故障时被打开，维修结束后便失去持续价值。因此序维将生产报工、设备台账、记录查询与经营复盘纳入管理端，让工厂在日常运营中持续沉淀信息；这些记录也会在下一次异常发生时，成为判断故障和推动维修的依据。
序维因此把产品范围限制在一条可解释的闭环：管理端登记生产、设备和报修信息，维修人员在手机端判断任务并联系工厂，处理结果再回到管理端查询与复盘。产品不假设工厂已经接入实时数采，也不要求维修人员在现场持续填报无关进度。
02 / 跨端报修流程
流程只保留真正改变任务状态的动作：工厂提交必要信息，任务进入维修人员移动端，双方完成判断与到场确认，维修人员再带着同一组信息前往现场。
提交设备、故障、位置与联系人
同步至陈涛的待办与消息
核对故障、距离和现场信息
约定到达时间与生产窗口
携带已确认的信息抵达现场
03 / 视觉基础规范
基础规范不单独制造一套展示风格，而是从管理端与维修端已经使用的界面中提取。颜色负责说明状态和操作，字体负责把生产、设备与维修信息排成可以快速扫读的秩序。
统一查询生产、设备编号、异常说明与维修结果
处理中 · 今天 10:22 · 负责人陈涛
页面标题 / 600 / 24
核心数据 / 500 / 32
模块标题 / 600 / 18
#277A4C#315D9B#C72F3D作品集章节红 #D20B22 只用于导航、章节编号与当前项目标记，不进入产品常规操作状态
色彩方向调整
序维早期采用黑白与冷蓝作为界面基础，能够快速建立企业软件的理性与科技感，但也容易与常见管理后台趋同，长时间浏览时缺少自己的识别。
最终没有完全舍弃蓝色，而是重新分配颜色职责：青绿色承担主操作与选中，延续维修完成所代表的可靠、恢复与可控感；蓝色退回信息提示，绿色表示完成，黄色与红色继续表达关注和风险。
04 / 移动端
05 / 管理端信息组织
管理端面向长时间办公场景，采用固定侧栏、顶部工具栏、主表格与右侧详情的稳定骨架。页面不追求大屏式数据堆叠，而是让管理人员先快速扫描，再在同一上下文中完成确认、登记与追溯。
个人简历
求职意向：UI/UX 设计实习生（AI 产品方向）
数控技术 · 专科
预计 2027 年 7 月毕业
制造业专业背景让我熟悉设备、生产与现场协作的基本语境，也成为“序维”项目选择制造业设备运维方向的认知基础。
完成桌面端与移动端画板整理、页面细节调整、布局层级梳理，并持续统一颜色、字体、间距和组件状态。
使用形状图层、遮罩、路径动画和曲线编辑制作品牌系统动画；可通过 AE 插件导出 JSON 文件。
能围绕业务场景梳理信息层级、状态反馈和跨端路径，并在实际浏览器中检查排版、动效与交互细节。
使用 Codex 协作完成网页实现；本人负责视觉方向、信息结构与交互决策，不将代码实现包装为个人前端能力。
2026
项目产出：5 个管理端一级页面、维修人员移动端核心任务路径、1 套跨端报修流程、1 支 37 秒品牌系统动画，以及 1 套可运行的 B 端交互原型。
项目中的产品方向、界面视觉、交互取舍、Figma 细节与 AE 动画均由本人完成；Codex 用于结构建议和网页代码实现，最终内容与视觉由本人判断确认。
求职方向以 UI/UX 设计为主，重点关注 AI 产品方向，希望在界面与交互基础上继续积累状态反馈、品牌动效和可运行原型经验。做设计时更关注信息是否清楚、交互是否能解释业务，以及动效是否真正表达状态变化，而不是只增加装饰效果。
AI 产品界面、杂志式网页与移动端购票练习。
核心实现品牌首屏平滑滑入产品工作区。向下滚动，标题淡出，主界面收缩并留出两侧留白，消息、终端、研究卡片联动入场，卡片支持拖拽。整体为连贯的产品演示，而非生硬界面切换。
本版打造可翻阅的线上杂志体验。采用大标题、窄栏正文与大面积留白，放缓阅读节奏；内容分段渐显，布局松弛有呼吸感。动效轻量化，仅引导视线阅读，不抢文字风头。
覆盖选场次、选座、确认订单至电子票全流程。左侧为可直接操作的交互区域，右侧展示座位配色、状态标识与基础尺寸规范。
CONTACT / 联系
如果你正在寻找面向 AI 产品方向、兼顾界面结构、交互逻辑与动效表达的 UI/UX 设计实习生，可以通过邮箱或微信联系我。
邮箱可直接发送，微信号点击即可复制