界面图鉴
页脚Footer
你可能会问
页脚到底是什么？为什么每个网站的最底下都长得差不多？
简单来说
页面底部的收尾区，放次要链接、版权和联系方式，是页面的「片尾字幕」。
01 · 拆开看看
这一块由什么组成
它是页面的片尾字幕：不抢戏，但该有的都在。用户滚到底还没找到想要的东西时，页脚是最后的兜底。它通常由这几部分组成：
品牌区Brand
Logo 和一句话简介，最后再自我介绍一次。
链接分组Link Groups
按主题分成几列：产品、资源、关于。
社交图标Social
通往社交账号的一排小图标。
法务行Legal
版权、备案号、条款和隐私政策，通常在最底一行。
02 · 常见变体
同一个零件，几种摆法
品牌加三四列链接，内容站标配。
一行搞定：版权加几个链接，小站够用。
收尾前再放一次行动召唤，落地页常用。
03 · 火眼金睛
这个页面里，哪一块是页脚？
一路滚到底。注意有一块长得很像收尾，但其实还在正文里。
点一块试试，看看它叫什么
导航栏Navbar
不是它。顶部那条是导航栏——位置是它俩最直观的区别。
Hero 区Hero
不是它。这是开场白，页脚是片尾字幕，一头一尾。
行动区块CTA Section
不是它。这块「最后再劝你一次」的横条还属于正文，页脚在它下面。
页脚Footer
就是它！品牌、链接分组加法务行——页面的片尾字幕。
04 · 用与不用
什么时候该上它
适合
- 几乎每个页面——它是默认配置
- 收纳导航栏放不下的次要入口
- 法务信息、备案号这类必须展示的内容
先别用
- 全屏工具界面（编辑器、画板）
- 无限滚动的信息流——用户永远到不了底
- 把它当杂物抽屉，什么都往里塞的时候
05 · 想一想
一道题，检查眼力
用户想找「退款政策」，翻遍正文没找到。按习惯它最应该在哪里？
对。用户找不到东西时会本能地滚到底——页脚就是全站的兜底目录。
不合适。Hero 只讲最重要的一件事，退款政策是查阅型信息。
等于藏起来了。查阅型信息要放在用户能预期到的位置。
06 · 说给 AI 听
让 AI 改它时，这样说
页脚通常全站共用一份，改一次处处生效——这正是组件的用法。
页脚加一列「资源」，放博客和帮助中心的链接
页脚最底下加上备案号和隐私政策
页脚改成深色背景，和正文区分开
页脚的社交图标只留 GitHub 和 X
最容易踩的坑
页脚是兜底，不是仓库。用户滚到底是来找东西的：分好组，比堆满四十个链接有用得多。