素材周刊
别把页脚当垃圾桶
哈喽，我是大鹏，这里是第二灵感库。
第二灵感库
本文看点
PART 1
1 M+：信息很多时，先按用户任务分层
PART 2
2 Vucko：服务型官网，页脚首先应该让人联系你
PART 3
3 Fuzzball：订阅入口不能只写“Subscribe”
页脚不是页面剩下什么就放什么的仓库，而是用户看完内容后的最后一个决策界面。
设计一个官网时，首页通常有最多的讨论：首屏放什么、动效怎么做、品牌色够不够高级。
等页面一路做到最下面，留给页脚的时间却只剩十分钟。设计师把Logo缩小，塞进几列导航，再补上版权、隐私政策和社交账号，任务就算结束。
信息看起来齐了，但用户滑到底以后，仍然不知道下一步该去哪里。
页脚不是“页面剩下什么就放什么”的仓库。它是用户看完主要内容之后的最后一个决策界面：继续浏览、订阅、咨询、返回顶部，还是直接离开，往往就在这一屏发生。
我从Awwwards的页脚案例库中重新核验了4个当前仍可访问的网站。它们分别示范了复杂信息、直接联系、订阅转化和品牌收尾应该怎样处理。
1
KEY INSIGHT
1 M+：信息很多时，先按用户任务分层
网址：https://www.mplus.org.hk/
M+是香港的视觉文化博物馆。它的网站需要同时服务游客、会员、研究者、内容读者和临时查看活动的人，页脚面对的信息量远高于普通品牌官网。
如果只是把所有栏目平铺成一面链接墙，用户滑到底只会看到密密麻麻的文字。
M+当前页面在接近底部时，先用“Stay in the know!”承接订阅，并明确说明用户会收到什么：场馆动态、视频和杂志文章；用户还能选择接收的内容，也可以随时退出。
再往下才是建筑、展览、线上藏品和M+杂志等关键入口。
它最值得学的不是链接数量，而是先处理高价值行动，再提供信息导航。订阅属于持续关系，关键栏目属于继续浏览，政策和辅助信息则可以放到更低的层级。
面对内容型网站、学校官网、企业集团或大型SaaS产品，可以先把页脚链接分成三层：
01
高频任务：产品、价格、案例、帮助中心；
02
关系入口：订阅、联系、加入会员；
03
必要信息：隐私、条款、版权、语言与地区。
同一层里的链接才并排，不要把“查看展览”和“Cookie政策”做成同样的视觉重量。
M+官网可免费浏览，展览和会员等服务按官方页面执行。页面截图可用于案例分析，但馆藏图片、品牌图形和网页视觉不应直接用于商业项目。
2
KEY INSIGHT
2 Vucko：服务型官网，页脚首先应该让人联系你
网址：https://vucko.co/
Vucko是一家专注运动识别与动效系统的工作室。它的页脚没有先让用户在一堆导航中寻找“Contact”，而是直接把“Work with us”和联系邮箱放在最醒目的位置。
邮箱旁边还提供“Click to copy”，减少了选中文字、切换邮件软件再手动输入的步骤。后面才补充站点地图、社交账号和返回顶部。
这套顺序非常适合作品集、独立设计师和小型工作室。
潜在客户已经看完案例并滑到最底部，通常不需要再读一遍完整公司介绍。他最想确认的是：你是否接受合作，以及怎样最快开始沟通。
服务型页脚可以优先回答四件事：
01
现在是否接受新项目；
02
应该联系哪个邮箱或入口；
03
最好提供哪些项目信息；
04
如果暂时不合作，还能去哪里继续了解。
“点击复制”是一个很小的交互，却比复杂的装饰动画更接近用户任务。它的价值不在炫技，而在减少最后一步的摩擦。
不过，直接展示邮箱也可能带来垃圾邮件问题；团队还需要考虑反垃圾机制、响应能力和替代联系渠道。页面承诺“Work with us”，就要确保邮箱真的有人处理。
Vucko官网可免费浏览，作品和动效均属于案例方。适合学习信息优先级与交互方式，不适合直接复制项目画面和品牌资产。
3
KEY INSIGHT
3 Fuzzball：订阅入口不能只写“Subscribe”
网址：https://fuzzball.club/products/
Fuzzball是一个围绕猫咪食品与用品的品牌。它的页脚同样包含客服、帮助中心、配送条款、隐私政策和公司信息，但最有辨识度的是订阅区。
它没有只放一个邮箱输入框，再写一句“Subscribe to our newsletter”，而是直接告诉目标用户可以得到什么：猫咪护理建议、优惠信息，以及“收件箱里最可爱的胡须”。
这句话同时完成了三件事：明确内容、给出利益、延续品牌语气。
很多电商和内容网站的订阅区转化弱，不一定是输入框不够醒目，而是用户根本不知道订阅以后会收到什么。
一个更完整的订阅模块至少应该交代：
01
内容类型：新品、教程、案例还是行业资讯；
02
发送频率：每周、每月或不定期；
03
订阅价值：为什么值得把邮箱交给你；
04
退出方式：用户是否能随时取消。
视觉上也要注意，订阅入口是重要行动，但不能压过客服、退换货和隐私政策。对于电商用户来说，这些保障信息同样决定信任。
Fuzzball页面还保留了支付方式和条款入口，说明一个有个性的页脚仍然要先满足商业基本信息，不能因为品牌可爱就把必要说明藏起来。
网站可免费浏览，商品和订阅服务按当前官网规则执行。品牌插画、摄影与文案不应直接复制；可以学习“订阅价值＋品牌语气＋必要保障”的组合。
4
KEY INSIGHT
4 Easol：最后一屏要重复品牌判断，不是重复Logo
网址：https://easol.com/
Easol提供体验活动相关的商业平台。它的页面接近结尾时，先用“Create moments, not things”把产品价值重新收束，再给出预约演示入口。
到了页脚，品牌又用“Sell Experiences, Not Things”作为视觉中心，之后才排列About、Website Themes、Inspiration、帮助中心、社交账号和政策链接。
这不是简单把首页口号再贴一遍。
首页负责告诉用户“我是谁”，页脚更适合回答：看完这些内容以后，你应该记住我哪一个判断？
对于定位清晰的品牌，页脚可以成为整页最后一个句号：
01
环保品牌可以回到材料与责任；
02
创意工作室可以回到工作方法；
03
产品官网可以回到它解决的核心问题；
04
个人作品集可以回到一句合作立场。
关键是，这句话必须经过前面内容的证明。如果整页没有解释过“为什么”，页脚突然出现一句宏大宣言，只会像广告口号。
Easol还把预约演示放在品牌判断附近，让“记住我”和“下一步行动”自然连在一起。这比单独在最底部放一个孤零零的Contact按钮更完整。
官网可免费浏览，具体平台能力和商业服务以官方页面为准。本期只分析页脚的信息组织，不采用其未经独立验证的转化或效率数据。
5
KEY INSIGHT
4个页脚，分别适合学什么？
|
|
|
|
|
|---|---|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
6
KEY INSIGHT
一个合格的页脚，至少检查这6件事
1 有主任务
用户滑到底以后，最希望他做什么？
2 有优先级
联系、订阅、导航和政策是否被做成了不同层级？
3 有返回路径
用户能否继续看案例、产品、帮助或返回顶部？
4 有信任信息
联系方式、条款、隐私与版权是否容易找到？
5 有品牌记忆
最后一屏是否仍然像这个品牌，而不是通用模板？
6 有移动端方案
多列导航折叠后是否仍然好点、好读、不拥挤？
页脚设计最常见的误区，是先画一个很大的Logo，再想还能往里塞什么。
更有效的顺序应该反过来：先确定用户看完页面后的主任务，再组织链接与信任信息，最后才决定大字、颜色、动效和品牌图形。
WORKFLOW
页脚设计的正确顺序
1
定任务
先确定用户滑到底后要做什么
2
理信息
组织行动、导航与信任内容
3
做视觉
最后再决定大字颜色和动效
∞
THE END
写在最后
今天可以打开自己正在做的网站，把页脚里的每个元素标成四类：行动、导航、信任、装饰。
如果装饰最抢眼，行动却最难找到，这一屏就还没有真正完成。
如果只能先改一处，你会先删掉多余链接，还是先强化最重要的行动入口？
我是大鹏，这里是第二灵感库。我们下篇见。
END