醒目页面(Splash Page)强势回归:40+醒目页面展示

来源: 投稿
作者: Xiaopeng
2012-11-06 00:00:00

很早之前,对浏览器还不是太远的时候,你会被一些基本没太多信息的网页所欢迎。

它可能是一个LOGO或者图片,还有一个按钮或者链接来告诉你“进入”你刚打开的网站。如果你真的很干净利落,你可能会有一个带有音乐和完美排版的FLASH。我的意思是,如果你的网站没有这些醒目页面的话将一点都不酷。

截止目前,人们会告诉你醒目页面是一个愚蠢的想法。它老生常谈、没有太大的效果,甚至不利于网站的SEO。不管借口为何,这些醒目页面基本上被清空的所剩无几,并且现在很难发现。

说实话,我并不讨厌通过一些方式来介绍网站或者品牌。现在已是2012年末,我们是不是都应该注力于用户体验和使事情简单化?

醒目页面(Splash Page)将往何处去?

在浏览了一些网站之后,我意识到醒目页面并没有完全消失。事实上,它在一种更好、更有效率的使用中重生。你如何在创建一些东西来向你介绍品牌的同时,却又不会受网站内容部分过多的干扰?

我相信我们已经开始使用这些大幅的顶部,它们总是很明显的区别于网站的其他部分,并且包含着所有我们寻找的介绍性信息。它们没有影响网站的SEO,并且它们及时的让读者了解到它们所处的网站环境。并且,大部分情况下,它们真的很酷!

以下是一些非常COOL的醒目页面的例子:

A book of Beards(一本关于胡子的书)

很快你就会准确的发现这个网站的主题是什么,还有这本书是关于什么的。醒目又完美的产品介绍。

Always Creative(时刻创新)

这个组织使用顶部区域来告知网站访问者和浏览者他们是谁,以及他们如何做。标题鲜明!

Brady Williams

前几年的一些醒目页面仅仅主要是对品牌的一个快速、语焉不详的声明。它的主要目的是引起读者的兴趣,然后带动读者发现更多。我认为这就是Brady Williams使用的技巧。

Eastworks Leather Company(东社皮革)

这个网站是对品牌真正的完美诠释。你可以看到公司的名称和LOGO,公司服务的简介以及产品的快速浏览。如果你完全对一个品牌不熟悉的话,差不多这些就是你所能咨询的了。

Edits(编辑)

该网站的目的是演示一本数字杂志。功能包含一些浏览页面的效果。但这并没有改变他们使用醒目页面来向他们的访问者做一些必要的介绍。

Elevation Church Annual Report 2011(至高教堂2011年报)

当我第一次看到一个教堂如此详细(并且直接)的年度报告时有点吃惊。不过,该站点不仅展示了醒目页面的灵感,也为每一个人展现了些许可视化图表的点子。

Envy Labs(恩唯实验室)

在网站设计工作中使用矢量型的小块,在我看来可以很好的为公司定位。它让我知道了他们关注于细节,但也有一些古怪的部分。Envy 实验室似乎恰如其述。

Flow Media(流媒体)

再次,该公司使用一种有趣又图形化的说明风格来阐释他们的品牌。明显的,如果你正在寻找些许乐趣,你会向这些人打通电话。

Glamor.biz

说实话,这是2012年存在于Web真实的、活生生的醒目页面。不得不说,它表现的真的很棒。它拥有令人吃惊并完好设计的醒目样式,更别说网站了。

Grandpa’s Ballsack(外公的YIN-NANG)

因为这个名字,你最好还是确认下它被提出的原因吧。幸运的是,该网站不仅告诉你为什么你停留在这,同时也让你抵消相关问题。

Modo Design Group(Modo设计集团)

我喜欢进入一个网站后,可以快速读到一些文字让我知道我在哪。Modo抓住了这个特点,他们同时也擅长通过网站保持事物的简洁和精致。

Mosaic(马赛克)

你在哪或者如何读它并不重要,人们创建引导页是有原因的。大部分传递的是产品的信息,它是什么,以及如何获得它。Mosaic将所有这些放在了它的顶部醒目页面部分。

Startup Giraffe(创业长颈鹿)

你可能会发现该网站的顶部部分并没有明显地申明公司的目的。不过当你稍微向下滚动时,你就会明了一切。

Impending(迫近)

该公司为一些不同的意图了使用顶部部分,它没有介绍或解释他们的目的。而是通过一款他们设计的全新的程序来卯足吸引点。这有点不同,却也是非常好的方式。

Joint(联合)

这是一个令人惊叹又不同的Web设计方式,导航被放入这些小盒子中(你可以称他们为顶部)。第一眼的建议就是你应该联系他们,这对任何网站来说都是很好的信息。

Lapka

尽管该网站的顶部没有告知你需要知道的一切,但LOGO和产品却有一定的帮助。对此的展示也是令人惊异的细微。

Lyumidl Shoshorov

作为一个设计师,当你在自我介绍时,你总是想把你最好的一面展示出来。第一影响很重要,Lyumidl Shoshorov对此很清楚。印刷体驱动的顶部让访问者一目了然,同时也展现了部分设计师的技能。

