虽然网页页脚的设计在整个页面设计中并非最引人瞩目的部分,在需求中的优先级也不高,也不是整个网站设计的核心,但是它依然是整个网站不可或缺的部分。一个好的网站页脚能够让用户找到有用的信息,更好地互动感。想要设计一个功能完善,美观的网站页脚,有什么可供遵循的方法和技巧呢?今天的文章就来给你答案。
包含大量的、不同的内容的网站,应该考虑将大量的链接按照类别来进行分组管理,通过有组织的链接,你可以帮助用户找到他们想要的相关的内容。
对于大型的项目而言,这是一种非常常见的技术,对于用户而言,可能会非常有用。以Amazon为代表的这些在线零售巨头对于在页脚中组织信息就有着丰富的经验。
在上面的TheHomeDepot的网页中,页脚就包含了多层次的页脚导航。其中包含了热门的分类(如果你没有找到想要的东西可以试着在这里找找),然后是客户服务的链接组(如果你需要额外的服务),以及相关的资源,公司的责任和其他的行为召唤元素。最后,页脚中还包含了其他相关品牌的链接,版权信息和协议条款。
页脚是网站功能的一种补充和完善,尤其是对于大型的网站项目而言,页脚的信息组织是尤其重要的。
5.维持品牌的调性不要事后再考虑页脚中的微文案。页头中的品牌设计和页脚中的品牌调性是同样重要的。
风格和调性上,页脚同样是网站的品牌设计中不可分割的一部分,在视觉上沿用网站的配色,在视觉元素和品牌化上,同样不能失去应有的调性。只有这样,用户才不会在浏览页脚的时候感到迷惑。
上面是电子邮件服务供应商Emma的网站页脚设计,其中包含一个明显的行为召唤按钮,所搭配的文案和整个品牌的调性保持一致,仿佛他们的营销团队在向你问好。页脚的元素和元素之间留有足够多的空间,确保整体的舒适感。
6.足够的留白紧密的文本是用户浏览和交互的大敌,保持足够的呼吸感,不仅能够确保视觉上的舒适,而且在功能上也有保障,用户交互也更加方便。
空间排版布局的规则,同样适用于页脚的布局设计,千万不要觉得它只是装饰性的,并不是「能看就行」。
如果页脚的设计可用性差,就不好了。你可以借助热点图等方式来确定用户对于各个模块的点击率和效果,在此基础上来进行优化。
7.保持对比度需要保有足够功能性的页脚,应当确保它们能和上方的内容之间构成对比,从而形成视觉上的差异,脱颖而出。页脚应当是整个设计当中的一部分,同时也应当具备足够视觉差异性,便于用户理解它的功能和存在。
在视觉上建立这种对比,最常用的方法是将页脚至于特定的UI容器当中,比如彩色的区块或者框当中,通过背景色彩和上方的内容进行区别。许多以浅色背景的网站,会在页脚的部位采用深色的背景。
这种额外的视觉对比的功能性是很明显的,用户会在看到页脚的时候因为差异而注意到并思考其功能,它是足够强大的视觉线索,并且在整个设计中创造出方向感和可用性。
结语虽然越来越多的设计师开始设计超大型的页脚,并且许多设计都做得相当的惊艳,但是页脚的设计应当是有限制的,至少那些太长、需要翻页的页脚就相当的令人讨厌。
虽然页脚是承载大量信息,用来作为用户最后获取信息的地方,但是它也应该具备一目了然的特点,确保可用性、易用性和舒适性。