首页 关于我们 成功案例 网站建设 电商设计 新闻中心 联系方式
QQ联系
电话联系
手机联系
QQ联系
电话联系
手机联系

网站页脚设计上的讲究

发布时间:2019-06-20 15:01
发布者:嘉铭物联
浏览次数:

       虽然页脚的设计不是整个页面设计中最引人注目的部分,也没有要求中的高优先级,也不是整个网站的核心,但它仍然是整个网站不可或缺的一部分。一个好的网站页脚能让用户找到有用的信息,并有更好的互动感。如果你想设计一个功能强大、美观的网站页脚,你可以遵循哪些方法和技巧?今天的文章会给你答案。

       通常,包含系统信息的大页脚可以帮助用户更好地使用复杂的大型网站,尤其是像亚马逊这样的网站。

       设计大页脚的关键在于信息的组织。一旦明确页脚需要帮助用户实现什么目标,接下来的事情就不难了。这里有7个小贴士可以分享。

1。设定明确的目标

  1. 为网站设计大页脚时,首先要确保用户在实际情况下如何使用它。虽然许多网站认为页脚是一个存储链接和信息的地方,但他们不知道如何处理,事实上页脚的功能不是垃圾箱。
  2. 像网站的其他部分一样,设计良好的页脚有明确的设计目标:
  3. 提供网站地图和最受欢迎的页面/链接
  4. 提供联系信息或提交订阅表格
  5. 提供社交媒体账户链接和信息
  6. 提供行为调用的功能
  7. 提供公司或商店的实际地址/可视地图
  8. 网站和团队相关信息(适用于博客网站)

2。响应设计

  1. 响应性设计无疑是当今网站的基本品质,大型网站页脚也应该具有良好的响应性,以确保体验的一致性,并允许用户轻松方便地与他们互动。
  2. 当一个大页脚显示在桌面上时,信息以列的形式排列,这似乎是合理的,但是在移动设备上,这是混乱和复杂的。尤其是考虑到页脚需要响应页面的变化并促进交互。
  3. 整个页脚的主要设计目标是包含和组织大量元素,这种形式不一定受多列布局的限制。
  4. 当然,您也可以采用另一种设计方法,使用超大页脚来承载单个元素,从而使其最大化特定功能。就像上面的hustle panda页面一样,整个页脚几乎被扩展到屏幕大小,并且单列布局,即使在移动端,也可以以与桌面端相同的风格进行响应和显示。(当然,您需要使cta元素足够大并且易于阅读)

3。包含用户期望的信息

  1. 大多数用户期望页脚中显示的信息。包含用户期望的信息可以使它更有用。
  2. 虽然不是所有的元素都需要包含在页脚中,但是下面列出的元素应该涵盖绝大多数用户需求:
  3. 网站地图或扩展导航
  4. 联系信息、地址或地图
  5. 社交媒体链接
  6. 电子邮件订阅信息
  7. 搜索
  8. 关于我们
  9. 奖励或证书
  10. 新闻、近期文章或事件列表
  11. 还有一些其他的小元素或功能控件可以放入其中,但是用户并不需要所有的元素。他们需要的通常是其中的一些,而大多数是关于网站本身的一些信息。
  12. 版权信息
  13. 法律信息和隐私条款
  14. 专业领域或附属组织

4。组织链接

  1. 包含大量不同内容的网站应考虑根据类别对大量链接进行分组。通过有组织的链接,您可以帮助用户找到他们想要的相关内容。
  2. 这是大型项目中非常常见的技术,对用户可能非常有用。这些在线零售巨头,以亚马逊为代表,在页脚组织信息方面有丰富的经验。
  3. 在上面的家得宝主页中,页脚包含多级页脚导航。它包含流行的类别(如果你找不到你想要的,试着在这里寻找),然后是客户服务的链接组(如果你需要额外的服务),以及相关的资源、公司责任和其他行为调用元素。最后,页脚还包含到其他相关品牌、版权信息和协议条款的链接。
  4. 页脚是对网站功能的补充和改进,尤其是对于大型网站项目,页脚的信息组织尤为重要。

5。保持品牌一致性

  1. 以后不要想页脚中的微型副本。页眉的品牌设计和页脚的品牌调性同样重要。
  2. 页脚在风格和色调方面也是网站品牌设计不可分割的一部分。它在视觉上遵循网站的颜色匹配,在视觉元素和品牌方面不会失去应有的色调。只有这样,用户在浏览页脚时才不会感到困惑。
  3. 上面的 是艾玛的网站页脚设计,其中包括一个明显的行为调用按钮。匹配的副本与整个品牌的基调一致,好像他们的营销团队在问候你。页脚中的元素之间有足够的空间来确保整体舒适度。

6。足够的空白

  1. 紧密的文本是用户浏览和交互的敌人。保持足够的呼吸不仅能保证视觉上的舒适,还能保证功能,使用户交互更加方便。
  2. 空间布局规则也适用于页脚的布局设计。不要认为它只是装饰性的,而不是“看着它”。
  3. 如果页脚的设计可用性差,就不好。您可以使用热点图和其他方法来确定用户的点击率和对每个模块的影响,并在此基础上进行优化。

7。保持对比

  1. 需要维护具有足够功能的 页脚。应该确保它们可以与上面的内容进行比较,从而形成视觉差异和突出。页脚应该是整个设计的一部分,同时应该有足够的视觉差异,以方便用户理解它的功能和存在。
  2. 为了在视觉上建立这种对比,最常见的方法是将页脚放置在特定的用户界面容器中,例如彩色块或框,并通过背景颜色将其与上面的内容区分开来。许多浅背景的网站会在页脚使用暗背景。
  3. 这种附加视觉对比的功能是显而易见的。由于不同,用户看到页脚时会注意到并思考它的功能。这是一个足够强的视觉线索,并在整个设计中创造一种方向感和可用性。
  4. 结论
  5. 虽然越来越多的设计师开始设计超大页脚,而且许多设计相当惊人,但页脚的设计应该受到限制,至少那些太长需要翻转的页脚是相当烦人的。
  6. 虽然页脚携带大量信息,是用户获取信息的最后一个地方,但它也应该具有明确的功能,以确保可用性、易用性和舒适性。