丁赛雅 · UI / UX 设计师
制造业 UI / UX,
让业务清楚可操作。
我是丁赛雅,专注制造业业务系统、多终端交互与数据可视化。
从任务流程、状态反馈到组件规范,让设计进入真实操作。

项目与设计实践
让复杂业务,
有清楚的操作。
从实际项目查看我的职责、设计取舍与交付内容。
查看业务案例拆解实际项目 · 首页直接阅读
从业务问题,看到设计处理。
先看界面与核心思路,
再按需进入完整拆解。





等待修正
在首页看设计细节
界面背后的,
任务与取舍。
选择一个界面主题,直接看实际设计。
点击图片放大,右侧说明解释设计判断。
生产协同 / 任务关系
把订单、工序和时间,放在一起看。
列表呈现任务信息,甘特图补充时间与工序关系。计划人员可以同时查看状态、资源与任务安排。
- 我关注的问题
- 如何在多任务中看清计划关系,而不只是一行行核对数据?
- 设计处理
- 列表与时间轴并列,保留查询与缩放入口,通过状态和当前时间标记辅助判断。
设备管理 / 运维工单
同一任务,在不同终端继续。
网页端支持管理与查询,移动端围绕现场报修与处理。根据终端和任务调整信息层级,保留设备、工单与状态之间的关联。
- 管理端
- 查看设备与工单记录,定位状态和处理进度。
- 现场端
- 聚焦当前设备、填写信息与操作反馈,减少现场查找。
能源 / 设备 / 车间
先看全局,再追问变化。
通过指标、结构、趋势和排名组织画面,帮助使用者从总览中找到需要继续关注的对象。
- 信息层级
- 关键指标建立全局认知;趋势和结构补充变化;排名与状态支持定位。
- 视觉取舍
- 让图表承担主要信息表达,颜色区分指标与状态,避免装饰抢走阅读重点。
操作与状态联动
任务执行演示
待执行任务允许开始;操作后应更新状态和反馈。
组件 / 条件 / 状态
规范要说明,什么时候能操作。
组件不仅需要统一样式,也需要定义状态、使用条件和操作反馈。左侧用简化规则演示状态变化,可直接切换与操作。
- 规则的范围
- 按钮层级、状态表达、字段分组、间距和跨端适配。
- 核对方式
- 结合原型评审、研发走查和测试验证,检查操作与反馈是否一致。
设计过程与视觉延展
不止交付界面,
也整理规则与表达。
从实际工作资料中,补充研究、交互优化与视觉设计。
在这里直接浏览,不必再进入目录。
从问题,走到设计动作。
竞品分析帮助识别不同产品的任务入口、信息组织与状态表达;优化记录将观察落实到具体操作。
批量派工:选择之后,看得见结果
工作记录包含班组、设备、人员选择组件,以及选择后在表格中带出数据的设计。关注选择范围与编辑入口,让使用者能核对即将处理的对象。
现场操作:减少判断与重复输入
材料记录了校准界面的合格区间前置、现场字号调整,以及扫码流程中的上下文保留。它们对应现场免心算、容易点击和返回不丢任务的需求。
规范沉淀:把状态和使用条件一起说明
围绕弹窗、列表、只读详情和跨端操作整理规则。后续建议与已做内容分别表达,避免把讨论中的方案当作上线成果。
一组业务图标,统一表达。
从同一套工作导出素材中选取16枚,展示功能识别、色彩与面型构成。
工作导出版本节选;不将草稿混排为最终规范。

关于我
以任务为起点,
在细节中落地。
我是丁赛雅,计算机科学与技术本科毕业,现阶段专注制造业 B 端 UI/UX。设计不止是调整样式:我更关心谁在使用、任务如何推进、操作之后会发生什么。
从电商视觉到多终端业务系统,我把版式与信息表达的经验带入任务流程、状态反馈和设计规范。通过原型验证、组件规范和实现核对,让设计进入实际操作。
经历
UI 设计师 · 工业软件领域
生产、设备与资产界面;PC、平板、工业 PDA 与手机跨端任务;组件规范、评审迭代与实现核对。
平面电商设计师 · 商业视觉
品牌、包装、商品主图与详情页,产品拍摄和素材处理。
山东科技大学 · 本科
计算机科学与技术。毕业设计为车联网方向,涉及跟车距离等场景。
工具与协作
界面与原型
视觉与协作
结合 HTML 原型与 AI 辅助探索方案,人工复核业务、交互与视觉,跟进研发走查和测试验证。
教育与荣誉
2022 中国高校计算机大赛人工智能创意赛
全国总决赛三等奖
2023 山东省大学生计算机设计大赛三等奖
英语六级 / 四级 · 普通话二级甲等
联系我
期待下一次,
有价值的设计合作。
欢迎联系 UI/UX、B 端产品与工业软件相关的设计机会。




Figma
即时设计
Axure
Sketch
Photoshop
XMind