# 健身房小程序

**Repository Path**: DoAmber/Ticket

## Basic Information

- **Project Name**: 健身房小程序
- **Description**: 一体化健身服务数字化产品，聚焦一二线城市 20-45 岁有经济基础、追求健康自律的城市白领群体，以 “便捷健身生活” 为核心设计目标，融合预约服务、运动数据管理、健身消费等多功能于一体，同时通过极具力量感的视觉设计，贴合健身场景的潮流与活力属性，为用户打造专业、高效的线上健身服务体验
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-02-12
- **Last Updated**: 2026-02-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 一、设计核心定位
![输入图片说明](demo/image.png)
1. 用户定位
20-45 岁一二线城市城市白领；有一定经济基础，对身材要求严格、健康自律；追求完美，热爱运动，是时尚潮流的消费群体。
2. 产品定位
健身会员的全能线上服务中心，提供预约入场、卡信息 / 预约记录查询的基础服务，同时覆盖私教 / 团课预约、健身活动报名、健身器材选购等多元功能，实现健身服务一站式体验。
3. 视觉定位
选用视觉冲击力较强的色彩搭配，严格把控色彩数量与饱和度，打造充满力量感的视觉风格，贴合健身场景的时尚、潮流属性，同时突出页面核心信息与操作入口。
# 二、视觉系统设计
1. 色彩体系
plaintext
主色：#191919
辅色：#f7ca16、#d68c08、#e80617（黄橙渐变辅色强化视觉冲击）
文字色：#666666、#191919、#f7ca16、#ffffff
通过主色的沉稳与辅色的亮眼形成对比，既保证视觉的力量感，又能突出重要内容，让用户快速捕捉核心操作点。
2. 字体选择
标准体：中黑体、中粗体、苹方
辅助体：DIN
字体层级清晰，兼顾阅读性与专业感，与健身场景的力量感属性相契合。
3. 布局风格
沿用大屏显示主流的卡片大圆角设计，让板块信息划分更明确，视觉上更贴合潮流的健身项目背景，提升界面的整体质感与操作舒适度。
# 三、核心功能板块设计
![输入图片说明](demo/1.jpgimage.png)
## 01 首页
以功能入口为核心、文字为辅的布局形式，整合会员核心健身服务与实时运动数据，是小程序的核心操作枢纽：
核心功能入口：我要健身、私教预约、活动报名、团课课表
运动数据展示：今日总步数、消耗（Kcal）、本月运动天数
资讯板块：活动快报，实时更新健身房最新活动（如减肥营招生）
## 02 商城
实现健身用品一站式选购，板块划分清晰且注重视觉趣味性，有效提升用户界面停留时间：
核心分区：搜索区、banner 图入口、热门单品、品类专区（室内训练 / 户外运动 / 瑜伽舒展等）
购物权益：正品自营、7 天无理由换、满 88 免运费
视觉设计：以 banner 间隔各标题栏目，增加界面丰富度与体验感
## 03 个人中心
实现会员信息与健身数据的一体化管理，核心信息一目了然，操作便捷：
基础信息：所属门店、会员姓名、卡券有效期、个人设置、联系方式
消费管理：我的订单、课程管理、我的储值卡、客服投诉、通知公告
运动数据：我的运动板块，实时更新并展示用户核心运动数据
## 04 商品详情页
重点突出购买转化，信息展示层次分明，覆盖购买全流程所需信息：
核心展示：商品规格、售价、原价、销量、配送地址
核心操作：着重突显「立即购买」按钮，搭配「加入购物车」「客服」功能
延伸内容：下拉显示商品详细介绍、用户评价板块，为用户购买提供参考
## 05 购物车
贴合用户日常购物操作习惯，操作逻辑简洁易懂，功能设计人性化：
操作功能：左滑商品可显示「删除」按钮，支持单商品选择 / 全选
结算功能：全选时自动计算商品总价，「结算」按钮除未选中商品外始终保持高亮状态
## 06 订单板块
覆盖订单全生命周期管理，包含全部订单、订单详情、填写订单三大页面，操作功能完善：
订单分类：待付款、待发货、待收货、待评价、售后
核心功能：物流追踪、取消订单、申请售后、继续付款、确认收货、立即支付等
## 07 特色功能页
聚焦运动数据记录与健身房专属服务，完善会员全场景健身体验：
运动数据记录：按日 / 月 / 年统计展示卡路里消耗、运动步数、运动天数，包含实时数据与累计数据
请假服务：区分免费请假、付费请假，支持选择请假开始 / 结束时间，自动计算本次请假时长，显示剩余可免费请假天数
# 四、设计核心亮点
视觉与场景深度融合：以低饱和主色 + 高冲击辅色搭配，结合大圆角卡片布局，打造贴合健身场景的力量感与潮流感，视觉辨识度高。
全场景功能覆盖：从基础的预约入场、运动数据管理，到私教预约、器材购买，实现健身会员线上服务全场景覆盖，真正做到一站式健身服务。
用户体验极致优化：核心功能入口一目了然，购物、订单、数据查看等操作逻辑贴合用户使用习惯，降低操作门槛，提升服务便捷性。
数据化会员管理：实时统计并展示用户运动数据，让会员清晰掌握自身健身成果，同时也为健身房实现数字化会员管理提供有力支撑。