移动应用 · 设计概念
活力同行 — 会员应用设计
这是会员应用概念,让会员安排一周活动、查看名额并出示入场凭证。钴蓝结构、青柠色提示和日历式列表,让时段和名额一目了然。
以下是概念设计,并非客户项目。展示内容为静态效果图,名称和数据均为虚构。
设计出发点
用实用而鲜明的界面,查看一周时段和会员信息。
- 面向谁
- 寻找工作坊及健康活动、预约参加时间或查看会员身份的用户。
- 需要考虑的限制
- 周历页面要让会员在手机上快速查看时段和文字名额。日历、会员卡和预约状态均为示意,不会预留真实名额。
建议的操作流程
- 01
本周活动
五日日期选择后接时段列表,列出场地和文字名额信息。
- 02
预约时段
活动信息按方便核对的方式排列,再作出预约选择。
- 03
会员凭证
高对比度的会员卡,让会员到场时直接查看所需信息。
为什么这样设计?
设计思路 1
已选日期下方是以时段为主的列表,会员可先比较一周安排,再选择活动。
设计思路 2
活动和场地旁以文字列出名额;青柠色辅助操作,不会替代这些信息。
细看视觉设计
以下为建议的设计样式,均为静态示例,不是可操作功能或正式开发规范。
配色用途
冷色背景
#E8EEF0
钴蓝结构
#1858C8
青柠名额提示
#D7E94E
字体与间距
信息清楚,下一步明确。
时段采用更粗的无衬线字体;详情、标签和会员卡信息采用清晰的中性字体。
五日选择器保持轻巧,所选日期的时段列表和主要操作保留独立区域。
正常流程之外的状态
暂无预约
还没有即将参加的活动。浏览活动并选择合适的场次。
预约成功
名额已预留。可在近期预约中查看时间与地点。
场次已满
当前时段名额已满,请选择其他场次。
为什么以五日安排作为入口?
会员可以先比较短期安排,再打开活动详情。布局优先展示可选时段,活动图片占用更少空间;每项活动旁仍以文字标明名额。

