网站 · 设计概念
餐厅设计研究,展示桌面端菜单、移动端选时及订位核对流程,并说明建议采用的可订状态和校验提示。
以下是概念设计,并非客户项目。展示内容为静态效果图,名称和数据均为虚构。
把用餐氛围的展示与订位安排衔接起来。深色网站用图像介绍餐厅,移动端则把重点放在时间选择及信息检查。
桌面端以深色杂志式布局介绍餐饮风格,同时呈现菜单内容。
移动订位页专注于时间选择,与菜单浏览区分开来。
移动端核对页汇总计划中的到店信息,不代表餐厅已确认预订。
米白色区域和少量强调色用于平衡深色背景。菜品信息以可读文字呈现,不应只放在照片中。
选中时间只是提出意向。实际产品需要分别说明座位暂留、请求待处理以及预订已确认的状态。
以下为建议的设计样式,均为静态示例,不是可操作功能或正式开发规范。
餐饮展示背景
#142C26
菜单底色
#F4EAD8
订位提示
#B8774F
信息清楚,下一步明确。
衬线标题表达餐饮风格,时间、人数及填写说明采用易读的无衬线字体。手机上的数字应便于辨认和比较。
菜单不同类别之间留出间隔。时间选项集中排列,同时保留触控距离;核对摘要与后续按钮分区展示。
暂无可选时间
当前条件下没有可订时间。请调整日期或用餐人数。
时间已选
已选择时间。申请订位前请检查信息。
时间不可预订
所选时间已不可预订。请选择其他时间后继续。
选中的时间可能还需要核查座位或等待餐厅处理。核对页供顾客检查信息,不能暗示座位已被保留。确认文案需要以预订服务的真实返回结果为依据。