Oxy-Go 设计系统

运动社交平台完整设计展示

从线稿设计、原型开发到最终的 UI 界面设计,展现完整的设计流程和最佳实践

📐

线稿设计

基础页面线稿设计,包含完整的信息架构、用户流程和交互元素布局。采用简洁明快的设计风格,为后续的视觉设计奠定基础。

  • 完整的页面框架
  • 用户交互流程
  • 信息架构设计
  • 响应式布局方案
查看线稿设计 →
🎨

原型设计

高保真交互原型,融入视觉设计元素和动画效果。展现品牌风格和用户交互体验,为开发团队提供详细的设计规范。

  • 视觉风格指南
  • 交互动画演示
  • 详细的设计规范
  • 组件库展示
查看原型设计 →

UI 界面设计

完整的 UI 设计方案和设计规范文档。包含多种主题风格、颜色系统和组件库,为最终的产品实现提供视觉指引。

  • 多套主题设计
  • 完整的组件库
  • 设计规范文档
  • 品牌色彩系统
查看 UI 设计 →

终稿设计

最终定稿的完整设计系统,包含所有核心页面和交互流程。采用深色主题搭配紫色和橙色强调色,展现现代运动社交平台的视觉风格。

  • 完整的页面体系
  • 统一的视觉规范
  • 流畅的交互体验
  • 响应式适配方案
查看终稿设计 →
🖥️

B 端管理后台

PC 端商家管理后台,包含工作台、活动管理、课程管理、场地管理、教练管理、订单管理、财务管理等完整功能模块。

  • PC 端管理后台
  • 深色主题设计
  • 完整的经营管理功能
  • 数据可视化展示
查看管理后台 →
📱

H5 商家管理

移动端商家管理控制台,随时随地管理场地、课程、活动和订单。支持手机浏览器和微信内访问。

  • 移动端适配
  • 便捷的操作体验
  • 实时数据同步
  • 扫码核销功能
查看 H5 管理 →