顶部导航栏

Navbar

初级网页

顶部导航栏（Navbar）是网站页面上方承载品牌标志和主要入口的导航区域。它帮访客在页面之间找到路，也让他们知道怎样回到首页；例如产品官网常把功能、定价和登录入口放在这里。

你可能会说：「帮我在官网最上方放一排入口，让访客能去功能、定价页，也能找到登录。」

动手看看官网顶部导航栏

山海云

产品

解决方案

定价

免费试用

导航布局

顶部导航把品牌、主要页面和登录入口放在访客随手能找到的地方。切换布局，再悬停或用 Tab 聚焦各个入口，看看反馈。

桌面空间足够，直接展示产品、解决方案和定价；登录保持低调，免费试用则更醒目，适合官网首页。

1
先确定访客要去哪里
你可以先列出访客最常找的页面，再决定放哪些入口。比如 AI 工具官网可能需要功能、定价和文档；如果把每个功能都塞进导航栏，访客反而更难扫到目标。
2
区分跳转入口和操作入口
导航栏里的“定价”通常是链接，因为它带人去另一个页面；“开始使用”可能是通往注册页的链接，也可能触发创建流程。把点击结果告诉 AI，才能判断该用什么元素。
3
同时说明窄屏怎么呈现
桌面宽度够时，入口可以横向排开；手机上空间变窄，通常需要收进可展开的菜单。你让 AI 做导航栏时，也要说清楚手机上哪些入口保留、菜单怎样打开。

顶部导航栏和页头不完全一样：页头是页面顶部的整体区域，可以容纳公告、搜索或导航栏。导航菜单则是其中负责组织跳转入口的部分，也可能出现在侧边栏。你说“做一个顶部导航栏”，重点是在页面上方提供跨页面的主要入口，而不是把所有顶部内容都算作导航。

你在做一个有功能、定价、文档三个页面的 AI 工具官网，手机上也要能访问这些页面。你会怎样向 AI 描述顶部导航栏？

请为我的 AI 工具官网制作顶部导航栏：左侧放品牌标志，提供功能、定价、文档的页面链接，右侧放登录入口。桌面端横向排列；手机端把页面链接收进可展开菜单。请标明各入口指向哪里，并让键盘用户也能操作菜单。