网站的页眉和页脚在整体用户体验中扮演着重要的角色。每个人都有机会建立品牌并提供大量的效用。
标题一直是设计师关注的焦点,因为它是用户访问网站时首先会看到的内容。我们经常使用它作为网站导航的主要来源,但它可以做更多。一个经过深思熟虑的标题可以证明对搜索,电子商务功能和辅助功能选项等功能更为有用。
页脚有时会被忽略,被降级以显示版权和可能的几个链接。这是潜在的巨大浪费 – 特别是对于内容较重的网站。虽然我们有时会看到一个页脚或多或少是标题的重新拷贝,但还有其他与区域相关的项目可能会丢失。
今天,我们将看看一些可以作为灵感的页眉和页脚布局。他们充分利用他们的空间并为用户提供了极大的价值。
头
Kicklox
Kicklox背后的人在开发易于使用且非常有用的标题方面做得非常出色。他们的潜在用户有点独特,因为他们可能是工程师或需要聘用的人。这里的好处在于,它们实际上为用户提供了一个选择它们属于哪个类别的选项。这是我们如何添加特定于网站目的的实用程序的主要例子。
未开发
未开发的游戏拥有令人难以置信的最小和稀疏的标题 – 它非常有意义。他们从事域名业务,他们的目标是让您购买或出售域名。他们的标题只关注这个目标,没有任何额外的混乱。
BucketListly博客
关于标题的一个秘密就是我们经常试图将这么多信息塞进一个相对较小的空间 – 即使在大屏幕上。在这里,BucketListly博客充分利用了可用的房产,拉伸了高清屏幕的整个宽度。导航非常简单,易于识别,而其上方巧妙设计的搜索字段并未试图将注意力从更重要的事情中解放出来。
Fabienne Delvigne
Fabienne Delvigne的头球很吸引人,结构紧凑,拥有用户所需的一切。该设计与下面的内容完美融合 – 增加了我很少见到的凝聚力。此外,右上角更实用的选择是显而易见的,但不具侵入性。另外值得注意的是,在向下滚动页面时,页眉很好地折叠成“粘性”版本。
新英格兰医学杂志
当为新英格兰医学杂志等组织设计网站时,需要考虑如此多的需求。用户不仅必须能够轻松浏览内容的各个部分,还需要帐户管理,订阅和其他需要关注的潜在用途。换句话说:标题必须做很多事情。有这么多需求的东西可能会轻易地压倒用户,但这不是。有很大的空间和色彩使用可以帮助指导用户浏览网站的许多可能选择。
页脚
Weboo
我们并不是经常看到页脚被用作唯一的导航来源。Weboo很好地解决了这个问题,用一个简单易懂的“步骤”方法从一个页面转到另一个页面。更好的是,您可以单击或使用鼠标的滚轮进行导航。
拦截对撞机
这不是你典型的页脚。当然,这是你的标准邮件列表注册。但看看底部发生的疯狂。连接到相关网站的两个大型动画块添加了一点兴奋。你最后一次看到页脚是什么时候做的?
Dorpstraat Stellenbosch
Dorpstraat Stellenbosch的网站页脚没有任何令人难以置信的幻想。但是,我们再次看到一个专注于特定行为的设计。他们希望你注册他们的电子邮件清单,并且毫不羞于询问 – 但以一种有品味的方式。
Orenda安全
这里有一个使用网站页脚的例子,可以实现与您通常在标题中看到的品牌一样的品牌效果 – 只有更大规模。Orenda Security在全屏视图中提供大型动画标志,导航和联系信息。这是独一无二的,你可能只会尝试使用页脚,而且它工作得很好。
德德曼酒店及度假村国际
Dedeman的页脚区域有很多用处。新闻订阅表格,社交分享和附属网站都在那里,精美地放在一起。因此,我们经常尝试使页脚设计元素变得微小且几乎不易察觉 – 在这个例子中并非如此。所有期望的操作都很大,色彩鲜艳且易于使用。
它的顶部和底部
从上述示例中学到的最有价值的教训之一是可以创建一个独特于您的品牌的页眉或页脚。这并不意味着你必须回避一些经过验证的原则。但这确实意味着我们有一些创造性的自由去做一些既好看又有用的事情。它可以激励你使用你的创造力来建立一些能够给用户提供他们需要的东西,但是有你自己的个人接触。