设计一款移动端每日天气App首页UI界面，遵循以下设计原则：1.用户为中心，了解用户对天气查询-1qxs60kouiD2_yLA-HB-稿定 AI

创意预览图

设计一款移动端每日天气App首页UI界面，遵循以下设计原则：1.用户为中心，了解用户对天气查询、预警提醒的核心需求，优化查询流程；2.简洁高效，突出当前天气核心信息，减少操作步骤，避免信息过载；3.一

1qxs60kouiD...

2026.04.07

pad端天气应用天气预报详情页UI设计，界面上方居中位置显示当天天气详情，包含日期时间，天气状态，气温，湿度，地点等信息。底部呈现7日天气信息列表，整体采用毛玻璃亚克力质感背景框。整体背景为对应天气状态的高清壁纸，高质感配色，使用f/2.8拍摄的柔和景深照片写实背景，UI设计，高细节，高质感

pad端天气应用天气预报详情页UI设计，界面上方居中位置显示当天天气详情，包含日期时间，天气状态，气温，湿度，地点等信息。底部呈现7日天气信息列表，整体采用毛玻璃亚克力质感背景框。整体背景为对应天气状态的高清壁纸，高质感配色，使用f/2.8拍摄的柔和景深照片写实背景，UI设计，高细节，高质感

创意 × 7

pad端天气应用天气预报详情页UI设计，界面上方居中位置显示当天天气详情，包含日期时间，天气状态，气温，湿度，地点等信息。底部呈现7日天气信息列表，整体采用毛玻璃亚克力质感背景框。整体背景为对应天气状态的高清壁纸，高质感配色，使用f/2.8拍摄的柔和景深照片写实背景，UI设计，高细节，高质感

pad端天气应用天气预报详情页UI设计，界面上方居中位置显示当天天气详情，包含日期时间，天气状态，气温，湿度，地点等信息。底部呈现7日天气信息列表，整体采用毛玻璃亚克力质感背景框。整体背景为对应天气状态的高清壁纸，高质感配色，使用f/2.8拍摄的柔和景深照片写实背景，UI设计，高细节，高质感

pad端天气应用天气预报详情页UI设计，界面上方居中位置显示当天天气详情，包含日期时间，天气状态，气温，湿度，地点等信息。底部呈现7日天气信息列表，整体采用毛玻璃亚克力质感背景框。整体背景为对应天气状态的高清壁纸，高质感配色，使用f/2.8拍摄的柔和景深照片写实背景，UI设计，高细节，高质感

pad端天气应用天气预报详情页UI设计，界面上方居中位置显示当天天气详情，包含日期时间，天气状态，气温，湿度，地点等信息。底部呈现7日天气信息列表，整体采用毛玻璃亚克力质感背景框。整体背景为对应天气状态的高清壁纸，高质感配色，使用f/2.8拍摄的柔和景深照片写实背景，UI设计，高细节，高质感

pad端天气应用天气预报详情页UI设计，4K分辨率，宽高比16:10。界面上方居中位置显示当天天气详情，包括日期时间，天气状态，气温，湿度，地点等信息。底部呈现7日天气信息队列，水平排列，每个天气都使用独立的扁平化轻拟物卡片风格背景框。整体背景为当前天气状态的高清壁纸，高质感配色，f/2.8柔和景深照片写实背景，UI设计，高细节

pad端天气应用天气预报详情页UI设计，4K分辨率，宽高比16:10。界面上方居中位置显示当天天气详情，包括日期时间，天气状态，气温，湿度，地点等信息。底部呈现7日天气信息队列，水平排列，每个天气都使用独立的扁平化轻拟物卡片风格背景框。整体背景为当前天气状态的高清壁纸，高质感配色，f/2.8柔和景深照片写实背景，UI设计，高细节

创意 × 7

pad端天气应用天气预报详情页UI设计，4K分辨率，宽高比16:10。界面上方居中位置显示当天天气详情，包括日期时间，天气状态，气温，湿度，地点等信息。底部呈现7日天气信息队列，水平排列，每个天气都使用独立的毛玻璃亚克力质感背景框。整体背景为当前天气状态的高清壁纸，高质感配色，f/2.8柔和景深照片写实背景，UI设计，高细节

pad端天气应用天气预报详情页UI设计，4K分辨率，宽高比16:10。界面上方居中位置显示当天天气详情，包括日期时间，天气状态，气温，湿度，地点等信息。底部呈现7日天气信息队列，水平排列，每个天气都使用独立的毛玻璃亚克力质感背景框。整体背景为当前天气状态的高清壁纸，高质感配色，f/2.8柔和景深照片写实背景，UI设计，高细节

创意 × 7

