logo-generator

🏷️ 品牌 Logo 定位与实现指南

专业指导网站 Logo 定位、链接规范与品牌识别优化,涵盖视觉策略、代码实现与无障碍标准,适合开发者与设计师快速落地品牌资产。

收藏
3.2k
安装
978
版本
1.0.1
CLS 安全扫描中
预计需要 3 分钟...

使用说明

核心用法

Logo Generator 是一套针对网站品牌 Logo 的完整实施指南,覆盖从定位策略到代码落地的全链路。核心功能分为三大板块:

1. 定位优化:基于眼动研究数据,强烈建议将 Logo 置于页面左上角(品牌回忆率 89% 高于右侧),并始终链接至首页;明确反对居中设计(用户返回首页失败率高 6 倍)。
2. 技术实现:提供 HTML/图片规范,包括 SVG 优先格式、Alt 文本应为公司名而非「logo」、移动端最小尺寸与留白空间(Clear Space)控制。

3. AI/SaaS 专属设计:针对人工智能产品提供行业趋势建议(六边形、旋转符号、极简机器人等),并配套定位策略(B2B 专业感 vs B2C 亲和力)。

显著优点

  • 数据驱动:引用具体品牌回忆率百分比(89%、39% vs 21%)强化说服力。
  • 场景覆盖全:区分 Header、Footer、独立页面等多上下文,适配 Web/Mobile 双端。
  • 无障碍合规:内置 Alt 文本、色彩对比、焦点状态、触控目标(≥44×44px)等检查清单。
  • 生态联动:与 brand-visual-generator、favicon-generator、navigation-menu-generator 等技能形成闭环,避免信息孤岛。

潜在局限

  • 设计审美依赖外部输入:本身不提供原创 Logo 设计能力,需配合 brand-visual-generator 或人工设计师。
  • AI 行业示例为趋势参考,非权威设计法则,实际需结合商标检索与品牌独特性考量。
  • 未涉及动态 Logo(如 Lottie 动画、Dark Mode 自适应 SVG)的详细技术方案。

适合人群

  • 前端开发者:快速获取语义化 HTML 与可访问性实现规范。
  • UI/UX 设计师:验证 Header 布局决策,获取数据支撑。
  • AI/SaaS 创业者:参考行业 Logo 趋势,避免同质化设计陷阱。

常规风险

  • 法律风险:技能提醒商标冲突检查,但未提供具体检索工具或法律建议。
  • 技术债务:若未遵循「始终链接首页」的惯例,可能破坏用户心智模型,导致导航失败。
  • 移动端适配:375px 等小屏测试为建议项,非强制 CI/CD 检测,易因遗漏导致品牌识别度下降。

logo-generator 内容

手动下载zip · 3.9 kB
skill-card.mdtext/markdown
请选择文件