移动应用 · 设计概念
会员应用
生活方式会员应用设计,展示活动发现、预约时段与电子会员卡,并说明拟采用的预约状态和视觉规范。
以下是概念设计,并非客户项目。展示内容为静态效果图,名称和数据均为虚构。
设计出发点
将活动浏览、名额预约和后续会员卡查询连接起来。活动视觉负责吸引浏览,固定导航则支持用户在不同任务间切换。
- 面向谁
- 寻找工作坊及健康活动、预约参加时间或查看会员身份的用户。
- 需要考虑的限制
- 活动推荐和会员凭证查询的信息需求不同。名额、参与资格与凭证安全需要实际业务规则支持;图中的会员卡仅为示意。
建议的操作流程
- 01
发现活动
活动卡片结合分类标签,提供按兴趣浏览的入口。
- 02
预约时段
活动详情集中展示场地和可选时间,再提供预约按钮。
- 03
查看会员卡
会员页面汇总电子卡片和下一次预约,方便活动前查阅。
为什么这样设计?
保持导航一致
不同页面的底部导航位置不变。活动发现和会员卡各有入口,用户无需按固定顺序浏览。
统一选中状态
同一强调色连接已选时间、主要操作和会员标识。设计还应加入文字或形状提示,避免仅通过颜色表达选择。
细看视觉设计
以下为建议的设计样式,均为静态示例,不是可操作功能或正式开发规范。
配色用途
活动背景
#FFF7EF
会员标识与操作
#701C2A
主要文字
#3D2927
字体与间距
信息清楚,下一步明确。
活动标题建议使用带有杂志感的衬线字体。导航、时间和会员信息采用简洁的无衬线字体。
活动信息流突出活动卡片,预约区域则将日期与时间紧密分组。相邻触控目标之间保留清晰间隔。
正常流程之外的状态
暂无预约
还没有即将参加的活动。浏览活动并选择合适的场次。
预约成功
名额已预留。可在近期预约中查看时间与地点。
场次已满
当前时段名额已满,请选择其他场次。
会员卡为什么不放在活动浏览流程里?
发现活动和出示会员身份是不同的任务。单独的会员卡入口便于直接查看凭证,活动区则可以采用更适合探索的布局。

