technine.io

移动应用 · 设计概念

静谧会所 — 会员应用设计

这是会员应用概念,让会员浏览活动、选择时段并查看会员卡。象牙白背景、森林绿操作按钮和宽松卡片,方便核对预约信息。

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

静谧会所 — 会员应用设计

设计概念

静谧会所 — 会员应用设计: 会员应用 · 象牙白、森林绿与克制的活动浏览界面
查看设计
会员应用 · 象牙白、森林绿与克制的活动浏览界面

设计出发点

用温暖的杂志式风格,串联活动、预约和会员身份。

面向谁
寻找工作坊及健康活动、预约参加时间或查看会员身份的用户。
需要考虑的限制
活动插画需要空间,同时日期、时段、地点和名额必须靠近预约选择。会员卡和活动时段均为示意,不代表真实会员服务。

建议的操作流程

  1. 01

    活动

    以图片为主的卡片适合慢慢浏览,分类仍然容易查看。

  2. 02

    选择时段

    插画介绍活动,时段和地点集中在安静清晰的操作区。

  3. 03

    会员卡

    会员身份和下一场已预约活动放在一起,方便之后查看。

为什么这样设计?

设计思路 1

会员卡作为独立入口,不会打断活动浏览。

设计思路 2

日期、时段和名额靠近预约操作排列,方便核对。

细看视觉设计

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

配色用途

  • 象牙白背景

    #F7F2E8

  • 可可色文字

    #3B302A

  • 会员操作

    #315A45

字体与间距

信息清楚,下一步明确。

活动标题使用更有表现力的衬线字体;时间、地点和导航采用精简的无衬线字体。

活动视觉保留较多空间;日期、时段和名额靠近预约操作排列。

正常流程之外的状态

暂无预约

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

预约成功

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

场次已满

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

为什么把会员卡与活动浏览分开?

会员卡设有独立入口,方便直接查看入场信息。宽松的活动卡片适合浏览内容,但同一页面呈现的活动比日历列表少。