很酷的页脚画廊。起初，我想，“我应该如何处理页脚？”，但是当我查看这个网站时，我发现它有很多改进，所以它非常有帮助。
① 首先，多看一些东西，了解漂亮的页脚类型。
② 从其中找出你认为“有点酷”的东西。
③ 了解有效的结构以及使其有效的原因。
④尝试测试自己的设计
我们需要能够设计出与平常相同的零件✊🏻
https://www.footer.design/
Footer Design 网页页脚灵感库，设计师找 footer 参考的宝藏网站
Footer Design 是一个专注于网页页脚设计的策展型画廊网站，官方称其为「地球上唯一的页脚画廊」。它把散落在互联网各处的优秀网站页脚集中收录，并按排版风格与视觉类型进行分类，包括字体排版、小字号、插画风、网格布局、扁平化、动效、卡片式、明亮、暗色、大字号、粗体等多种标签。用户既可以通过分类筛选快速定位自己需要的风格，也能浏览编辑精选栏目，查看来自设计工作室、品牌官网与独立创作者的真实页脚案例，并直接跳转到原站观察完整实现。对于正在做落地页、品牌站或作品集的设计师与前端开发者来说，它把「找参考」这件事从漫无目的的刷站，变成了一次有方向的检索。
痛点是什么
做网站时，页脚往往是最容易被敷衍的部分：正文和首屏反复打磨，到了底部却只剩一行版权信息加几个社交图标。很多人真正卡住的不是不会写代码，而是不知道该做成什么样——脑子里没有足够多的样本，就难以判断什么样的结构有效、什么样的排版耐看。去 Dribbble 或 Behance 搜「footer」，得到的多是脱离真实页面的概念稿；去竞品网站逐个翻，又费时费力且样本零散。缺少一个按风格归类、能直接看到成品页脚的参考库，是设计页脚时最实际的障碍。
主要功能特点
Footer Design 围绕「看案例、找风格、学结构」这条路径组织内容，让页脚参考变得可检索、可对比、可复用。
按风格分类浏览
提供排版、插画、网格、动效、暗色等多种风格标签，快速缩小参考范围。
编辑精选案例
由编辑挑选的优质页脚，附带原站入口，可直接查看真实落地效果。
真实网站跳转
每个案例都能一键访问原网站，观察页脚在完整页面中的表现。
为什么值得关注
它填补的是设计参考链条上一个长期被忽略的环节，把页脚从「随便写写」变成值得认真对待的设计对象。
参考样本足够垂直
只聚焦页脚这一种组件，比综合灵感站更精准，检索效率更高。
可直接用于设计流程
先大量浏览建立审美判断，再拆解有效结构，最后落到自己的设计里。
推荐信息
ゆま｜クオートワークス
@yumadesign__ 2026年10月09日 11:23