pad端天气应用天气预报详情页UI设计，4K分辨率，宽高比16:10。界面上方居中位置显示当天天气详情，包括日期时间，天气状态，气温，湿度，地点等信息。底部呈现7日天气信息队列，水平排列，每个天气都使用独立的毛玻璃亚克力质感背景框。整体背景为当前天气状态的高清壁纸，高质感配色，f/2.8柔和景深照片写实背景，UI设计，高细节

pad端天气应用天气预报详情页UI设计，4K分辨率，宽高比16:10。界面上方居中位置显示当天天气详情，包括日期时间，天气状态，气温，湿度，地点等信息。底部呈现7日天气信息队列，水平排列，每个天气都使用独立的毛玻璃亚克力质感背景框。整体背景为当前天气状态的高清壁纸，高质感配色，f/2.8柔和景深照片写实背景，UI设计，高细节

创意 × 7

将当前界面内容贴到苹果手机圆角屏样机中，保持界面所有内容、颜色和布局不变，保留手机样机的黑框边框和白色背景，让APP界面完美适配手机屏幕显示

将当前界面内容贴到苹果手机圆角屏样机中，保持界面所有内容、颜色和布局不变，保留手机样机的黑框边框和白色背景，让APP界面完美适配手机屏幕显示

智能家居APP欢迎引导页第三屏，暖白色背景，画面中央是一朵柔和的云朵插图，下方显示文字“双向温暖”，底部有三个进度指示点全部高亮，最下方显示圆角“开始使用”按钮，整体风格极简治愈，无多余元素

智能家居APP欢迎引导页第三屏，暖白色背景，画面中央是一朵柔和的云朵插图，下方显示文字“双向温暖”，底部有三个进度指示点全部高亮，最下方显示圆角“开始使用”按钮，整体风格极简治愈，无多余元素

1qamayt7lzf9psco-HB

pad端天气应用天气预报详情页UI设计，宽高比16:9，分辨率2560*1200px。界面上方居中位置显示当天天气详情，包括日期时间，天气状态，气温，湿度，地点等信息。底部呈现7日天气信息队列，水平排列，采用7个独立的毛玻璃亚克力质感背景框。整体背景为当前天气状态的高清壁纸，高质感配色，f/2.8柔和景深照片写实背景，UI设计

pad端天气应用天气预报详情页UI设计，宽高比16:9，分辨率2560*1200px。界面上方居中位置显示当天天气详情，包括日期时间，天气状态，气温，湿度，地点等信息。底部呈现7日天气信息队列，水平排列，采用7个独立的毛玻璃亚克力质感背景框。整体背景为当前天气状态的高清壁纸，高质感配色，f/2.8柔和景深照片写实背景，UI设计

创意 × 7

pad端天气应用天气预报详情页UI设计，宽高比16:9，分辨率2560*1200px。界面上方居中位置显示当天天气详情，包括日期时间，天气状态，气温，湿度，地点等信息。底部呈现7日天气信息队列，水平排列，采用7个独立的毛玻璃亚克力质感背景框。整体背景为当前天气状态的高清壁纸，高质感配色，f/2.8柔和景深照片写实背景，UI设计

pad端天气应用天气预报详情页UI设计，宽高比16:9，分辨率2560*1200px。界面上方居中位置显示当天天气详情，包括日期时间，天气状态，气温，湿度，地点等信息。底部呈现7日天气信息队列，水平排列，采用7个独立的毛玻璃亚克力质感背景框。整体背景为当前天气状态的高清壁纸，高质感配色，f/2.8柔和景深照片写实背景，UI设计

创意 × 7

pad端天气应用天气预报详情页UI设计，宽高比16:9，分辨率2560*1200px。界面上方居中位置显示当天天气详情，包括日期时间，天气状态，气温，湿度，地点等信息。底部呈现7日天气信息队列，水平排列，采用7个独立的毛玻璃亚克力质感背景框。整体背景为当前天气状态的高清壁纸，高质感配色，f/2.8柔和景深照片写实背景，UI设计

pad端天气应用天气预报详情页UI设计，宽高比16:9，分辨率2560*1200px。界面上方居中位置显示当天天气详情，包括日期时间，天气状态，气温，湿度，地点等信息。底部呈现7日天气信息队列，水平排列，采用7个独立的毛玻璃亚克力质感背景框。整体背景为当前天气状态的高清壁纸，高质感配色，f/2.8柔和景深照片写实背景，UI设计

APP首页个性化仪表盘设计，顶部显示日期天气和用户问候语，中心可展开今日运动与养生任务卡片，下方快速入口健身养生饮食睡眠，底部导航栏首页计划发现我的，风格现代简约，自然肌理融合科技感，主色薄荷绿浅灰白，圆角卡片，留白清晰，适配手机竖屏

