SOCIAL PROOF
安全信任徽章Trust Badge
一行小徽章:SSL 加密、支付认证、合规标志——在掏钱的地方消除安全疑虑。
效果预览
🔒SSL 加密
⚡即时到账
↺7 天退款
🛡ISO 27001
适合用在哪
结账页、支付按钮旁、页脚、定价页。
容易踩的坑
- 徽章用低清位图,2x 屏幕上发虚反而显得像山寨,应使用 SVG。
- 徽章离支付按钮超过 40px,用户在犹豫的那一刻根本看不到。
- 认证徽章不可点击核验,用户无法确认真伪,信任效果大打折扣。
设计提示词 · Prompt
安全信任徽章(Trust Badges):一排 24-32px 高的小徽章(图标 + 短文字),如"SSL 加密""支付宝/微信支付""7 天无理由""ISO 27001"。放在支付按钮正下方 12-16px 处,灰色低调但清晰可辨。金融/电商类网站必备。自研认证不要自造图标——用真实认证机构的标志(银联、PCI-DSS 等),假的认证标志会触发法律风险。徽章太多反而可疑,挑 3-4 个最相关的。
Trust Badges: a row of small badges 24-32px tall (icon + short text), such as "SSL Encrypted", "Alipay/WeChat Pay", "7-day no-questions-asked returns", "ISO 27001". Place them 12-16px directly below the payment button, gray and understated but clearly legible. A must-have for finance/e-commerce sites. Don't invent your own icons for certifications — use the real marks from the certifying bodies (UnionPay, PCI-DSS, etc.); fake certification marks create legal risk. Too many badges looks suspicious; pick the 3-4 most relevant.
常见搭配
同一页面里经常和「安全信任徽章」一起出现的模式,可以收藏后用「组合收藏为整页提示词」一起交给 AI。
演示 HTML 结构
<div class="s d-trustbadges"> <span class="d-tbadge"><i>🔒</i>SSL 加密</span> <span class="d-tbadge"><i>⚡</i>即时到账</span> <span class="d-tbadge"><i>↺</i>7 天退款</span> <span class="d-tbadge"><i>🛡</i>ISO 27001</span> </div>