跳到正文

标志

Logo

初级网页

标志(Logo)是代表产品或组织身份的图形、文字或两者的组合,常出现在官网页头。它让访客知道自己来到了谁的网站,也帮助他们在浏览不同页面时持续认出这个品牌。

你可能会说:「帮我把品牌标志放到官网顶部,让访客一进来就知道这是谁的网站。」

动手看看

山序SHANXU
探索路线
关于山序
周末,去山里走走
精选徒步路线,让每次出发都有方向。
本周推荐:青岚山环线
标志形式

切换标志形式,看看同一个品牌在页头里怎么被认出来。悬停、按住标志或用 Tab 聚焦,还能体验品牌入口的交互反馈。

图文组合既告诉你品牌叫什么,又让你记住山峰图形。适合官网首页、品牌初次亮相等需要建立认知的场合。

要点

  1. 1

    先让访客认出网站是谁的

    访客可能从搜索结果直接进入某篇文章,而不是先看首页。页头里的标志能持续交代产品身份;如果标志本身不够容易辨认,我们还可以搭配清楚的产品名称。

  2. 2

    图形和名称可以组合使用

    有的标志只有产品名称,有的包含图形,也有两者组合的版本。做官网时,你可以根据已有品牌素材选择适合页头的版本,而不是让 AI 临时画一个看起来差不多的图案。

  3. 3

    把尺寸和点击行为说清楚

    标志通常放在页头,并常作为返回首页的入口。你和 AI Agent 协作时,可以说清它在桌面和手机上的显示方式,以及点击后去哪里,这样比只说“放个 Logo”更容易验收。

容易混淆的地方

标志代表产品或组织,不等于网站图标:后者主要出现在浏览器标签页等小尺寸位置,可能使用标志中的一部分。它也不等于普通图标;搜索图标表示一个操作,标志回答的是“这是谁的网站”。即使两者外形相似,用途也不同。

什么时候用

适合用

  • 你在做 SaaS 产品官网,希望从首页到帮助中心都能让访客认出同一个品牌,可以在共用页头放标志。
  • 你给现有官网换新版页头,已经有品牌素材,想让 AI Agent 接入标志并处理手机端显示。
  • 你为多个产品分别建官网,需要让访客分清当前所在的产品,可以使用各自的标志。

不适合用

  • 你要在搜索框旁表示“开始搜索”,这里需要搜索图标或文字按钮,而不是产品标志。
  • 你要展示评论是谁发的,这里需要用户头像或用户名;站点标志不能代替发言者身份。
  • 你只想让浏览器标签页有一个易辨认的小图案,应配置网站图标,而不是只在页面里添加标志。

练一练

你在做一个有首页、定价页和帮助页的产品官网。访客可能从搜索结果直接进入帮助页。怎样处理品牌标志更合适?

让 AI 帮你做

请在官网共用页头使用我提供的品牌标志素材,桌面和手机端都保持清晰且不变形,点击标志返回首页。如果现有素材有多个版本,先说明你打算选哪个及原因;不要自行重新设计标志。

接下来学什么