把 Logo 放在哪:落地页 Hero 的视觉与性能权衡

by Angela Fisher, Growth Designer

布局范式

  • 左文右图:Logo 与产品截图并列,强调解决方案
  • 顶部导航:使用 wordmark,导航高度 64–72px
  • 首屏徽章区:放小尺寸 logomark 作为强调点

尺寸与对比

  • 视觉权重 < 主标题;避免喧宾夺主
  • 与背景形成足够对比,黑白版都要可读

性能建议

  • 使用内联 SVG(非图片)减少请求
  • 对于动画 Logo,优先 CSS/SMIL,不要无谓的 Lottie

Logo 是“入口线索”,不是“视觉海报”。

More articles

将 26 个字母图形化:字母 Logo 形态学速查指南(面向独立开发者)

把 A–Z 抽象成可用的图形语言:笔画、负形、几何与连字法。提供开发者产品常见字母组合思路、落地到 SVG 的工作流与避坑清单。

Read more

黄金比例与圆系统:别迷信,用好它提升品牌一致性

用“圆半径族”打造统一曲线语言,提供可落地的半径栈/适用场景/导出建议,提升整体一致性与交付效率。

Read more

订阅 JustLogo 更新,获取模板与实战案例

我们会不定期发送 Logo 设计指南、开源字体与 SVG 工作流技巧,帮助独立开发者在 1 小时内产出可用品牌识别。

联系我们或发邮件至 support@justlogo.ai