technine.io

移动应用 · 设计概念

活力同行 — 会员应用设计

这是会员应用概念,让会员安排一周活动、查看名额并出示入场凭证。钴蓝结构、青柠色提示和日历式列表,让时段和名额一目了然。

以下是概念设计,并非客户项目。展示内容为静态效果图,名称和数据均为虚构。

活力同行 — 会员应用设计

设计概念

活力同行 — 会员应用设计: 会员应用 · 钴蓝、青柠色与日历主导的活动发现
查看设计
会员应用 · 钴蓝、青柠色与日历主导的活动发现

设计出发点

用实用而鲜明的界面,查看一周时段和会员信息。

面向谁
寻找工作坊及健康活动、预约参加时间或查看会员身份的用户。
需要考虑的限制
周历页面要让会员在手机上快速查看时段和文字名额。日历、会员卡和预约状态均为示意,不会预留真实名额。

建议的操作流程

  1. 01

    本周活动

    五日日期选择后接时段列表,列出场地和文字名额信息。

  2. 02

    预约时段

    活动信息按方便核对的方式排列,再作出预约选择。

  3. 03

    会员凭证

    高对比度的会员卡,让会员到场时直接查看所需信息。

为什么这样设计?

设计思路 1

已选日期下方是以时段为主的列表,会员可先比较一周安排,再选择活动。

设计思路 2

活动和场地旁以文字列出名额;青柠色辅助操作,不会替代这些信息。

细看视觉设计

以下为建议的设计样式,均为静态示例,不是可操作功能或正式开发规范。

配色用途

  • 冷色背景

    #E8EEF0

  • 钴蓝结构

    #1858C8

  • 青柠名额提示

    #D7E94E

字体与间距

信息清楚,下一步明确。

时段采用更粗的无衬线字体;详情、标签和会员卡信息采用清晰的中性字体。

五日选择器保持轻巧,所选日期的时段列表和主要操作保留独立区域。

正常流程之外的状态

暂无预约

还没有即将参加的活动。浏览活动并选择合适的场次。

预约成功

名额已预留。可在近期预约中查看时间与地点。

场次已满

当前时段名额已满,请选择其他场次。

为什么以五日安排作为入口?

会员可以先比较短期安排,再打开活动详情。布局优先展示可选时段,活动图片占用更少空间;每项活动旁仍以文字标明名额。