对于网站最底端的页脚,大家很容易认为页脚并不重要,因此在WordPress网站建设中,页脚模块经常是被设计师所忽略掉的一部分。然而,网页的页脚设计虽然并不是最引人瞩目的地方,但是它仍是整个网站中不可或缺的部分。一个好的网站页脚可以帮助用户快速找到想要的信息,下面给大家介绍一些网站页脚设计的实用技巧。
确立明确的页脚设计目标
在为网站设计一个大型页脚的时候,首先应该明确用户在实际状况下如何使用它。和网站其他的部分一样,设计优良的页脚需要有着明确的设计目标,可参考以下几点:
- 提供网站地图,以及最受欢迎的页面/链接
- 提供联系方式,或者提交订阅的表单
- 提供社交媒体帐号链接和信息
- 提供行为召唤的功能
- 提供公司或者店铺的实际地址/可视化地图
- 网站和团队相关的信息(适合博客类网站)
网站页脚需具备响应式设计
响应式设计毫无疑问是如今网站应当具备的基础素质,而大型的网站页脚同样也应该具备良好的响应性,这样才能确保体验上的一致,并且让用户能够便捷轻松地与之互动。
一个大型的页脚,在桌面端上展示的时候,信息按列来分割排布,看起来是很合理的,但在移动端设备上,就显得凌乱而复杂了。尤其是考虑到页脚需要随着页面变化而响应,并且要便于交互。
整个页脚的主要设计目标是包含并组织大量的元素,而这种形式并不一定拘泥于多栏式布局。
网站页脚需包含用户期望的信息
绝大多数的用户对于网页页脚中所呈现的信息,是有所期待的,将用户期望的信息包含在其中,可以让它的可用性更强。
虽然并非所有的元素都需要包含在网页页脚当中,但是下面所列举出来的元素,应该覆盖了绝大多数的用户需求:
- 网站地图或者拓展导航
- 联系信息,地址或者地图
- 社交媒体链接
- 电子邮件订阅信息
- 搜索
- 关于我们
- 获奖情况或者证明
- 新闻资讯,最近的文章或者事件列表
还有一些其他的小元素或者功能控件可以放到其中,但是用户并非需要全部的元素,他们所需要的通常是其中的一部分,绝大多数是关于网站本身的一些信息。
- 版权信息
- 法律信息和隐私条款
- 专业领域或者所属组织
页脚设计应包含恰当的留白
在页脚部分,适当的留白设计也很重要,涉及到布局的原因,留白能分割出不同的区块,起到绘制不同区域的效果。当然,留白不是仅存白色空间,只要是无内容填充的部分都可以称为留白。由于页脚通常都住在狭小的空间里,空间和间距就显得很重要。给页脚中的元素留出大量空间如同文字的行间距。足够的间距可以让页脚看起来来宽松舒畅,同时也方便点击。
网站页脚可添加导航链接
包含大量的、不同的内容的网站,应该考虑将大量的链接按照类别来进行分组管理,通过有组织的链接,你可以帮助用户找到他们想要的相关的内容。
对于大型的项目而言,这是一种非常常见的技术,对于用户而言,可能会非常有用。以 Amazon 为代表的这些在线零售巨头对于在页脚中组织信息就有着丰富的经验。
在上面的 The Home Depot 的网页中,页脚就包含了多层次的页脚导航。其中包含了热门的分类(如果你没有找到想要的东西可以试着在这里找找),然后是客户服务的链接组(如果你需要额外的服务),以及相关的资源,公司的责任和其他的行为召唤元素。最后,页脚中还包含了其他相关品牌的链接,版权信息和协议条款。
页脚设计应维持网站设计风格
网站页脚看起来不应该像是狗尾续貂。它应该看起来与整个网站的设计风格相符。颜色、样式还有图形元素都应该保持一致。不要为页脚添加一个不合适的框框,这是很常见的错误。
网站页脚设计应具备对比度
页脚的信息通常都很小,这就使得文本元素与背景之间的颜色、字重以及对比变得非常重要。每个单词都应该是易于阅读的。考虑使用简单的字体(无衬线字体和中等字重就很好)。选择高对比的色彩,比如白底黑字或者黑底白字。避免使用不同的颜色或者华丽的字体。
页脚是网站功能的一种补充和完善,尤其是对于大型的网站项目而言,页脚的信息组织及美观性是尤其重要的。作为用来用户最后获取信息的地方,页脚模块的设计需要确保可用性、易用性和舒适性。