SuperAPI AI 工具集

header-footer-patterns

设计与创作

查看项目

更新于 10-15 21:12

技能介绍

用途:为网站和应用提供页头(Header)与页脚(Footer)的通用设计模式参考,帮助统一全局导航与底部信息架构。

主要能力: 页头模式。营销站:Logo 居左,导航项居中或居右,CTA 按钮居右;首屏透明、滚动后变实心;高度 64-80px;移动端(< 768px)使用汉堡菜单。Web 应用:Logo 加面包屑或页面标题居左,搜索居中,操作项与用户菜单居右;始终实心背景,滚动时固定或粘性;高度 48-64px。粘性页头:滚动时降低高度(80px → 56px);向下滚动隐藏、向上滚动显示(智能隐藏);内容阅读类页面在移动端不使用粘性。 页脚模式。极简:版权、法律链接(隐私、条款)与社交链接,单行,适用于应用和简单站点。标准:3-4 列网格链接分组,含邮件订阅、社交图标,底部为 Logo 与版权。扩展:完整站点地图式导航、联系信息、应用下载徽章、信任徽章(安全、认证)。

使用方式:资料未提供具体安装命令、代码示例或调用步骤,仅给出设计参数与布局结构,可作为设计规范或组件实现的参考依据。

适用场景:营销落地页、Web 应用、内容阅读类站点的全局导航与页脚设计。

限制:资料未说明收费、价格、平台支持、效果数据或具体实现方式,相关内容暂未提供。