天气App场景设计：换天空，保留查预报的位置

这组天气App场景设计把扁平人物扩展为有天空、草地和立体角色的画面。晴天、夜间、雨雪带来不同气氛，温度、小时预报与图表却大致保留位置。它的亮点，是场景可以变化，查询路线仍有连续线索。

核心结论

• 角色和环境扩展了气氛，城市温度与预报位置保留查询线索。
• 图标按组合规则延伸，多种背景仍需分别检查文字对比与状态对应。

角色进入环境，信息骨架仍然在

前后对照里，原先纯蓝底上的人物变成草地与天空里的角色，衣着和动作也更丰富。手机After页上部仍有城市、温度与状态，下方延续小时和日预报区域，背景的变化没有把文字全部移走。

这样的天气界面插画适合日常反复打开的页面，人物和环境能增加记忆与气氛。读者查今晚温度时，仍需要尽快找到时间段，而不是先解读角色故事。界达设计更看重这种分工：场景补充感受，文字给出查询依据。

立体感不能证明预报准确，也不等于正式穿衣建议。继续评审时，可先在相同位置找城市、当前温度与小时，再看角色是否占了过多文字空间，避免视觉丰富后查询反而慢下来。

图标按组合扩展，比逐个孤立画更有条理

图标推导图把太阳、月亮、云放在基础组，再通过箭头延伸到不同遮云状态。雨雪用符号与密度变化，雷暴、冷热和结冰另有相应图形。黄色箭头在黑底上很醒目，让扩展关系可以被追踪。

这种天气图标系统的优点，是先建立部件与规则，新增状态仍能与原有形象接起来。评审时也可以按昼夜、降水和强弱逐组检查，而不只看每个图标单独是否好看。

组合缩到逐小时尺寸后，有些细节可能很接近。名称与图标最好共同说明状态，重要提醒还要有独立标题、范围和有效时间。不能只让云更深或加一条闪电来表达全部信息。

不同天空下，小字都要有稳定的背景

七组宽屏分别展示蓝天、夜色、厚云、雨雪及其他环境，预报模块位置接近，信息主要使用浅色文字与图表。背景变了，草地与天空的亮度也变了，这为文字可读性带来不同条件。

白雪和深夜都值得单独检查：一张晴天页可读，并不说明所有小字在雪景里同样清楚。可以给较密的模块增加适量底层或调整文字对比，让内容拥有稳定阅读区。天气名称、图标和场景宜采用同一状态资料；切换到雪景或夜间时，数据模块继续使用清楚名称，背景变化不应改变单位与字段位置。

界达设计会把每个场景和对应地点、时间、提醒一起核对，再评价动画变化。视觉场景和文字内容应该来自同一状态，切换时也保留查询位置。这样的稳定，才让人物与天气变化成为日常体验的加分。

常见问题

每种天气要重新排信息吗？

可以改变场景和强调层次，常用查询位置宜保持稳定。城市、时间和提醒仍应随当前状态准确更新。

设计检查清单

• 在夜色和雪景上逐项读小字。
• 逐场景核对地点、时间与提醒对象。