网页页脚设计技巧

麦田甜心 · 发表于 2016-06-17 10:18:43

1、留白的运用
　　在页脚部分，适当留白设计也很重要，因为涉及到布局，留白能分割出不同的区块，起到绘制不同区域的效果。当然，留白不是仅存白色空间，只要是无内容填充的部分都可以称为留白。由于页脚通常都住在狭小的空间里，空间和间距就显得很重要。给页脚中的元素留出大量空间如同文字的行间距。足够的间距可以让页脚看起来来宽松舒畅。而且方便点击或触摸。
　　2、保持设计简单
在需要处理大量需要放在页脚的信息的时候，简单设计就显得尤为重要。坚持清理元素，保证充足的空间并有目的地组织信息。尽量避免混乱，思考哪些元素需要出现在你的页脚中，以及它们为什么要在那里。页脚的尺寸一般都跟你网站页面数和信息量有关。
　　3、页脚元素的组织
对页脚内容的连接和信息进行分类组织会给人感觉比较好。比如把联系方式、友情链接、服务、社交网站和一些你流量最大的内容分成几列(或几行)。给每个部分起一个标题，这样方便查看。在页脚部分添加logo或者图形元素可以为其添加视觉上的趣味。只是要注意不要为这狭小的空间添加太多它难以承受的元素。比如，你可以使用小的标志性元素添加在地图或者电话号码之类的旁边。另外，当用户浏览到你的页脚的时候，给他们一些可做的事情。包括登记获得邮件通知，或者邀请他们在社交媒体上关注你。不要忘了这个区域在转化点击方面的价值。
　　4、对比度与可读性
页脚的信息通常都很小，这就使得文本元素与背景之间的颜色、字重以及对比变得非常重要。每个单词都应该是易于阅读的。考虑使用简单的字体(无衬线字体和中等字重就很好)。选择高对比的色彩，比如白底黑字或者黑底白字。避免使用不同的颜色或者华丽的字体。通常的页脚包含了很多小项目，但是注意别弄得太小了。页脚的文字可以比网站主体所用的字号稍小一点。而图标和图像要在你所选的尺寸里是可读的，元素必须大到易于点击或触碰。如果你的链接太小，或彼此挨得太近而导致用户点不到你的链接，那你就蹲墙角哭去吧。
　　5、符合网站整体设计风格
　　网站页脚看起来不应该像是狗尾续貂。它应该看起来与整个网站的设计风格相符。颜色、样式还有图形元素都应该保持一致。不要为页脚添加一个不合适的框框，这是很常见的错误。提醒大家，从项目伊始就应该思考这块地方要如何展现，以免在设计过程中因不匹配的元素而做不下去。
　　总之，页脚是设计中的重要部分，网页设计过程中切勿忽视。页脚的设计，要确保里面是基本信息，设计元素和可用性的最佳组合，草扑建站整理发布，这样才能在每个网站设计项目中用最小的空间获得最多可能。
本文转自3T手机广告联盟（www.adttt.com)

tkbin · 发表于 2016-06-17 10:25:09

沙发！沙发！沙发！

雷桠 · 发表于 2026-08-16 21:19:55

这个分享太实用了，刚好能用到，感谢楼主！

solomoapp · 发表于 2026-08-22 21:17:43

楼主太厉害了，整理得这么详细，必须支持

蕾蕾服饰 · 发表于 2026-08-23 10:17:53

这个思路很新颖，打开了新世界的大门，谢谢分享

一抹心跳 · 发表于 2026-08-23 17:44:07

楼主辛苦了，整理这么多内容，必须点赞收藏

leonseo444 · 发表于 2026-09-07 09:13:48

完全赞同，我也是这么认为的，英雄所见略同～

		自动登录	找回密码
密码			加入怎通

[其他] 网页页脚设计技巧