逐页设计，逐页背景。

每张背景均以对应页面的当前设计 PNG 为参考独立生成。左侧为设计参考，右侧为去掉界面元素后的背景；文字、卡片、头像与功能插画继续使用 HTML 或独立素材。点击图片可查看原尺寸。

浅色雾化和夜景色调已生成到图片中，页面背景层 opacity 为 1，无额外统一遮罩。生成图按参考重建，遮挡区域由模型补绘，不是原设计底图的无损提取。

01 · 启动页

查看页面布局 →下载背景 PNG

02 · 写下心事

查看页面布局 →下载背景 PNG

03 · 遇见回应

查看页面布局 →下载背景 PNG

04 · 温暖相遇

查看页面布局 →下载背景 PNG

05 · 语言选择

查看页面布局 →下载背景 PNG

06 · 登录方式

查看页面布局 →下载背景 PNG

07 · 邮箱账号

查看页面布局 →下载背景 PNG

08 · 邮箱验证

查看页面布局 →下载背景 PNG

09 · 找回密码

查看页面布局 →下载背景 PNG

10 · 一键登录

查看页面布局 →下载背景 PNG

11 · 游客登录

查看页面布局 →下载背景 PNG

12 · 海洋首页

查看页面布局 →下载背景 PNG

13 · 写漂流瓶

查看页面布局 →下载背景 PNG

14 · 投递结果

查看页面布局 →下载背景 PNG

15 · 捡到漂流瓶

查看页面布局 →下载背景 PNG

16 · 阅读漂流瓶

查看页面布局 →下载背景 PNG

17 · 回一封信

查看页面布局 →下载背景 PNG

18 · 消息中心

查看页面布局 →下载背景 PNG

19 · 私信聊天

查看页面布局 →下载背景 PNG

20 · 陌生人资料

查看页面布局 →下载背景 PNG

21 · 系统通知

查看页面布局 →下载背景 PNG

22 · 海边广场

查看页面布局 →下载背景 PNG

23 · 我的岛屿

查看页面布局 →下载背景 PNG

24 · 我的漂流瓶

查看页面布局 →下载背景 PNG

25 · 成就徽章

查看页面布局 →下载背景 PNG

26 · 主题装扮

查看页面布局 →下载背景 PNG

27 · 设置

查看页面布局 →下载背景 PNG

28 · 关于 Driftly

查看页面布局 →下载背景 PNG

20 · 陌生人资料：独立海景封面

下载封面 PNG · 1961 × 802