设计一个令人难以置信的网站页脚是不是曾经在事要做每个Web开发者或设计师的列表的顶部。由于它是在页面的底部一路,这是很容易解雇它作为大多数游客很少注意的东西。
然而,页脚是网站的一个重要领域。据一项研究ClickTale,观众约76%将滚动超出了你的网站的倍和22%的滚动一路底部。
谁滚动到你的网站底部的游客显然是寻找更多的信息,这意味着你应该把它提供给他们以直观和令人信服的方式。通过从网络上采取看看伟大的页脚设计一些例子,你可以得到灵感,并开始与什么可能最适合您自己的网站,它容易吸引各类游客的实验。
在这篇文章中,我们将通过建议你应该在你的网站页脚的元素开始,然后移动到覆盖15英尺优雅的设计供您的灵感!
如何在您的网站页脚包括
设计你的页脚之前,你要问自己你想要什么游客做一旦达到你的网站的底部。无论你是想他们读您的“关于我们”页面,订阅电子报或喜欢你的Facebook页面,你不能指望他们来滚动一路回升到查找在页眉或补充工具栏这些选项。
让它为提醒游客,他们应该看看还有什么尽可能方便。一些最常见的组件,以把一个网站页脚包括:
- 版权信息
- 联系方式(电话号码,电子邮件地址)
- 地址(可选地图和路线)
- 链接到你的网站地图,隐私政策,使用条款,新闻资料袋等。
- 导航链接
- 链接热门话题和/或最近的博客文章
- 即将举行的活动
- 社交媒体图标和/或部件
- 通讯注册表格
- 会员登录域
- 网站搜索栏
- 迷你图库
- 标志或品牌形象
- 任务说明
- 退款保证
- 奖,证书,协会
- 褒奖
- 嵌入式视频
- 大的“行动呼吁”按钮(捐,秩序,联系,订阅等)
避免试图填满你能想到的,包括到您的页脚的绝对一切。相反,挑短短的最重要的内容选项,并与他们展示在干净和吸引人的方式,也许是扩大并强调一个你希望你的访问者做真正的大事情实验。
如果你有很多的信息,你想在页脚包括,你可能想利用“胖尾”的设计,这是从页的底部延伸,以尽可能多的访问者的大型脚注部分整个电脑屏幕,当他们滚动至底部。利用列,避免过多的带下划线的文本,如果有大量的参与也可以让你的页脚帮助链接出现更有条理,可扫描。
现在,让我们走上这15高雅页脚设计!
1. Tessmae的全天然
Tessmae的提供了一个脂肪躯维持最小的神色神奇的例子。虽然很多网站经常使用他们的页脚,以此来从他们的内容的其余部分分开一个黑暗的背景,这一次仍然是光 – 使它超级容易阅读。
有一个明确强调在这个页脚简报注册,具有更大的文字和跨越站点的宽度过大的注册表单。在其下方,整齐地列导航链接可以在一些时髦的寻找社会图标在最底层脱颖而出访问。
什么与此特定页脚行之有效的是,很明显,访问者鼓励通过注册的通讯采取行动。但是,如果他们不想这样做,第二个最明显的事情是打电话给Tessmae的号码或查看他们的社会概况。最后,这些导航链接在那里,如果他们只是想浏览该网站的详细信息。
2. 最佳制造有限公司
最佳制造有限公司是扩展其白色背景到页脚,同时还创建从该网站的主要部分明确分开其他在线零售网站。在这种情况下,一个聪明的水平导航菜单被添加到创建的分离。
保持限于这四个环节的菜单确保用户不会被各种链接被淹没点击。在页脚的中心,公司结合其保证品牌形象。
而品牌形象脱颖而出最清楚的东西,它很容易注意到左边和联系人信息右侧的邀请简报注册表单。通过保持包括在这个页脚到最低限度期权数量,游客可以得到的下一步该怎么做一个清晰的认识。
3. 融合设计创意解决方案
融合设计创意工作室有一个非常漂亮的前瞻性页脚,在一个非常有创意的方式组织只是必要的导航组件。而页脚本身是黑暗的,并设有一个漂亮的背景图片,它实际上称赞在它上面的内容,而不是与它冲突。
三根柱子只是需要这个特殊的页脚没有得到与背景图像太乱了各适量。请注意如何在包括每列(左对齐,居中,然后靠右对齐)有助于创造良好的平衡文本的对齐方式。最后,还有一些在最底层脱颖而出中心的社会图标。
大量的背景图像部分可以在整个网站被视为您向下滚动,所以页脚感觉就像它的另一部分,它流入好听。然后游客可以决定他们是否想看看他们的服务的创意细节,从一般的导航链接,了解更多关于他们通过电话与他们联系或连接到社交媒体。
4. 布莱恩·加德纳
页脚不一定需要包括大量的采用一组三或四列的信息,即使它是一个“胖”躯。布莱恩加德纳的个人网站就是一个很好的例子,具有类似于我们在前面的例子中看到上面的一个背景图像的页脚。
背景图像坚持一个简单的两色的配色方案是优雅,但不要太压倒。包括唯一的内容是一些短期的行情,社会图标和三个导航链接 – 装修网站整体的极端最低的样子。
什么工作这么好,这个页脚的是,它是如此简单而微妙的,但它仍然清楚地告诉观众该怎么做。它只是表明你如何让大页脚外观,而无需与你能想到的每一个导航链接来装饰它。
5. 像素
当然有方法可以包括超过大多数游客可能会想在页脚看到,而不会弄乱它太多的信息。像素通过使用较小的文本,简单的字体,对比鲜明的色彩和不同宽度的列很好地实现了这一点。
游客确切地知道哪些文字是可点击(由明亮的绿松石文本表示)对其中是否有告知他们(特征是白色文本)。在中间一栏的文字更长也更容易阅读,因为它比上两侧的两个其他列宽。
总体而言,页脚并在藏在心里一个了不起的工作组织,在能够快速识别呈现的不同类型的信息方面容易对眼睛。游客可以方便从对下一步该怎么做了广泛的选项中进行选择。
6. eRated
eRated有一个网站页脚,显示是多么干净,易于阅读,你可以用一个非常黑暗的颜色如黑色为背景时,做到这一点。只有三个用在这里列,所有这一切都让游客选择独特的选择。
什么特别行之有效的是,突出不同类型的信息与光的颜色和慷慨间距图标的组合。请注意如何对社会的图标是不是都挤在一起; 也不是探索列下的项目符号图标。
这页脚将提供很大的启发的人谁没有决定强调只是一个明确的号召,也并不完全有一吨的选项来显示。实际上任何网站都可以采取简单和灵活的设计页脚像这样的优势。
7. Collabogive
Collabogive就是一个例子以稍小的页脚,具有简单性和采取行动的强烈呼吁。在这里,大简报注册的形式是主要焦点,因为它占据整个页脚的一半。
除了注册表格,这是有趣的,看看Collabogive如何使它更小,并在左侧更紧凑利用的列尾的趋势。每个四列的只有三个选项都被接走了,以避免压倒性的游客。
对于那些谁想要两全其美的脱颖而出加上附加选项三,四列的大型注册表单而言,这页脚可以作为一个理想的模式。这也是理想的人谁是不是真正的脂肪躯设计,占据了整个电脑屏幕上的一个巨大的风扇。
8. Griflan设计公司
在页脚行动的一大通话并不一定需要是一个超大的注册表格,我们将在几个上面的例子见过。对于Griflan设计公司,它是从,他们希望他们的访客对他们最好通过电子邮件联系页脚中间的那个巨大的红色按钮清晰。
事实上,这是我们见过一个例子,实际上并没有提供有页脚中的任何导航链接。除了电子邮件按钮,并在底部的多彩的社会图标,这也站出来很好,没有什么别的看 – 这很好!它非常适合像这样的网站。
如果你有一个个人或小型企业相关的网站,你的结果来自游客谁与您直接取得联系,页脚留下了额外的导航链接,而是放在一个巨大的重点联系人信息可以真正有效的鼓励更多游客与您取得联系。如果你希望他们采取某种行动的游客总是需要提醒。
9. 加州巴克斯特
加州的网站页脚设计巴克斯特是类似于我们从Collabogive看到,在左侧,右侧一个大的简报注册的形式为特色的迷你列。但是,这其中有值得一提的有一些差别。
首先,它是用白色背景页脚的另一个很好的例子。它也比Collabogive的页脚较大,这意味着列不看起来相当的小。还有容纳更多链接和链接文本是足够小,社会图标适合他们方便地底下。
如果您有需要包括在您的页脚强调明确的指示,你可以看一下美国加州巴克斯特的设计就如何实现这一目标,而不使它看起来太大,杂乱的想法。为注册表格下方的“接受15%折扣的第一次购买”的消息的文本是巨大的为长度的句子,但由于内容的其余部分是最小的,很好的平衡,它只是工作。
10. Sparkbox
Sparkbox有一个页脚设计,你通常不会在其他网站上看到的。乍一看,它看起来很简单,设有链接,查看该网站是如何与左侧的地址信息,右侧一些社会图标进行。
在中心,有标有“更多页脚?”的按钮,你可以点击展开看大图和即将发生的事件。谈论一个独特的方式让你好奇的游客去探索更多的网站!
这可能是人谁是寻找一个真正独特的页脚设计的技能来创建它(或最少的钱雇人做)一个有趣的想法。可扩展和可折叠部分是一个极好的设计潮流经常使用围绕网站的其它主要领域,那么为什么不页脚呢?
11. Molamil
Molamil有一个网站,这只是真的很酷,通过全面浏览,并与页脚(双打作为它的菜单),这类型的需要传统设计的页脚和香料它一点以配合该网站的诡诈结束。这是一款页脚的意思占用屏幕的整体,一个最小的外观提供内容周围有足够的空间。
还有的联系信息,一个用于导航,一个用于社交媒体的一列。很多空白使得通过所有的选项很容易看懂,你可能可以逃脱爱好者的字体,如果你想使用类似这样的设计风格。
从本质上讲,这页脚效果很好,因为它把一切都前沿和中心在可能的最清洁,最简单的方法,当你向右滚动到页面。如果您有古怪和不同的页脚设计的眼睛,这一次可能是值得重新在你自己独特的方式调整。
12. 茶的Jenier世界
茶的Jenier世界有着辉煌的网站页脚是所有关于视觉设计。页脚的分离是通过创建的水体与跨页和船舶浮在它上面的轮廓流动波的地平线制成。
页脚内容设计精美的文字图像促使游客到注册了自己的通讯,取得联系或连接到社交媒体。这是多了一个注脚,没有夹杂任何导航链接的真的只是看上去很不错。
谁想要带来更多的视觉吸引力,他们的页脚可以从这个灵感。美丽的图形是一个万无一失的方法,让您的页脚和其内容的注意。
13. Savse冰沙
Savse冰沙说明如何把基本上您的页脚到几乎与多个领域的全尺寸选择的形式。注册为通讯是他们想要的,一旦他们到达页面的末尾送他们的访客的明确信息。
下方的大形式,游客可以很容易地看到如何与商家取得联系,并按照他们的社交媒体。这很简单,易于阅读和整洁的。
这页脚可能是任何个人或企业谁在试图提高其电子报订阅很大的启发。而最好的部分是,只要你没有一吨的链接,包括您可以与其他常见的页脚内容的选择结合起来了。
14. fffunction
那么,你如何让你的页脚的外观惊人的,当你不想有额外的导航选项上补习班呢?fffunction由包括一些有趣的统计数据,并在不同的字体和颜色显示它们做的。
如果您有任何事实,数据或者您认为其他信息可以值得与您的访客分享,使用您的页脚,创造性地展示它们可能是教育,娱乐,甚至涉及到您的访客一个整洁的方式。你不会看到这种类型的内容工作到页脚很多时候,这使得它更有趣。
15. 13创意
虽然13创意的页脚设计可能是相当不可复制的只是任何部位,它仍然是值得炫耀作为一个潜在的例子,可以帮助你多想想如何与您的网站的方式,其余适合您的页脚的设计在这里,看起来自然而美丽。13创造性采用了笔记本电脑设计为特色的主要内容,然后巧妙地使用书签作为其躯的想法。
这种类型的设计也有助于保持内容在页脚最小。如果你要包括大量的导航链接和页脚的其他选项,像书签或另一个非常视觉设计可能无法正常工作这么好,但在这种情况下,真正脱颖而出。
结论
它是如此重要的是让你的访问者几个不错的选择下一步的东西,一旦他们打你的网站的底部。而从上面的例子,很明显,有很多创造性的方式去这样做,它可能使你获得网页浏览,订阅电子报,社会的追随者,顾客或客户数量的巨大差异。
从上面的例子页脚哪个是你的最爱,为什么?在下面留言,让我们知道你喜欢什么最好的!