6. 仿豆瓣电影App（douban-movie-app-prd）
1. 产品概述
仿豆瓣电影App是一个移动端电影信息平台，为用户提供电影浏览、评分、评论和收藏功能。用户可以查看正在热映和即将上映的电影，阅读影评，管理个人收藏。 目标用户为电影爱好者，提供便捷的电影发现和评价体验。
2. 核心功能
2.1 用户角色
| 角色 | 注册方式 | 核心权限 |
|---|---|---|
| 普通用户 | 手机号/邮箱注册 | 浏览电影、发表评论、收藏电影 |
| 游客用户 | 无需注册 | 仅浏览电影信息 |
2.2 功能模块
主要页面包括：
- 电影首页：推荐电影、热门电影展示
- 正在热映：当前上映电影列表
- 即将上映：未来上映电影预告
- 电影详情：电影详细信息、评分、简介
- 影评列表：用户影评展示
- 搜索页面：电影搜索功能
- 我的收藏：个人收藏的电影列表
2.3 页面详情
| 页面名称 | 模块名称 | 功能描述 |
|---|---|---|
| 电影首页 | 轮播图 | 展示热门电影海报，支持自动切换和手动滑动 |
| 电影首页 | 推荐电影 | 基于用户偏好的个性化推荐 |
| 电影首页 | 分类导航 | 快速跳转到不同电影分类 |
| 正在热映 | 电影列表 | 网格/列表展示当前上映电影 |
| 正在热映 | 筛选排序 | 按类型、地区、评分筛选排序 |
| 即将上映 | 预告列表 | 时间轴展示即将上映电影 |
| 即将上映 | 上映提醒 | 设置电影上映提醒通知 |
| 电影详情 | 基本信息 | 展示电影名称、导演、演员、时长等 |
| 电影详情 | 评分展示 | 显示豆瓣评分和评分分布 |
| 电影详情 | 剧情简介 | 电影剧情详细介绍 |
| 电影详情 | 预告片 | 播放电影预告片视频 |
| 影评列表 | 影评展示 | 用户影评列表，支持点赞评论 |
| 影评列表 | 写影评 | 用户发表影评功能 |
| 搜索页面 | 搜索框 | 支持电影名称、演员、导演搜索 |
| 搜索页面 | 搜索历史 | 记录用户搜索历史 |
| 搜索页面 | 热门搜索 | 展示热门搜索关键词 |
| 我的收藏 | 收藏列表 | 展示用户收藏的电影 |
| 我的收藏 | 收藏管理 | 取消收藏、批量操作 |
3. 核心流程
用户主要操作流程：
- 浏览流程：首页 → 电影分类 → 电影详情 → 影评/收藏
- 搜索流程：搜索页面 → 输入关键词 → 查看结果 → 电影详情
- 收藏流程：电影详情 → 点击收藏 → 我的收藏查看
4. 用户界面设计
4.1 设计风格
- 主色调：豆瓣绿 (#42bd56) 作为主品牌色
- 辅助色：深灰色 (#333333) 用于文字，浅灰色 (#f5f5f5) 用于背景
- 按钮样式：圆角矩形，主要按钮使用品牌色
- 字体：系统默认字体，标题16-18px，正文14px
- 布局风格：卡片式布局，底部导航栏固定
- 图标风格：线性图标，简洁现代风格
4.2 页面设计概览
| 页面名称 | 模块名称 | UI元素 |
|---|---|---|
| 电影首页 | 轮播图 | 全宽海报轮播，高度200px，支持手势滑动 |
| 电影首页 | 推荐电影 | 横向滚动卡片，每张卡片显示电影海报和评分 |
| 正在热映 | 电影列表 | 2列网格布局，海报+名称+评分，卡片间距10px |
| 电影详情 | 基本信息 | 顶部海报，下方展示电影详情，分模块展示 |
| 电影详情 | 评分展示 | 五星评分组件，显示具体分数和评分人数 |
| 搜索页面 | 搜索框 | 顶部固定搜索框，圆角设计，带搜索图标 |
| 我的收藏 | 收藏列表 | 列表展示收藏电影，支持左滑删除操作 |
4.3 响应式设计
- 采用移动端优先设计，适配各种手机屏幕尺寸
- 底部导航栏在iPhone底部安全区域适配
- 支持横竖屏切换，优化不同方向的显示效果
- 触摸交互优化，按钮点击区域不小于44px
4.4 底部导航
底部导航栏包含四个主要入口：
- 首页：电影推荐和发现
- 电影：正在热映和即将上映分类
- 影评：影评列表和写影评入口
- 我的：个人中心和收藏管理
20大项目拆解：从PRD到架构 文章被收录于专栏
想独立做出一个完整的项目却不知从何下手？本专栏是你的终极路线图。我们由浅入深，通过20个经典项目案例，手把手带你走过产品构思、需求撰写、功能设计、技术选型、架构搭建的全过程。从“音乐播放器”到“企业后台”，你将逐步建立对软件系统的完整认知，完成从理论到实践、从单一技能到复合能力的飞跃。
