支付按钮的大小和结构
支付按钮在视觉外观上必须与其他购物体验中的按钮保持一致。
支付按钮的高度范围从 40 像素(小)到 55 像素(大)。默认按钮高度为 48 像素。以下预设可用于按钮高度。
- 小:高度 40 像素
- 默认:高度 48 像素
- 大:高度 55 像素
结构
支付按钮最多由三个元素组成:一个按钮组件、支付标志和可选的标签。
不要在按钮的表面区域之外放置任何文本。
布局和间距
标签和支付标志之间的间距以及周围的间距,会根据按钮的大小进行调整。
自适应高度
按钮的高度可以根据主题的需求进行调整。
按钮大小
使支付按钮的大小与其他支付按钮相同,不能大于或小于其他支付按钮,包括“加入购物车”和“继续结账”等 CTA 按钮。
按钮宽度
为所有支付按钮使用相同的宽度。不要使宽度大于或小于其他支付按钮。
最小宽度
按钮具有最小宽度,以确保可读性。
请遵循每种支付按钮大小的最小宽度。不要将支付按钮压缩到单行中。
按钮形状
为所有支付按钮使用相同的圆角半径。不要使圆角半径大于或小于其他支付按钮。
- 默认圆角半径:4 像素
- 最大圆角半径:按钮高度的一半
按钮标签
提供变体按钮,以满足商家的需求和支付体验。
- Buy
- Pay
- Donate
- Book
- Checkout
- Subscribe
- Continue
- Order
- Icon only
按钮标签应采用句首大写形式,即仅将第一个单词的首字母大写。