Skip to main content
力奥网络提供太原网站建设,营销型网站建设,太原网站优化推广,移动网站建设,PHP项目开发等服务。
建站热线:13935112134,QQ: 23467321,微信服务号:NSF23467321。
 首页 » 技术教程 » CSS美工

发现细节之美:网页页脚设计技巧大放送

2016年09月08日1080百度已收录

  评价一个网站好坏有众多因素,今天我们要介绍的是不起眼的网站页脚。在实际使用中,很多专业设计师有时也会草草对付页脚设计,然而这个最容易忽 略的页脚在网站中却有着至关重要的功能担当。页脚可以帮你的网站传达很多信息,它会告诉用户你是谁,网站都能做些什么以及如何浏览你的网站。此外,你可以 在这儿添加不同的社交平台,增加网站的宣传渠道;还可以提供和你联系的方式,建立用户对网站的信任感等等。所以,就算页脚位于网页的最底部,也不意味着你 可以在设计上偷懒,这是一个绝佳的练习机会,让你有更多机会和用户沟通。

  但是一个页脚需要在这里包含哪些元素?如何组织页脚的内容使其不突兀并保持整体美感?下面,小编将结合自己的经验给大家一些建议。

  页脚可以有的元素

  网站页脚的一个重要用途是展示关于你的品牌信息等(赞助商、开发者等),信息越丰富,访客想深入了解你就越方便。作为一个优秀的促销员,页脚可 以让用户知道目前有哪些值得购买的福利或注册的好处,例如上面的网站,页脚要做的是增强说服力,尽可能地鼓励用户去采取行动(买买买或注册),而不是简单 地罗列信息。

  说了那么多,总结一下页脚通常都有的元素:联系人信息、社交平台链接、导航链接、版权声明、品牌信息、友链及交换条件、隐私条款等。想吸引到更多人注意,可以放上公司团队的员工照,公司LOGO等等,如果你是个人网站,可以传个相片加个包含你所有文章列表的链接。

  

页脚设计样例

 

  页脚设计样例

  当然,对于没有这些信息展示需求的站长,页脚最基本的功能就是好看,就算页脚没有任何东西(按钮、链接等),只要视觉效果出众,它依然可以成为 网站整体中有力的那部分。如果你想让网站尽可能地保持干净简洁,那就要防止网站看起来乏味无聊。无论如何,在网站页脚的视觉细节上花点功夫,才能把用户的 注意力抢过来。

  页脚设计技巧

  1、留白的运用

  在页脚部分,适当留白设计也很重要,因为涉及到布局,留白能分割出不同的区块,起到绘制不同区域的效果。当然,留白不是仅存白色空间,只要是无 内容填充的部分都可以称为留白。由于页脚通常都住在狭小的空间里,空间和间距就显得很重要。给页脚中的元素留出大量空间如同文字的行间距。足够的间距可以 让页脚看起来来宽松舒畅。而且方便点击或触摸。

  

适当留白

 

  适当留白

  2、保持设计简单

  在需要处理大量需要放在页脚的信息的时候,简单设计就显得尤为重要。坚持清理元素,保证充足的空间并有目的地组织信息。尽量避免混乱,思考哪些元素需要出现在你的页脚中,以及它们为什么要在那里。页脚的尺寸一般都跟你网站页面数和信息量有关。

  

保持简单的设计

 

  保持简单的设计

  3、页脚元素的组织

  对页脚内容的连接和信息进行分类组织会给人感觉比较好。比如把联系方式、友情链接、服务、社交网站和一些你流量最大的内容分成几列(或几行)。 给每个部分起一个标题,这样方便查看。在页脚部分添加logo或者图形元素可以为其添加视觉上的趣味。只是要注意不要为这狭小的空间添加太多它难以承受的 元素。比如,你可以使用小的标志性元素添加在地图或者电话号码之类的旁边。

  另外,当用户浏览到你的页脚的时候,给他们一些可做的事情。包括登记获得邮件通知,或者邀请他们在社交媒体上关注你。不要忘了这个区域在转化点击方面的价值。

  

页脚元素的组织

 

  页脚元素的组织

  4、对比度与可读性

  页脚的信息通常都很小,这就使得文本元素与背景之间的颜色、字重以及对比变得非常重要。每个单词都应该是易于阅读的。考虑使用简单的字体(无衬线字体和中等字重就很好)。选择高对比的色彩,比如白底黑字或者黑底白字。避免使用不同的颜色或者华丽的字体。

  通常的页脚包含了很多小项目,但是注意别弄得太小了。页脚的文字可以比网站主体所用的字号稍小一点。而图标和图像要在你所选的尺寸里是可读的,元素必须大到易于点击或触碰。如果你的链接太小,或彼此挨得太近而导致用户点不到你的链接,那你就蹲墙角哭去吧。

  

页脚设计:对比度与可读性

 

  页脚设计:对比度与可读性

  5、符合网站整体设计风格

  网站页脚看起来不应该像是狗尾续貂。它应该看起来与整个网站的设计风格相符。颜色、样式还有图形元素都应该保持一致。不要为页脚添加一个不合适 的框框,这是很常见的错误。微企点提醒大家,从项目伊始就应该思考这块地方要如何展现,以免在设计过程中因不匹配的元素而做不下去。

  

页脚设计:与网站整体风格一致

 

  页脚设计:与网站整体风格一致

  总之,页脚是设计中的重要部分,网页设计过程中切勿忽视。页脚的设计,要确保里面是基本信息,设计元素和可用性的最佳组合,这样才能在每个网站设计项目中用最小的空间获得最多可能。

评论列表暂无评论
发表评论
微信
电话:0351-2356360
手机:13935112134