网站页脚怎样设计好看实用，用户体验好

并非所有网站页脚都是一样的。尽管页脚设计可能不是Web设计过程中的性感部分，但出色的页脚可以帮助用户查找信息，与您联系并更好地与网站互动。这是您设计功能强大且美观的产品的方式。

较大的页脚还可以帮助组织信息，并使导航复杂的网站变得容易得多-考虑一下亚马逊网站上庞大的多层页脚。

大型页脚的诀窍是内容组织。一旦弄清楚了页脚设计应该帮助用户做什么，就可以更轻松地设计一个引以为傲的页面底部元素。让我们深入研究一些页脚设计技巧。

1.给它一个目的

在实际设计大型网站页脚之前，请确定用户应如何实际使用它。好的页脚设计不是丢弃所有您不知道该怎么做的链接和信息的地方。（尽管有太多网站以这种方式使用它。）

就像设计的其他所有部分一样，好的页脚设计具有故意的目的。

常见的页脚用途包括：

• 网站地图或最受欢迎页面/链接列表
• 联系人或其他提交表格
• 社交媒体中心，具有预览和指向社交帐户的链接
• 呼吁采取行动，或最后行动的机会
• 地图以显示您的位置（对于实体店或餐馆而言很重要）
• 相关内容（非常适合博客）

2.做出回应

使用基于列的格式，以便您的页脚轻松折叠并以响应格式堆叠。随着页脚尺寸的增加，这一点变得更加重要。

尽管单列页脚在台式设备上看起来不错，但在移动设备上却可能有些混乱。不要忘记注意此网站设计元素的响应式外观，感觉和交互。

请记住，您不必以多列格式包含不同的内容类型。该设计主要是为了帮助您组织页脚中可能包含大量元素的内容。

除非…否则，您将采用另一种方法，即为单个元素设置较大的页脚。对于大型联系表单或号召性用语（例如Hustle Panda，上图），这可能是一个受欢迎的选择。在这种情况下，内容区域太大，以至于单个列选项可以很好地折叠成较小的尺寸。（只需确保文本和CTA足够大以方便阅读。）

3.包含用户期望的信息

大多数用户希望在网站页脚中找到某些类型的信息。在用户期望的位置包含事物可以使设计更易于使用。

尽管并非所有这些元素都需要出现在每个网站页脚中，但以下是一些用户可以滚动到页面底部以查找的常见事项：

• 网站地图或扩展导航
• 联系信息，地址或地图
• 社交媒体链接或小部件
• 电子邮件或电子报注册
• 搜索
• 任务或关于信息
• 感言
• 新闻，近期博客文章或活动列表

还有一些微小的元素也可以轻松地放入页脚中。并非所有用户都会寻找这些元素，但他们通常更多是网站内务项目。

• 版权信息
• 链接到条款或隐私政策（非常适合GDPR更新）
• 专业联盟或协会

4.组织链接

具有大量内容或各种信息类型的网站应考虑将页脚分为资源类别的大型页脚。通过组织链接，您可以帮助用户找到与他们最相关的网站部分。（以与那些在主导航中流行一段时间的老式大型菜单相同的方式进行思考。）

对于大型项目来说，这是一种非常常见的技术，对用户很有帮助。在线零售商在为大型页脚组织信息方面做得很好。

上方“家得宝”的页脚在页脚中包含多层分层信息。第一行包括热门类别（这是在线零售的“是否找到了您要找的东西吗？”元素），然后是客户服务链接组（基于用户的需求），资源，关于公司和号召性用语。最后，页脚包括指向公司内其他品牌的链接，版权信息以及条款和协议链接。

5.保持声音和品牌

不要将页脚的缩影视作事后的想法。（这是一个常见的缺陷。）

此内容的声音和样式应反映网站其余部分的基调。包括在项目其余部分中使用的相同配色方案，设计元素和独特的声音。用户在页脚中时不必猜测或思考他们在网络上的位置。

上方的电子邮件提供商Emma在页脚中发出了号召性用语，表情和网站设计其余部分保持着友好的态度：“向新的营销团队问好。”语气很轻，元素之间有足够的空间（在视觉上强调轻快的感觉）和吸引用户的笑脸，使公司感觉像您认识的人。

6.给它足够的空间

小文本和狭窄的空间可能是灾难的根源。确保元素在页脚中有足够的呼吸空间，以使信息仍然易于扫描和单击。

页脚也适用于空间，可读性和扫描的相同原则。（页脚越大，这些元素越重要。）

请记住，如果它不可用，那就不好了。（您可以使用分析信息并遵循点击路径来很好地了解什么是有效，哪些无效，实际上是单击了页脚中的哪些链接？）

7.保持分开