惠州网站开发:超大型网站页脚的设计技巧

2019.08.09 mf_web

138

所以你想要一个漂亮的页脚,它可以在眼睛上使用吗?没问题!

你可以为有效的页脚做很多事情,而且这么多种类有很多测试空间。我最喜欢的页脚样式之一是超大的页脚设计。通常,您会在公司网站或大型博客上看到此信息。

在所有房间中,您可以添加品牌图形,额外链接或将所有主要页面拆分为多个部分。

每个网站页脚都应该使导航更容易。有一个超大的页脚,你给自己更多的空间,使导航变得轻而易举。这正是我将在这篇文章中介绍的分享技巧和趋势,以便在网上设计可用的超大页脚。

组织链接层次结构

这是创建页脚设计的最常见原因之一。如果你正在构建一个大的页脚,那么你需要大量的空间来做某事,对吧?

所以尝试使用该空间填写一些链接。

您可以将网站博客中最受欢迎的帖子和类别添加到不同的列中。或者,您可以组织较小的不太重要的页面,这些页面不适合您的顶部导航。

只需确保使用标题和标题来整理链接,以便于浏览。想到了YoDiv网站。

yodiv超大的页脚

它们的页脚分成多个列,每个列都有一个顶部的“主”标题。这使得一目了然地浏览链接变得容易,因此您可以毫不费力地清楚地告知页脚层次结构。

当然,他们的设计也很不错。我非常喜欢网页设计中的插图,而且YoDiv可以毫不费力地完成这项工作。

您还可以在亚马逊主页上找到类似的内容。

亚马逊大页脚

然而,他们是一家庞大的公司,拥有超出实物产品的数十项服务。所以亚马逊确实需要所有这些空间来创建相关链接的标题。

事实上,您在页脚中看到的每个小文本框都是它自己的链接。没有子标题或链接列表。

这种方法适用于亚马逊,因为它们有很多链接到。它可能不适用于较小的公司网站,但尝试一定不会有害。

我个人最喜欢的层次结构设计风格是大标题文本,较小的页脚链接组织成列。GameDev Market的页脚风格非常出色。

GameDevMarket主页

链接不会跳出页面,以便与其他颜色冲突。但他们也觉得不可能阅读。

即使在浏览网站时,良好的链接层次结构也应该是显而易见的。当你有一些较大的列时会变得更难,但如果你正确地计划你的链接,你会找到一种方法使它工作。

投入联系表格

我只推荐专为企业或个人使用而设计的投资组合网站。

我的理由是很少有投资组合实际上有很多页面。这意味着你的大页脚不会被太多的链接填满......但它应该充满了东西。

看看Zoyogurt的页脚。它们在设计中突出显示了联系方式以及联系表格。

Zoyogurt网站

我认为这很有效,因为大多数人都希望与业务联系。他们想知道位置,电话号码,小时,甚至可能想通过电子邮件发送。

如果您的网站没有太多页面,那么我建议您添加联系表单。

事实上,你甚至可以用联系表填写整个页脚。这看起来类似于完全围绕形式设计的Vanila的页脚。

Vanila联系表

最终,这会回到您网站的需求和目标。不想要陌生人的太多消息?然后放弃联系表格并用其他东西填充你的页脚。

添加品牌和图形

品牌推广是一个微妙但强大的提醒每个访问者他们所在的网站。

如果您的页脚中有空间,请尝试添加一个小徽标,图标或图形来说明您的品牌。它可能看起来不多,但人们会记得。

粉碎杂志主页

以Smashing Magazine的最新重新设计为例。在他们的页脚中,你会发现他们的猫吉祥物和一只友善的鸟类的几个插图。

甚至那些不了解猫的人最终也会发现它是吉祥物。它出现在他们的许多产品,会议和书籍中。

为自己打造品牌,让人们永远记住您的网站。

但你甚至不需要进行完整的插图或定制设计。您可以重复使用网站早期使用的颜色,纹理,图案或图标。

Branded7页脚布局

例如,Branded7 Art在整个页面中使用浅色背景颜色。

他们的页脚重复此插图以将该网站与此艺术作品连接起来。这是一种非常微妙的品牌推广技术,但如果你有任何可以重复使用的花木图案或背景,你也可以这样做。

推送大量相关内容

我通常以两种方式查看页脚内容:

  1. 共享网站上其他地方找不到的链接

  2. 推动独特的内容,鼓励人们留下来

如果您有投资组合或业务网站,那么您可能想要第一个选项。但如果您有一个大型博客或内容网站,那么您可以选择第二个。

尝试添加相关产品,博客文章,社交Feed,以及让人们点击的任何内容。使用链接填充您的超大页脚,以鼓励人们点击并继续与您的网站互动。

杰森圣玛丽亚组合

Jason Santa Maria在他的大页脚中使用了很多自定义链接部分。

从推广他的最新项目到推送一些推荐书籍甚至链接到他的社交账户,基本上都有一个小部件。

只需确保您分享的内容对您的受众群体有价值。人们可能不关心你在Instagram上吃午饭的照片。但是如果您使用设计镜头更新更多,那么IG页脚小部件可能会为您赢得更多关注者。

同样,像Giftrocket这样的大型企业站点可以通过添加位置链接来利用其页脚。

Giftrocket页脚

这借鉴了我前面提到的等级理念。您可以找到完整的公司链接列表以及该服务的一些热门类别和热门城市。

所有这些都包裹在一个超大的页脚内,有一些非常令人印象深刻的编织。总体来说,我见过的最好的页脚设计之一,它与整个布局相得益彰。

想想人们希望在页脚中看到什么样的链接。如果你没有那么多可以塞进去,那么就不要出汗吧!

但是,如果你有很多内容要分享,请尝试计划你的页脚。为一切提供一个小空间,让游客可以选择各种各样的东西。

尝试捕获电子邮件

如果您运行电子邮件简报,那么您就知道构建列表有多么困难。

设计精彩的时事通讯很难。但收集注册可能需要几个月才能看到真正可靠的数字。

添加选择加入表单的一个好地方是在页脚内。RunSociety做得很好,宽大的电子邮件领域占据了页脚的顶部。

RunSociety主页

链接也有一个很好的列结构,这些也很容易通过。没有人说你必须一次只使用其中一种趋势!

但是,页脚电子邮件字段只是人们注册列表的另一个机会。这是一种很好的方式来建立用户而不占用布局中更“中心”区域的宝贵房地产。

另一个非常好的例子可以在WebDesigner Depot上找到。

WebDesigner Depot电子邮件选择加入

当然,这并不是一个超大的页脚。它基本上包含电子邮件字段以及要点击的标记和类别列表。

但它有一种与页面形成鲜明对比的漂亮风格。从长远来看,这肯定会吸引注意力并可能增加总用户数。

看看你最喜欢的一些博客,看看是否有任何使用这种设计趋势。

ConversionXL电子邮件在页脚中注册

ConversionXL的人甚至没有页脚内的选择加入字段。相反,它连接到页脚的顶部,它有点独立。

这里没有绝对正确或错误的答案。只需设计策略和想法,即可开始使用自定义页脚设计。

向前进

我总是建议设计师制作他们喜欢的功能的网站列表。您可以将所有喜爱的网站中最好的超大页脚添加为书签,并将其组织起来供以后研究。

但我当然希望这些提示可以帮助您开始正确的轨道。这些应该为您提供大量的测试趋势,让您的大脑思考新的设计理念,以便在未来的项目中使用。

惠州网站开发

最新案例

寒枫总监

来电咨询

400-6065-301

微信咨询

寒枫总监

TOP