从一起去玩,到一起把账算清楚。
兰亭妙微专注 UI 与用户体验设计,持续关注国内外优秀作品,分享界面设计与交互思路,进行设计审美积累。今天分享 Instant,一组把活动发现与朋友分账结合起来的 App 设计。聚会、旅行和现场活动既有体验,也有成员与费用需要协调。
一、项目背景:把活动灵感与共同事务接起来
公开界面覆盖活动详情、票务、付款和成员选择。它围绕一个具体场景展开:用户被活动吸引后,如何继续确认信息、邀请伙伴,再看清每个人的支出。

图 1 活动发现与进行中的分账
首页并置活动发现与进行中的分账:大幅照片带来出发的冲动,金额与成员信息提醒眼前事务。粉色强调与清楚的区域划分,让轻松浏览和个人安排各有位置。
图 2 活动详情与购票确认前的信息
活动照片之后,名称、时间、地点、主办方与票种逐一展开,底部金额与购票按钮完成收束。页面顺着决策需要补足信息,从被吸引自然走向确认。
二、设计策略:让热闹的内容与清楚的账目共处
①信息架构:活动卡片吸引浏览,详情补足决策信息,分账页逐个呈现成员份额。②视觉语言:浅色底与鲜明粉色形成轻快氛围,照片、头像和圆角卡片维持朋友共同参与的社交感。
Instant Event App | 界面细节与设计启发

图 3 分账金额与成员份额
总金额与参与头像先给出概况,列表再逐人呈现金额和比例。头像让每份支出有明确归属,数值与调整控件则把共享费用整理成可以逐项核对的内容。
图 4 选择付款伙伴
顶部已选头像保留当前结果,搜索框与成员列表帮助继续查找,右侧勾选提示选择状态。人物、选择与下一步始终相连,多人参与的操作因而有了清楚反馈。
③场景化交互:详情页把票种、数量与总价连在一起,成员页通过头像与勾选表达参与情况,分账页再对应到个人金额。从发现到确认,内容、人物与费用保持同一场景上下文。
三、设计启发:协作体验的质感,来自每个人都看得懂状态
活动照片制造期待,成员与金额则让共同安排变得具体。做群体活动或协作工具时,既要照顾情绪,也要把参与者、费用和下一步讲清楚;这种内容与事务之间的平衡值得积累。
如有活动票务、社交分账类 App的 UI/UX 设计需求,欢迎联系兰亭妙微,交流产品场景与设计需求。

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。
