把 Logo 放在哪:落地页 Hero 的视觉与性能权衡
by Angela Fisher, Growth Designer
布局范式
- 左文右图:Logo 与产品截图并列,强调解决方案
- 顶部导航:使用 wordmark,导航高度 64–72px
- 首屏徽章区:放小尺寸 logomark 作为强调点
尺寸与对比
- 视觉权重 < 主标题;避免喧宾夺主
- 与背景形成足够对比,黑白版都要可读
性能建议
- 使用内联 SVG(非图片)减少请求
- 对于动画 Logo,优先 CSS/SMIL,不要无谓的 Lottie
Logo 是“入口线索”,不是“视觉海报”。