网页页脚的设计技巧

来源：郑州天琥设计培训学校时间：2023/2/1 9:38:28

1、包含网站的设计主题

网站页脚看起来不应该像是狗尾续貂。它应该看起来与整个网站的设计风格相符。颜色、样式还有图形元素都应该保持一致。不要为页脚添加一个不合适的框框，这是很常见的错误。从项目伊始就应该思考这块地方要如何展现，以免在设计过程中因不匹配的元素而做不下去。

Swiths Interactive Group的简单页脚与整个网站相得益彰，网站一个人坐在桌前，各种物品放在桌上。简单的页脚展示了相关信息，而且看起来与网站融为一体。

2、往小做(但别太小)

通常的页脚包含了很多小项目，但是注意别弄得太小了。页脚的文字可以比网站主体所用的字号稍小一点。而图标和图像要在你所选的尺寸里是可读的(如果你看不出来这个图标是什么，那它就太小了)。元素必须大到易于点击或触碰。如果你的链接太小，或彼此挨得太近而导致用户点不到你的链接，那你就蹲墙角哭去吧。

Curious Space使用了不太传统的页脚风格，你可以从风格尺寸的使用中感受到它的存在。页脚的文字稍小一些，而且比页面中其他文字更细更轻，当然也没有小到看不见。

3、多用点空间

由于页脚通常都住在狭小的空间里，空间和间距就显得很重要。给页脚中的元素留出大量空间如同文字的行间距。足够的间距可以让页脚看起来来宽松舒畅。而且方便点击或触摸。因为页脚中的绝大部分链接都要链接到别的地方，所以这对用户体验来说也很重要。你在页脚所使用的空间不用与你网站主体完全一样(尤其是对于那些需要在主体中使用小间距的网站)

Sailing Collective在元素之间使用了足够多的水平和垂直间距。然后根据类型和是否可以点击分别放在一起。

4、防备太多东西

使用图形元素和一个头部是个好主意，但刚刚好和太过头仅有一线之隔。有节制地使用这些元素，并仅为特定元素使用。问问你自己为什么要使用头部、图标或者照片。如果答案仅仅是“因为它看起来很好看”，那你得重新思考一下。每个元素都应该有其存在的意义。这会帮助你设计出可用的页脚，而且充分利用空间。

从 Master & Dynamic的页脚中你可以看到少即是多的设计美学。简单的图标和文字可以让你轻松浏览页脚。

5、创建层次感

和网站的其他部分一样，页脚也应该有自然层级。这是两方面的设计，页脚应该位于整个网站层级的较底端(毕竟这是它该在的地方)。同时其内部的元素也应该具有层级。较重要元素(通常是联系信息、或者呼吁信息或者网站地图)应该是较突出的。标准的信息，比如版权信息，通常都是这个区域里较小的。

Griflan Design Inc.在页脚中按照他们希望的顺序告诉用户要做什么。首先，给他们发邮件;如果发邮件没用，给他们打电话;如果这两种方法都没用，在社交媒体上找他们。

6、考虑做子页脚

你的页脚是否还需要一个页脚?考虑添加一个子页脚图层吧(在实际应用中这种很流行)。子页脚非常适合放置一些额外的层级，增加页脚的空间，防止它过于密集，或者仅仅是为了给有趣的内容提供一点空间。使用这个区域来突出荣誉或者行动呼吁。

The Smart Passive Income Blog的多层级页脚做得很好。这里有行动呼吁，然后是网站链接，然后是浅色链接社交网站的子页脚，后面是免责声明和隐私政策。页脚导航的层级提供了一定的纵深，易于浏览和点击

7、不要在这些链接下添加下划线

页脚的较大错误?让链接有下划线。现在仍有很多网站在他们页脚的链接中使用下划线。这个过时的技术并不适用于现代网站设计。

Baxter of California 拥有一个干净整洁并且包含大量链接的页脚。多亏了这些没有下划线的简单链接，这个页脚看起来并不杂乱。