返回项目列表
产品设计UI/UX移动端PRD

天气 App

一款功能全面的天气应用,除了基础天气预报,还集成语音播报、生活指数、指南罗盘、万年历、节日倒数、历史上的今天等特色功能,让天气信息真正融入日常生活。

2025年7月1日
天气 App

产品概述

天气 App 是一款以天气为核心、向外延伸到生活场景的综合工具类应用。产品采用清新的蓝白渐变设计语言,在提供精准天气数据的同时,通过语音播报、生活指数、日历、历史知识等模块,让用户在打开天气 App 时获得更多有价值的信息。


核心界面

天气首页

首页以大字显示当前温度(13°)和天气图标,下方三格信息卡展示空气质量、风向风级、相对湿度。中部为 24 小时逐时预报(支持语音播报),再下方是昨今明三天温度对比,以及通往 30 日趋势预报的入口。

15 日天气预报支持列表趋势两种视图切换:列表视图清晰展示每天天气状况与温度区间;趋势视图用折线图直观呈现温度走势,并附带风力和空气质量信息。

首页-列表视图首页-趋势视图

30 日天气

点击「30日天气趋势预报」进入完整的月度列表,显示每日天气状况与最低/最高温,低温橙色高温蓝色的双色设计让温差一目了然,解锁会员可查看完整 30 天。

30日天气

特色功能

语音播报

语音播报页提供两种播报模式:今日天气播报(一句话说清当天情况)和15日天气播报(滚动播报未来两周),一键即可收听,适合早起做出行决策时使用。

语音播报

通知栏天气卡片与预警

通知中心提供丰富的天气推送:常驻天气卡片显示实时温度和体感,支持一键刷新;气象预警以橙色/蓝色区分等级(暴雨橙色预警、台风蓝色预警);降雨提醒会在下雨前 15 分钟精准推送,提示带伞。

通知栏

城市管理

支持添加多个城市,以卡片网格展示各城市实时天气。顶部突出显示当前定位城市,支持 GPS 自动定位,删除城市时有二次确认弹窗防止误操作。

添加城市城市管理删除确认

指南 Tab

指南 Tab 是 App 的「环境信息中枢」,聚合了三类数据:

空气质量:展示 PM2.5、PM10、SO₂、NO₂、CO、O₂ 六项指标,配合仪表盘可视化总体评分。

日月之行:以弧线轨迹图展示当日日出(07:25)、日落(16:51)、月出(07:25)、月落(16:51)时间,直观呈现昼夜长度。

生活指数:12 项生活建议,涵盖旅游、紫外线、穿衣、感冒、舒适度、运动、洗车、带伞、钓鱼、过敏、晨练、防晒,每项都有当日评级,帮助用户合理安排活动。

指南Tab

日历 Tab

日历 Tab 将天气与生活日程深度融合,提供四个子模块:

月历视图:显示公历与农历日期,今日高亮,当月一览无余。

农历宜忌:点击任意日期展示干支纪年、生肖冲煞、当日宜忌事项,满足传统习俗查询需求。

节日大全:列出近期节日与倒计时,包含法定节假日、传统节日和纪念日。

历史上的今天:展示当天在历史上发生的重要事件,增加阅读趣味性。

日历Tab节日大全历史上的今天

产品需求文档(PRD)

1. 产品背景

天气 App 是手机上使用频率最高的工具之一,但市场上大多数产品要么功能单一(只有天气),要么广告泛滥体验极差。用户对天气 App 的真实需求远不止「今天几度」,还包括:出门需要带伞吗?今天适合运动吗?最近有什么节日?

本产品的策略是以天气为锚点,向生活场景自然延伸,把日历、生活指数、节日、历史等信息整合进来,提升打开频率和使用时长。

2. 目标用户

  • 日常通勤族:每天关注天气决定穿什么、带不带伞
  • 户外活动爱好者:需要查询紫外线、运动指数、未来多日天气
  • 传统文化爱好者:习惯查农历宜忌、节气节日
  • 知识好奇者:对「历史上的今天」类内容感兴趣

3. 核心功能

F1 · 天气预报

提供 24 小时逐时预报、15 日列表/趋势视图、30 日月度预报(会员)。数据来源精准,温度、天气状况、风向风力、湿度一应俱全,满足绝大多数出行决策需求。

F2 · 语音播报

用户不方便盯着屏幕时(比如开车、做家务),可以开启语音播报功能,一句话听清今天天气或未来 15 天趋势,解放双眼。

F3 · 气象预警与降雨提醒

与气象台对接,实时推送暴雨、台风等气象预警通知,并根据 GPS 位置在降雨前精准推送提醒,帮助用户做好防范,避免被突发天气打乱计划。

F4 · 生活指数

将天气数据转化为 12 项生活建议(穿衣、紫外线、运动等),让用户不用自己推算,直接获得行动指导。

F5 · 日历与节日

将公历、农历、节假日整合在同一视图,附带宜忌参考和节日倒数,满足用户在查天气时顺手查日期的习惯。

4. 用户流程

打开天气 App
天气 Tab查看当前温度与 24 小时预报
切换列表 / 趋势视图查看 15 日预报
点击语音播报 → 收听天气播报
查看 30 日趋势(会员解锁)
指南 Tab查看空气质量、日月轨迹、生活指数
日历 Tab查看农历宜忌、节日倒数、历史今天
管理城市 → 添加 / 删除关注城市
GPS 自动定位当前城市

5. 设计亮点

  1. 蓝白渐变视觉语言:天蓝色渐变背景与白色卡片层次分明,传达清新、可信的天气品牌感
  2. 双色温度设计:预报列表中低温用橙色、高温用蓝色,温差大小一眼可判
  3. 通知分级设计:气象预警按橙色/蓝色区分紧急程度,用户无需阅读全文即可判断严重性
  4. 降雨前置提醒:不等雨下才通知,而是提前 15 分钟推送,真正有用
  5. 天气 × 日历融合:将农历宜忌、节日倒数整合进日历 Tab,提升打开频率,形成差异化