找回密码
 加入怎通
查看: 328|回复: 6

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

[复制链接]
麦田甜心 发表于 2016-06-17 10:18:43 | 显示全部楼层 |阅读模式
1、留白的运用# q( L. a  L% y: c/ v4 t5 P
  在页脚部分,适当留白设计也很重要,因为涉及到布局,留白能分割出不同的区块,起到绘制不同区域的效果。当然,留白不是仅存白色空间,只要是无内容填充的部分都可以称为留白。由于页脚通常都住在狭小的空间里,空间和间距就显得很重要。给页脚中的元素留出大量空间如同文字的行间距。足够的间距可以让页脚看起来来宽松舒畅。而且方便点击或触摸。
2 \9 l! g% ^% G5 @1 ?* G8 [  2、保持设计简单
, w4 B- e! E% [" |/ i9 Z* Z, E在需要处理大量需要放在页脚的信息的时候,简单设计就显得尤为重要。坚持清理元素,保证充足的空间并有目的地组织信息。尽量避免混乱,思考哪些元素需要出现在你的页脚中,以及它们为什么要在那里。页脚的尺寸一般都跟你网站页面数和信息量有关。5 k. @, ~1 [( O! w+ ]6 C% E
  3、页脚元素的组织
! a  D  L! b; `4 e$ N9 ^对页脚内容的连接和信息进行分类组织会给人感觉比较好。比如把联系方式、友情链接、服务、社交网站和一些你流量最大的内容分成几列(或几行)。给每个部分起一个标题,这样方便查看。在页脚部分添加logo或者图形元素可以为其添加视觉上的趣味。只是要注意不要为这狭小的空间添加太多它难以承受的元素。比如,你可以使用小的标志性元素添加在地图或者电话号码之类的旁边。另外,当用户浏览到你的页脚的时候,给他们一些可做的事情。包括登记获得邮件通知,或者邀请他们在社交媒体上关注你。不要忘了这个区域在转化点击方面的价值。
& D) W/ \' w+ I' m& T# m& ~' v" s  4、对比度与可读性. m  s' X# M: S2 q
页脚的信息通常都很小,这就使得文本元素与背景之间的颜色、字重以及对比变得非常重要。每个单词都应该是易于阅读的。考虑使用简单的字体(无衬线字体和中等字重就很好)。选择高对比的色彩,比如白底黑字或者黑底白字。避免使用不同的颜色或者华丽的字体。通常的页脚包含了很多小项目,但是注意别弄得太小了。页脚的文字可以比网站主体所用的字号稍小一点。而图标和图像要在你所选的尺寸里是可读的,元素必须大到易于点击或触碰。如果你的链接太小,或彼此挨得太近而导致用户点不到你的链接,那你就蹲墙角哭去吧。: Z' R& q, w/ I! H$ ]( P- u
  5、符合网站整体设计风格
  h* N" u' Y: E5 m0 m0 c# Z- K  网站页脚看起来不应该像是狗尾续貂。它应该看起来与整个网站的设计风格相符。颜色、样式还有图形元素都应该保持一致。不要为页脚添加一个不合适的框框,这是很常见的错误。提醒大家,从项目伊始就应该思考这块地方要如何展现,以免在设计过程中因不匹配的元素而做不下去。/ C+ m* K+ E; K
  总之,页脚是设计中的重要部分,网页设计过程中切勿忽视。页脚的设计,要确保里面是基本信息,设计元素和可用性的最佳组合,草扑建站整理发布,这样才能在每个网站设计项目中用最小的空间获得最多可能。/ V2 X: a+ N% M& S; v
   本文转自3T手机广告联盟(www.adttt.com)
& W  n$ _2 `1 C6 s
' e- E% U3 f( g- D3 ?

暂时无法加载帖子列表

回复

使用道具 举报

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 | 显示全部楼层
完全赞同,我也是这么认为的,英雄所见略同~
回复

使用道具 举报

    您需要登录后才可以回帖 登录 | 加入怎通

    本版积分规则

    QQ|手机版|小黑屋|网站地图|真牛社区 ( 苏ICP备2023040716号-2 )

    GMT+8, 2026-9-13 00:43 , Processed in 0.039818 second(s), 26 queries , Gzip On.

    免责声明:本站信息来自互联网,本站不对其内容真实性负责,如有侵权等情况请联系420897364#qq.com(把#换成@)删除。

    Powered by Discuz! X3.5

    快速回复 返回顶部 返回列表