气泡聊产品 UI 设计画布
DESIGN ATLAS
设计参考 下载设计总图
47 个页面 53 条连接
页面连线
项目预售 · 当前价格¥1,488

越接近开发完成，价格越高。

售价随开发进度逐步上调。现在参与享受当前预售价；之后购买，按届时更高报价。

想要这套产品，越早确定越划算。
现在预售¥1,488
开发推进逐步上调
接近完成价格更高
页面目录47
同一套视觉，完整的相遇旅程。

点击页面放大查看
拖动空白处移动画布

下载 SVG 总图

QIPAO / PRODUCT UI ATLAS

让相遇，更简单。

交友 · 语音 · 直播 气泡聊产品界面与交互流程
47独立页面09产品模块53页面连接

从初次相遇开始

登录与注册 → 完善资料 → 首页

ONBOARDING

分享日常，也分享心动

动态发布、内容互动与心愿广场

COMMUNITY

让每一份心动有回应

爱情故事、个人资料与一对一聊天

CONNECTION

下一次相遇，交给缘分

漂流瓶、随机语音与视频匹配

DISCOVERY

遇见与你同频的人

趣味测试、缘分报告与星盘匹配

SOUL MATCH

把心意，留在彼此身边

脱单许可证与爱情纪念

LOVE CERTIFICATE

让声音与陪伴实时发生

视频直播、多人语聊与房间管理

LIVE & VOICE

让每一次互动都有归处

消息、个人中心与好友邀请 · 补全设计

MESSAGES & PROFILE

给陪伴多一点仪式感

装扮商城、贵族权益与成长任务 · 补全设计

REWARDS & GROWTH
一键登录 → 验证码登录：其他方式其他方式一键登录 → 完善个人资料：一键登录验证码登录 → 完善个人资料：验证通过验证通过完善个人资料 → 首页：完成资料完成资料动态广场 → 发布动态：发布发布发布动态 → 动态详情：发布成功发布成功动态广场 → 动态详情：查看动态心愿广场 → 发布心愿：写心愿写心愿发布心愿 → 我的心愿：发布成功发布成功爱情故事 → 爱情投稿：我要投稿我要投稿爱情投稿 → 选择故事模板：下一步下一步用户动态 → 用户资料 · 长页面：查看资料查看资料用户资料 · 长页面 → 一对一聊天：发起私聊发起私聊一对一聊天 → 快捷用语：常用语常用语漂流瓶 → 抽到的纸条：捞一个捞一个抽到的纸条 → 我的漂流瓶：我的漂流瓶我的漂流瓶我的漂流瓶 → 捞到的漂流瓶：查看回应查看回应语音速配 → 视频速配：切换模式切换模式最佳匹配 → 正在匹配：开始匹配开始匹配正在匹配 → 最佳匹配结果：匹配完成匹配完成夫妻相匹配 → 夫妻相报告 · 长页面：查看报告查看报告夫妻相报告 · 长页面 → 同生缘匹配：继续探索继续探索同生缘匹配 → 同生缘结果：缘分结果缘分结果脱单许可证 → 趣味答题：填写信息填写信息趣味答题 → 我的脱单证书：生成证书生成证书四宫格直播 → 主舞台直播：切换布局切换布局多人语音房 → 语音房工具：房间工具房间工具首页 → 动态广场：动态首页 → 爱情故事：爱情故事首页 → 漂流瓶：漂流瓶首页 → 语音速配：语音匹配首页 → 最佳匹配：趣味测试首页 → 脱单许可证：脱单许可证首页 → 四宫格直播：直播间首页 → 多人语音房：语音房动态广场 → 心愿广场：心愿选择故事模板 → 用户动态：查看用户查看用户捞到的漂流瓶 → 一对一聊天：继续私聊最佳匹配结果 → 用户资料 · 长页面：认识对方语音速配 → 多人语音房：匹配成功首页 → 夫妻相匹配：夫妻相测试首页 → 消息列表：消息首页 → 个人中心：我的消息列表 → 一对一聊天：打开会话个人中心 → 邀请好友返利：邀请好友邀请好友邀请好友返利 → 分享邀请海报：分享邀请分享邀请分享邀请海报 → 我的邀请码：填写邀请码填写邀请码个人中心 → 钻石商城：装扮商城钻石商城 → 贵族中心：贵族权益贵族权益贵族中心 → 我的贵族：查看权益查看权益我的贵族 → 幸运转盘：活动入口活动入口幸运转盘 → 任务中心：领取奖励领取奖励个人中心 → 任务中心：任务中心
视觉参考：慧绘惠 · 站酷《交友语聊直播 app UI 设计》实线表示页面关联；流程依据参考内容整理与推演。
拖动画布点击界面查看详情