结构:浅色底,几条柔和的粉、蓝、橙渐变光带斜向穿过整个首屏。顶栏常规。主体:左侧一行大标题「适配各规模企业的定价方案」;下面并排两张卡——左边白卡分两栏,左栏是「标准定价」加一段说明加蓝色按钮「立即开始」,右栏是一个大数字「3.4% + $0.50」加一行小字「每笔成功的国内银行卡交易」;右边一张深藏青卡「定制化定价」,加一段说明、四行条目(IC+ 定价 / 交易量折扣 / 多产品组合折扣 / 特定国家/地区费率)和一颗浅色按钮「联系销售」。卡片下方悬着一条胶囊 tab(标准定价 / 定制化定价 / 常见问题),再往下是「开箱即用的功能:」加一行图标。
手法:最特别的是页面上留着的对齐虚线。标题左侧、卡片之间的间隙、tab 的上下,都能看到极浅的虚线贯穿——那是设计稿里的参考线,被故意留在了成品页面上,让这一屏读起来像一份还在被审阅的报价单,而不是一张营销图。第二手是数字的位置:3.4% + $0.50 被放在卡片右半边,字号是卡片里最大的,比「标准定价」这个标题还大——因为对访客来说价格才是他要找的东西。第三手是两张卡的颜色反转:标准方案白底黑字(默认选项),定制方案深色底(需要洽谈),颜色本身分出了「自助」和「销售」两条路。
为什么成立:定价页的任务是让访客在三秒内算出「我要付多少」。价格字号最大、辅助线暗示精确、两张卡一浅一深分出两条决策路径,三件事都服务于这一个目标。
不该照搬:辅助线是高风险道具——线宽、颜色、位置任何一项没对齐,页面看起来就像样式没写完。它和那几条柔和光带也是两种完全不同的视觉语言(一个硬、一个软),放在一起需要很强的克制才不打架。