Footer 网页页脚设计画廊｜按版式与风格筛案例翻译站点

Footer 是一个只做一件事的灵感站：收集各类网站的页脚。导航、首屏、卡片都有专门的案例库，页脚却少有人整理，这个站点正好补上这块空白，做落地页收尾时可以来这里找版式。

分类方式

案例按风格打标签，包括排版型、小字号、插画、网格、扁平、动效、卡片、明亮、暗色、大字与粗体十余种。选定标签后列表只留同类案例，比对时不必在风格混杂的图墙里挑。

案例内容

每条案例给出站点缩略图与名称，点击可跳到原站查看真实交互。编辑精选栏目挑出完成度较高的作品，页面底部标注页码，翻到后面能看到较早的收录。案例总量以千计，覆盖企业站、作品集、独立产品与机构站点。

缩略图按整幅页脚裁切，长页脚会分成上下两段展示，看的时候留意接缝处的间距是否连续。案例按收录时间倒序，靠前的多是近两年的版式，早年的作品在配色与字号上明显不同，对比着看能摸到风格变化的脉络。部分案例附站方短评，点出该页脚处理信息层级的手法。

参考用法

做页脚时常卡在三处：栏目怎么分层、联系方式放哪、版权与备案信息如何收尾。这个站点把不同处理方式并排列出，先定信息层级再挑视觉样式，比凭印象拼凑更稳妥。找到合适案例后可拆解栅格与字号，再套回自己的品牌规范。

页脚高度通常控制在半屏以内，栏目过多时改成分组折叠，免得把首屏内容挤下去。配色沿用主站的中性色即可，深色页脚在长页面上更稳。移动端先定两列栅格，再回桌面端扩栏，改动起来省事。

投稿与更新

站点接受设计师提交作品，通过审核后进入案例库。更新频率视投稿量而定，新案例会在首页靠前位置展示。站方另设邮件订阅，每周推送一批新收录。

落到实现

看中一款页脚后，先量它的分栏数与留白比例，再对照自己的信息量决定取舍。移动端的页脚通常收成两列或折叠面板，桌面端的多栏结构直接照搬会挤成一团。版权年份、备案号与社交图标是固定项，其余栏目按业务增减。

使用须知

案例仅作参考，页面版式与图形版权归原作者，直接照搬可能涉及侵权。部分缩略图加载较慢，网速不佳时可稍等或刷新。站点以英文界面为主，分类标签需按英文关键词理解。