Mikael Norling

好长一段时间,自由工作者都将他们是谁和他们做什么放在网站的顶部。Mikael更进一步的将此作为唯一的信息放入顶部,以此来创造焦点。

Opuss

这个一个引导页(landing page)的例子。他们将相关信息整合进一个大的醒目页面来完成工作。

Quality Peoples(高尚人流)

这是另一个对醒目页面的传统使用。这儿,他们通过滚动幻灯片和一些简短的字句来介绍他们是谁。

Readymag

我喜欢这个网站不只是因为它趣味十足,更因为它展现了非常棒的创新点。如果你感兴趣,并且有机会的话,你应该好好浏览浏览Readymag。

smashLAB

这个网站有点类似于上面Quality People的幻灯片。不过,你可以在页面之间滚动,并且第一页也保留了一部分信息和到达网站其他部分的链接。

SRKP

你正躺着,如果你说你知道这家公司做什么的确说的通。浏览这个网站的乐趣是,它在展示的时候流露的创新能力。

Supernormal(超常性)

这个网站做了一个设计师应该做的事。它不仅介绍了设计师,同时也展示了设计师的工作,并且它还为你准备了一个BLOG。

The Old Barber Shop(老Barber店)

如果你闯入一个标题为“理发店”的网站,你可能会认为它是与剪头发相关的。别急,该网站引用了这个名字,同时让你知道别这么急着下结论。不提这儿的食品看上去有多美味了。

The Ordinary(平日)

我们看到一些传统的醒目页面和醒目顶部如何别出花样的介绍他们自己,不过这估计是最值得一看的醒目顶部了。它是个LOGO,线条以及到达以下部分的导航。它就是这样运行的。

The Portfolio of Neil Judges

这绝对是一个讨人喜欢的站点。顶部明显地解释了站点的本质,但没有解释它有多酷。你应该继续发掘!

Urbanoff

我们可以使用顶部做任何事情。大部分人用来解释他们自己,它也可以是一个从你访问者那里获取更多信息的机会。Urbanoff就采用了此种路线,它把它的联系链接放在了顶部。

Wigolia

这又是一个具有竞争力的顶部设计。如果你喜欢艺术,那么这儿或许会有一些让你感兴趣的东西。好主意!

Bake Agency

Bake向我们及时的展现了他们的LOGO和浏览步骤。令人兴奋的是网站强劲的功能,真的很酷!

Type/Code

该网站声称他们设计东西并把他们带到现实生活中。在浏览了他们的醒目页面之后,你会发现你们的声称是绝对正确的。

WeMake

该网站也使用了幻灯片来说明他们是谁,以及他们做什么。

Quinn Architects

这是又一个旧校园式的醒目页面。它没有包含太多信息,但它却及时的让你树立了他们的工作线。

Mickey / Johnny

这是一个非常直观又简易的站点。主页的醒目页面是浏览其余部分的入口,整个设计于简洁中不失精致。

Caava Design(卡瓦设计)

这个网站整体都很好。任何设计师都会想浏览该网站并从中获取灵感。设计于开发当中的细节很是精简美致。

Distil Copywriting(Distil文案)

这里是又一个对醒目页面的完美实施。上面有公司的名称和公司的一部分理念,它为后续的进展埋下了更多的好奇点。

FieldTrip

此处的顶部主要包含了LOGO和一些其他的开发技巧。当你开始向下滚动时,结果便会一目了然。不管怎样,该醒目页面是唯一的,并带有说明式的些许乐趣。

Emporium Pies(Emporium馅饼)

Emporium馅饼设计了另一个认证的醒目页面,保证你看过之后垂涎三尺。

Striking.ly

这是又一个你可能会加入书签的网站,它结合了单页面网站的趋势。Striking.ly的确可以为你燃气一些兴致。

Flip

Flip的社员显然清楚他们在做什么,该饱含信息的入口为你展示了这儿的特性,另外,他们亦将所有项目备份入Work作品集。

Messy Media(混媒)

这个网站相当的令人惊讶和感兴趣。你会立刻了解该自由工作者的工作能力,以及你会沾染些许他的特性。这是一个非常棒的全局网站。

总结

正如我们所见,此类想法以不同的形式、大小和交替出现。我们无法否认此类设计所展示的效果。如果我打开一个网站,并且对其品牌不熟悉,恐怕我不会花费更多的时间来浏览这个网站。即使它可能拥有一种新的功能,我也不会去了解如何去查看。我需要网站指导。将网站的顶部以醒目页面的形式呈现,使这个网站的信息和品牌更易表达,更有效率的被展示。

说实话,随着搜索引擎优化转移向整个网站的内容,我认为是时候让真正的醒目页面回归的时刻了。因为它们真的很有说服力,你认为呢?

醒目页面是不是稳定回归?有没有错失的其他站点?请在评论中给出你的答复。

英文原文:The splash strikes back: 40+ splash-like headers

展开阅读全文
44 收藏
分享
1 评论
44 收藏
分享
返回顶部
顶部
返回顶部
顶部