设计优秀网站页眉和页脚的十五个技巧

页脚就是你网址上最关键的地方之一。是的，用心。这将会并不是最好是的设计方案或最让人印像刻骨铭心的內容，只是客户常常找寻信息的地方。因而，在整体规划网页制作新项目时，请不必忽视这一行业，这一点至关重要。
可是，您应当包含什么原素？怎样使页脚井然有序并与您的总体艺术美学保持一致？您来对地方了。这里，人们将以一些做得很好的网站为例，详细介绍建立页脚的方法。

1.保持简约设计

是的，这是大多数设计项目的关键之一，但是值得一提。当处理大量信息时，简单的设计很重要，页脚可能就是这种情况。坚持干净的元素，足够的空间并有目的地组织起来。尝试避免混乱，并思考页脚中将包含哪些元素以及为什么应将它们放在其中。页脚大小通常与您网站上的信息量和页面数有关。

Agra-Culture在页脚中使用颜色，图标和文本，但它简单且流程流畅。每个链接都易于单击，绿色框中带有农场图像的细微细节让人感觉很好。

2.链接到您的信息

任何网站页脚中两个最重要的链接都转到“关于我们”和“联系我们”页面。用户将想知道您是谁以及您的公司或品牌是什么。轻松查找该信息。许多人还希望了解您的团队成员以及如何联系他们。（这是一个至关重要的工具。许多人会丢失名片，并将返回到您的网站以检索该联系信息。）

赫克福德（Heckford）包含与公司，社交媒体和有关其工作的信息的大量链接。

3.包括基本联系信息

虽然您应该链接到完整的“联系我们”页面，但是在页脚中包括相关的联系信息也很好。包括主要电话号码，电子邮件地址和实际地址。（奖金点用于设置每个元素，以便在单击时自动拨号，发送电子邮件或映射。）

该根工作室创造了一个注脚，几乎违背一切你能想象当你想到“页脚”，但它的工作原理。文本很大（以及包含文本的框），并且被简化为联系信息的超简单列表。（对于希望用户与他们联系以进行项目和工作的网站，这是一个很有影响力的设计概念。）

4.组织页脚链接

像页脚项目一样进行分组可以为链接和信息创建良好的组织感。考虑几列（或几行）相关信息，例如联系方式，链接，服务，社交媒体以及最受欢迎页面中的部分。将每个部分放在标题下，以便每个元素都易于查看和查找。

SugarSync包含多列信息，可轻松访问页脚信息。使用“产品”，“公司”，“了解更多”和“与我们联系”标题，可以轻松找到下一步要使用的网站部分。

5.包含版权声明

这行文字很小，可以救命。别忘了 尽管大多数站点在屏幕底部将其作为一行包含在其中，但您可以将其设计为与页脚的其余部分更加集成。可以编写版权声明，也可以包含圆形的小“ c”符号。文本通常包含出版年份和版权所有者的名称。多个版权声明可以说明内容和设计（适用于部分由第三方创建的网站。）

Adventure.com通过在屏幕右下方的版权声明使之保持简单。该信息具有低对比度类型，因此不会妨碍更重要的页脚导航元素。

6.加入号召性用语

用户导航到您的页脚后，请为他们提供所需的操作。包括一个框，用于注册电子通讯或邀请他们在社交媒体频道上关注您。不要忘记转换点击这一空间的价值。

Collabogive在“加入我们的时事通讯”上投入了大量页脚空间。此号召性用语很容易看到，适合设计，并为用户提供了一种无需参与竞选活动即可进行互动的方式。

7.使用图形元素

页脚经常只是一个类型的块。添加徽标或图形元素以增加视觉吸引力。请注意不要在这个很小的空间中放入太多元素。可以这样想：不写“在Facebook / Twitter /其他内容上跟我来”，而是为这些商店添加图标。您还可以在地图或电话号码之类的链接中使用小的图标元素（但您可能还应将鼠标悬停状态也包含“说明了”的信息）。

该Kikk节使用页脚空间凸显仅使用标志和快速联络信息节的合作伙伴。注意图标的大小–每个图标都易于查看和阅读–并使用滑块，以便可以在较小的空间中显示大量元素。

8.注意对比度和可读性

页脚信息通常很小……非常小。这使得思考文本元素和背景之间的颜色，粗细和对比度至关重要。每个单词都应该可读。考虑简单的字体（中等重量的无衬线字体是不错的选择），并且比您通常使用的字体更领先。选择具有高对比度的颜色，例如带有黑色文本的浅色背景或带有白色文本的深色背景。避免使用不同的颜色或华丽的字体。

