NEWS 公司动态

细节是魔鬼!设计网页页脚的15个超实用技巧

2018-04-06浏览量:107次

1.保持设计简单


是的,这是大部分设计项目的关键之一,但是这点也是重中之重,值得现在就说。在需要处理大量需要放在页脚的信息的时候,简单设计就显得尤为重要。坚持清理元素,保证充足的空间并有目的地组织信息。尽量避免混乱,思考哪些元素需要出现在你的页脚中,以及它们为什么要在那里。页脚的尺寸一般都跟你网站页面数和信息量有关。
Agra-Culture在页脚中使用颜色、图标和文字,不过它很简单,而且流量很大。每个链接都易于点击,绿色背景中农场图像的微妙细节是个很好的尝试。

2.链接到你的信息

网站页脚中最重要的两个链接分别是“关于我们”和“联系我们”。用户想要知道你是谁,而且想要了解你的公司和品牌。让用户更容易找到这些信息。还有很多人想知道你的团队成员以及他们的联系方式(这是一个重要的工具。很多人弄丢了他们的名片,但会回到你的网站去寻找联系人信息)
Heckford包含了很多关于公司、社交网站以及他们工作信息的链接。

3.包含基本联系信息


尽管你应该链接到一个完整的“联系我们”的页面里,在页脚中展示相关联系人信息也不坏。写上主要的电话号码、邮箱和真实地址。(如果能够在点击时自动拨号,自动发送邮件或者展示地图,那就是加分了)
Root Studio做了一个几乎违背你认为应该是“页脚”的一切的页脚,不过它文字很大,而且被压缩为一个非常简单的联系人信息列表。(这是一个具有影响力的设计理念,方便了那些想谈项目合作的用户)

4.组织页脚的链接

对页脚内容的连接和信息进行分类组织会给人感觉比较好。比如把联系方式、友情链接、服务、社交网站和一些你流量最大的内容分成几列(或几行)。给每个部分起一个标题,这样方便查看。
SugarSync的页脚信息包含很多易于查看的列。在“Product”,“Company”,“Learn More”和“Connect with us”的标题下面,你可以很轻易地找到你接下来想要访问的内容。
有心的同学都会发现优设也是类似的设计,不信戳首页看看?
5.包含版权声明

这行小小的文字可以成为你的救星,不要忘了它。大部分网站把它做在网站底部单独一行,而你可以考虑把它设计得更融入页脚。版权声明可以手写,也可以只放一个带圈圈的小c标志。其文字通常包含发布年份和版权所有者的名字。可以为内容和设计建立多个版权声明(适用于部分由第三方创建的网站)。
Adventure.com在屏幕正下方保留了一行版权声明。这行信息使用了低对比,这样它就不会抢了更重要的信息链接的风头。
6.包含行动呼吁

当用户浏览到你的页脚的时候,给他们一些可做的事情。包括登记获得邮件通知,或者邀请他们在社交媒体上关注你。不要忘了这个区域在转化点击方面的价值。
Collabogive在页脚区域添加了一个“订阅我们的邮件”的标语。这个呼吁很容易看到,与页脚设计融为一体,并且为用户提供了一种无须加入组织就可以获得其最新消息的方式。
7.使用图形元素

通常页脚只是一个块块。添加logo或者图形元素可以为其添加视觉上的趣味。只是要注意不要为这狭小的空间添加太多它难以承受的元素。想象一下这个场面:不仅仅写出“关注我们的微博/博客/什么的”,还包括它们的logo。你还可以使用小的标志性元素添加在地图或者电话号码之类的旁边(不过你可能需要添加一个悬停状态的效果以阐释这个信息)
Kikk Festival在页脚空间空使用logo和快速联系人信息凸显活动伙伴。注意图标的大小——每个都易于看到,也易于阅读。使用滑块可以使大量信息显示在这个狭小的空间中。
8.注意对比度和可读性

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

P53为页脚信息使用最传统(也是可读性最好的)的文字背景组合——黑与白。

嗯,配色不求出彩,但愿无错,参考这篇:《秒变配色高手!怎么都不会错的6条网页设计配色原则》

9.包含网站的设计主题


网站页脚看起来不应该像是狗尾续貂。它应该看起来与整个网站的设计风格相符。颜色、样式还有图形元素都应该保持一致。不要为页脚添加一个不合适的框框,这是很常见的错误。从项目伊始就应该思考这块地方要如何展现,以免在设计过程中因不匹配的元素而做不下去。
Swiths Interactive Group的简单页脚与整个网站相得益彰,网站一个人坐在桌前,各种物品放在桌上。简单的页脚展示了相关信息,而且看起来与网站融为一体。

当前位置:网站首页 > 公司动态