VibeHubVibe Coding 术语图鉴
术语练习路线防止 AI 味儿Skill
⌕
Oil
›标志

标志Logo

你可能会说

保持品牌核心形状,为桌面、移动和深色背景选择合适的 Logo 变体,分别截图验收。

用来识别组织、产品或服务的品牌标志·Logo 可以在官网页头、移动导航、深色背景或宣传材料中以不同变体出现,但核心形状和身份应保持一致。它负责让人认出品牌,不负责承担页面导航结构或浏览器系统图标的工作。
先知道
页头 Header图片 Image
也常被叫作品牌标志品牌 Logowordmark
延伸阅读 · 权威出处
Logo structured dataGoogle Search Central ↗header 元素WHATWG HTML Standard ↗<img>:图像嵌入元素MDN ↗
oil
01oil 欧呦oiloil.org02GitHub@oil-oil03Xx.com/I_am_oil_oil04RED小红书oil 的小红书主页05Emailzhihuang.oiloil@gmail.com术语投稿提交建议
同一品牌标志怎样适应不同页面位置
VVibeHub品牌母体
→
VVibeHub
学习 搜索 关于
☰
网页开发术语图鉴

核心形状一致,版本按背景和宽度变化。

Logo 变体怎样保持品牌识别

横版和图形版服务不同空间:桌面页头可以放横向 Logo,窄屏导航可能需要图形版或紧凑版;变体可以改变排列和颜色,但核心形状、比例和身份应保持可识别。

背景和承载区域也要纳入验收:浅色、深色和拥挤的导航宽度会影响对比度、裁切和可读性。验收应看 Logo 在真实页头中的结果,而不是只看单独图片。

它不等于 Header、Favicon 或 App Icon

标志 Logo 是品牌身份本身;页头 Header 是承载页头内容的页面结构;网站图标 Favicon 和 应用图标 App Icon 分别服务浏览器和操作系统的特定位置。Logo 变小不代表已经适配了这些系统图标。

选择题选择一个你认为最合适的答案

窄屏上横向 Logo 挤占了导航按钮,应该怎样处理?

你可以这样告诉 AI Agent

“

请保持品牌核心形状,为桌面页头、移动导航和深色背景选择合适的 Logo 变体。检查 Logo 不挤占导航、文字或图形仍可识别,并分别截图验收;不要顺带修改 Favicon 或工具栏功能图标。

接下来学什么
1页头Header→2网站图标Favicon→