P53使用经典（且最易读）的文本和背景组合之一作为页脚信息-黑底白字。

9.维护您的设计主题

网站页脚看起来不应该是事后的想法。它应与网站的总体设计主题相匹配。颜色，样式和图形元素应反映整体色调。不要犯添加不匹配的“盒子”页脚的常见错误。考虑一下这个空间以及从项目开始就将如何使用它，以避免在设计过程的后期卡住不匹配的元素。

Swiths Interactive Group使用一个简单的页脚，该页脚与网站的整体外观完全集成在一起，其中一个人坐在办公桌前，上面摆满了物品。简单的页脚显示了相关信息，看起来像它属于该网站。

10.小事（但不要小事）

页脚本质上包括许多小物件。请注意不要太小。文字可能比网站主体所用的文字小几个点。图标或图像需要以您选择的尺寸可读。（如果您不能分辨图标是什么，则它可能太小了。）元素必须足够大才能轻松单击或点击。如果用户由于链接太小或距离太近而无法访问链接，则它们将无法正常工作。

尽管Curious Space使用了非常不传统的页脚样式，但您可以从所使用的字体大小中获得很好的缩放感。页脚文本比页面上所有其他副本要小，细，轻，但仍足够大以便于阅读。

11.使用大量空间

由于页脚通常生活在狭窄的位置，因此空间和间距很重要。在页脚中的元素周围以及文本行之间留出足够的空间。足够的间距将使页脚区域不会显得狭窄或不舒适。它还对实现点击或点击功能大有帮助。由于页脚中的许多（如果不是全部）项目都链接到其他内容，因此这是用户功能的重要方面。您可以使用的空间量不必完全反映站点其余部分的空间，尽管可以。（对于在站点主体中使用狭窄间距以获得特定效果或影响的站点，尤其如此。）

Sailing Collective在元素之间垂直和水平使用大量空间。它们按类型和可点击性聚类。

12.警惕太多对象

虽然使用图形元素和标题是一个好主意，但恰到好处与太多之间存在界限。谨慎使用这些物品，并用于特定目的。问问自己为什么使用标题，图标或照片。如果答案是“因为它看起来不错”，请重新考虑。每个要素都应达到目的。这将帮助您设计一个可用的页脚，以充​​分利用可用空间。

从Master＆Dynamic的页脚可以看到，少即是多。简单的图标和文本足以使您轻松浏览页脚内容。

13.产生层次感

就像网站的其余部分一样，页脚本质上应该是分层的。这是一个双重设计。页脚应位于整个网站层次结构的底部。（毕竟是它所在的位置。）页脚还应该在其“容器”中包含层次结构的元素。最重要的元素（通常是联系信息，号召性用语或站点地图）应该是最突出的元素。标准信息（例如版权声明）通常是最小的。

Griflan Design Inc.告诉用户如何在页脚中执行操作，以他们希望他们完成的顺序。首先，给他们发送电子邮件；如果那不起作用，请致电他们；如果这些选择都不起作用，请通过社交媒体访问该公司。

14.考虑一个子脚

您的页脚需要页脚吗？考虑为其他分层添加一个子页脚。（这是一种非常流行的做法。）子页脚可能是创建一些附加层次结构的好地方，如果页脚空间过于密集，则可以为其添加维度，或者仅提供一个有趣的内容空间。在此区域突出显示赞美或插入号召性用语。

Smart Passive Income Blog的多级页脚做得很好。有一个号召性用语，然后是站点链接，然后是一个子页脚，带有淡淡颜色的媒体提及，后面是站点免责声明和政策。导航级别提供了页脚的深度，使其易于浏览和单击。

15.不要在所有这些链接上加下划线

最大的页脚错误？允许链接带有下划线。在页脚中仍然有大量带有下划线链接的网站。这种过时的技术不适用于现代站点设计。

加利福尼亚州的百特（Baxter）的页脚很整洁，并包含许多链接。由于没有简单的链接，所以看起来并不混乱，没有所有那些讨厌的下划线。

结论

页脚可以对您的网站说很多话。它告诉用户您是谁，他们可以做什么以及如何浏览您的网页。它还显示了您作为设计师的一些微妙之处，例如对细节的关注以及在狭小空间内工作的能力。

页脚是设计的重要组成部分。注意它。确保包含信息，设计元素和可用性的正确组合，以在每个Web设计项目中充分利用最底层的空间。