APP首页个性化仪表盘设计，顶部显示日期天气和用户问候语，中心可展开今日运动与养生任务卡片，下方快速入口健身养生饮食睡眠，底部导航栏首页计划发现我的，风格现代简约，自然肌理融合科技感，主色薄荷绿浅灰白，圆角卡片，留白清晰，适配手机竖屏

硬件规格3*2比例的天气小组件界面设计，简洁现代科技风格，整体主题样式统一，适配硬件显示，包含天气图标和温度文字信息，界面干净无违和感

硬件规格3*2比例的天气小组件界面设计，简洁现代科技风格，整体主题样式统一，适配硬件显示，包含天气图标和温度文字信息，界面干净无违和感

在当前黑色iPhone手机屏幕内，修改地图路网，生成包含上海、广州、深圳、重庆四座城市标注的简约浅灰城市路网地图，保留四角圆形定位按钮和底部空白弹窗，保持整体干净简约商务风，浅蓝渐变外背景，9:16竖版，4K超清

在当前黑色iPhone手机屏幕内，修改地图路网，生成包含上海、广州、深圳、重庆四座城市标注的简约浅灰城市路网地图，保留四角圆形定位按钮和底部空白弹窗，保持整体干净简约商务风，浅蓝渐变外背景，9:16竖版，4K超清

创意 × 1

去除图片上所有文字「图片1」

去除图片上所有文字「图片1」

简约风格手机桌面隐藏功能背景框，半透明圆角矩形，简洁设计适合放置快捷功能，干净清爽的手机壁纸元素

简约风格手机桌面隐藏功能背景框，半透明圆角矩形，简洁设计适合放置快捷功能，干净清爽的手机壁纸元素

以iPhone17 promax为原型，将三张app ui界面并列放在一起制作手机样机图，保留原图的界面内容，自然美观的展示效果

以iPhone17 promax为原型，将三张app ui界面并列放在一起制作手机样机图，保留原图的界面内容，自然美观的展示效果

生活APP消息通知页面，简约清新，消息列表整齐排列，头像和摘要清晰，界面和谐易临摹

生活APP消息通知页面，简约清新，消息列表整齐排列，头像和摘要清晰，界面和谐易临摹

生活APP消息通知页面，简约清新，消息列表整齐排列，头像和摘要清晰，界面和谐易临摹

生活APP消息通知页面，简约清新，消息列表整齐排列，头像和摘要清晰，界面和谐易临摹

移动端闹钟APP首页闹钟列表页设计，尺寸375×812px，简约轻量化扁平风，主色调晴空蓝#3478F6，中性灰#F5F5F5/#333333，遵循iOS原生设计规范。顶部导航标题“闹钟”，右上角有“+”新增按钮；中间是多个闹钟条目卡片，每个卡片包含时间、重复周期、开关按钮、备注标签，支持左滑删除；底部有四个Tab导航：闹钟、计时器、秒表、就寝，当前选中“闹钟”tab。分层规范，组件化拆分，界面干净清晰

移动端闹钟APP首页闹钟列表页设计，尺寸375×812px，简约轻量化扁平风，主色调晴空蓝#3478F6，中性灰#F5F5F5/#333333，遵循iOS原生设计规范。顶部导航标题“闹钟”，右上角有“+”新增按钮；中间是多个闹钟条目卡片，每个卡片包含时间、重复周期、开关按钮、备注标签，支持左滑删除；底部有四个Tab导航：闹钟、计时器、秒表、就寝，当前选中“闹钟”tab。分层规范，组件化拆分，界面干净清晰

生活APP设置页面，简洁风格，设置选项分组排列，开关和按钮设计统一，美观易临摹

生活APP设置页面，简洁风格，设置选项分组排列，开关和按钮设计统一，美观易临摹

生活APP设置页面，简洁风格，设置选项分组排列，开关和按钮设计统一，美观易临摹

生活APP设置页面，简洁风格，设置选项分组排列，开关和按钮设计统一，美观易临摹

天气卡片

健康饮水提醒小程序提醒设置页面，包含一键开启全天提醒按钮、自定义时段开始结束时间设置、间隔频率选择、午休静音开关，显示下次提醒倒计时，支持临时关闭今日提醒，整体风格清新简约浅蓝色调，UI布局清晰现代

健康饮水提醒小程序提醒设置页面，包含一键开启全天提醒按钮、自定义时段开始结束时间设置、间隔频率选择、午休静音开关，显示下次提醒倒计时，支持临时关闭今日提醒，整体风格清新简约浅蓝色调，UI布局清晰现代