搭骨架
页头
Header
「页面最上面的头」「网站顶部区」「站点页头」「头部导航区」
LIVE DEMO真实可交互，动手试试
VViboDesign
首页搭骨架FAQ
中文
设计师和前端之间的翻译器
用大白话描述需求，也能快速找到准确的组件真名。
- 英文名
- Header
- 别名 · 俗称
- 顶部区站点头部页面头部
- Web 叫法
- Header
- 大白话定义
- 页面最上方的整体头部区域，通常包含品牌、导航、搜索、账号入口等全局信息。
- 部位拆解
- 品牌区 BrandLogo、站名或主品牌识别
- 全局操作 Actions搜索、登录、主题、语种等入口
- 导航区域 Nav带用户去主要功能或栏目
提示词已按当前平台组织好，复制粘贴给 AI 即可
Web
做一个站点页头（Header）：左侧 Logo，中间导航，右侧搜索、语种和主题切换，支持 sticky 效果
调试 Prompt组件不听话时用——把症状补在末尾一起发给 AI
调试我的页头（Header）。逐一排除：头部高度不稳定导致内容跳动；导航和操作区挤在一起；sticky 后背景透明度不对；移动端头部缺少收口方案。症状是：