导航栏 · Navbar
英文:navbar(nav + bar)
界面与交互难度:入门 ★
🗣️一句话大白话
页面顶部的「指路牌」:logo + 几个关键入口 + 一个主按钮。它是用户认识你网站结构的第一站——固定顶部还是滚动隐藏,是常见设计决策。
🎬真实场景
导航塞了 9 个入口,手机上挤成两行——用户找不到重点。好的导航栏:5 个以内入口、当前页高亮、主按钮(注册)永远在右侧。
📮你可以这样说
「「顶部导航栏:左侧 logo,中间 4 个入口(功能/定价/案例/文档),右侧『免费注册』主按钮。桌面固定顶部,手机端折叠成汉堡菜单。」」
⚠️边界与常见误解
- ▸入口做减法:每个都重要=每个都不重要
- ▸手机端必须有移动版方案(汉堡菜单或底部导航)
- ▸当前页高亮是基本礼貌:让用户知道自己在哪