← 返回画廊

ShopFlow 结账页

电商表单支付⭐ 8.8
↗ 新窗口打开

💡 设计分析

布局结构

顶部导航(Logo+安全徽章)→ 步骤指示器 → 左侧表单 + 右侧订单摘要(sticky)

配色方案

浅灰底 (#f8f9fb),白色卡片,靛蓝紫强调。支付方式选中态品牌色边框+浅色背景。

亮点技巧

• 步骤指示器圆圈+连接线
• 订单摘要 sticky 始终可见
• 支付方式图标+文字卡片
• 输入框 focus 品牌色光晕

适用场景

电商结账、订阅付费、服务购买、表单+订单确认场景