当前位置:首页> 自助建站新闻> 网站大页脚设计技巧及注意事项

网站大页脚设计技巧及注意事项

发布时间:2021-04-04 14:00:00

为各种网站和UI设计编写了许多实践。虽然许多UI元素的设计并不复杂,但有许多细节值得注意。今天的文章帮你梳理一下热门网站大型页脚的设计技巧和注意事项,非常实用。

虽然页脚的设计在整个页面设计中并不是整个页面设计中最吸引眼球的部分,但在需求上的优先级并不高,它并不是整个网站设计的核心,但它仍然是整个网站不可或缺的一部分。一个好的网站页脚可以让用户找到有用的信息,更好地进行互动。想设计一个功能强大、美观的网站页脚,可以遵循哪些方法和技巧?今天的文章将给你答案。

一般来说,一个带有系统信息的大页脚可以帮助用户更好地使用复杂的大型网站,尤其是亚马逊。

设计大页脚的关键是信息的组织。一旦确定了页脚需要什么来帮助用户实现目标,下一步就很容易了。这里有7个提示。

设定明确的目标

当为你的网站设计一个大规模的页脚时,你应该首先弄清楚用户是如何在实际情况下使用它的。尽管许多网站使用页脚来存储链接和他们不知道如何处理的信息,但页脚的功能并不是垃圾桶。

与网站的其他部分一样,精心设计的页脚有明确的设计目标:

毫无疑问,响应式设计是当今网站的基本素质,大型网站的页脚也应该具有良好的响应性,这样才能保证体验的一致性,让用户轻松与之互动。

当一个大的页脚显示在桌面上时,按列划分和排列信息似乎是合理的,但在移动设备上,则显得凌乱复杂。尤其要考虑页脚需要响应页面中的更改,并促进交互。

整个页脚的主要设计目标是包含和组织大量的元素,这不一定是多栏布局。

当然,您也可以采用另一种设计方法,使用大页脚来承载单个元素,从而使特定功能化。就像上面的hustlepanda页面一样,整个页面的页脚几乎和屏幕一样大,并且布局是单列的。即使在移动终端上,它也可以像桌面一样响应和显示。(当然,您需要使CTA元素足够大并且易于阅读)

绝大多数用户对页脚中显示的信息有期望。包括期望的信息可以使它更有用。

虽然并非所有元素都需要包含在页脚中,但下面列出的元素应涵盖大多数用户需求:

还有一些其他的小元素或函数控件可以放在其中,但是用户并不需要所有的元素。他们需要的通常是其中的一部分,而大多数是关于网站本身的一些信息。

对于包含大量不同内容的网站,我们应该考虑按类别对大量链接进行分组和管理。通过有组织的链接,你可以帮助用户找到他们想要的相关内容。

这是大型项目中非常常见的技术,对用户非常有用。以亚马逊为代表的这些在线零售巨头在页脚信息组织方面拥有丰富的经验。

在上面的home depot页面中,页脚包含页脚的多级导航。它包括流行的类别(如果找不到您想要的,请在这里尝试),然后是客户服务的链接组(如果您需要其他服务),以及相关资源、公司责任和其他行动要求元素。页脚包含到其他相关品牌、版权信息和协议条款的链接。

页脚是对网站功能的补充和完善,尤其对于大型网站项目来说,页脚的信息组织尤为重要。

不要考虑事后在页脚的缩微拷贝。页眉的品牌设计和页脚的品牌色调一样重要。

在风格和色调方面,页脚也是网站品牌设计不可或缺的一部分。在视觉元素和品牌方面,他们不应该失去应有的色调。只有这样,用户在浏览页脚时才不会感到困惑。

上面是电子邮件服务提供商Emma网站页脚的设计,其中包括一个明显的行动号召按钮,文案人员与品牌的基调相匹配,就像他们的营销团队在问候你一样。在页脚的元素之间和元素之间有足够的空间,以确保整体舒适。

紧凑的文本是用户浏览和交互的敌人。保持足够的呼吸,既能保证视觉舒适,又能保证功能,用户交互更方便。

空间布局规则同样适用于页脚的布局设计。别以为它们只是装饰性的,不是“看得见”的。

如果页脚的设计可用性差,那就不好了。您可以使用热点映射来确定每个模块的点击率和效果,然后对其进行优化。

你需要保持足够功能的页脚,以确保它们与上面的内容形成对比,使视觉上的差异和突出。页脚应该是整个设计的一部分,也应该有足够的视觉差异,以便于用户理解其功能和存在。

视觉上创建这种对比的最常见方法是将页脚放在特定的UI容器中,例如色块或方框,并通过背景色和上面的内容来区分它们。许多背景浅色的网站在页脚处有深色背景。

这种额外的视觉对比的功能是显而易见的。用户在看到页脚时会注意到并考虑这个功能,因为它们之间存在差异。这是一个足够强大的视觉暗示,并在整个设计过程中创造出方向感和可用性。

虽然越来越多的设计师开始设计超大页脚,其中很多都是相当惊人的,但是页脚的设计应该受到限制。至少那些页脚太长,需要翻页的页脚很烦人。

虽然页脚承载了大量的信息,是用户获取信息的场所,但也应具有一目了然的特点,以保证易用性、易用性和舒适性。