导航栏固定在顶部,背景半透明 + 高斯模糊,页面内容从它下面滚过时透出模糊的影子。
超级菜单
Mega Menu
下拉多栏导航悬停
鼠标悬停导航项时展开一整块多栏面板,可以同时塞下几十个链接和一张促销卡。
命令面板
Command Palette
⌘K搜索键盘效率
按 ⌘K 弹出一个居中搜索框,输入关键词就能跳转页面或执行命令。键盘优先的效率神器。
全屏遮罩菜单
Fullscreen Overlay Menu
全屏遮罩汉堡深色
点汉堡图标后,一层接近全黑的半透明幕布盖住整屏,导航项用超大字号逐个列出。
面包屑导航
Breadcrumbs
层级路径导航
用斜杠或箭头把当前页面的层级路径串成一条链,最后一节加粗表示"你在这里"。
标签页
Tabs
切换分块内容组织
同一区域内的内容切换器,选中的标签浮起成一张白色小卡,其余平铺在浅灰轨道上。
分段控制器
Segmented Control
切换iOS滑块紧凑
iOS 原生风格的一组紧凑选项,白色滑块会在选中项下方平滑移动。
侧边栏导航
Sidebar Nav
侧栏文档后台分组
常驻左侧的纵向导航,按小组分区,当前项用浅色底 + 品牌色文字高亮。
阅读进度条
Reading Progress Bar
进度滚动阅读
页面最顶部一条 3px 的细线,随滚动从左向右填满,告诉读者"还剩多少"。
锚点滚动监听
Scrollspy / Anchor Nav
目录高亮滚动文档
左侧目录随页面滚动自动高亮当前所在章节,当前项左边有一道品牌色竖条。
悬浮胶囊导航
Floating Pill Dock
悬浮胶囊浮动导航
不贴边,而是悬浮在内容上方的一枚圆角胶囊,白底毛玻璃,当前项是一枚渐变圆点。
顶部公告条
Announcement Bar
公告横幅促销通知
页面最顶上一条全宽的彩色横幅,通常写新品发布或促销,右侧带关闭按钮。