对于即将推出页,所有即将到来的网站可以永远做是为了显示一个空屏幕“即将推出”端到端贴满单词。
还是?
从几种方面来说,为网站,服务和产品设计“即将推出”着陆页是一种艺术形式。 在有限的空间内,设计师只能希望以与观众和谐的方式注入所有必要的元素,并使他们采取行动进行互动,回归,订阅。
在这篇文章中,我们收集了20个独特,优雅,高质量的“即将推出”页面,您可以从中获得启发。
即将发布的古怪和卡通化页面
这些即将到来的登陆页面的共同特征是它们本质上是好玩的,非常适合面向家庭的产品或服务,或者是那些希望受到人们欢迎而脱颖而出的产品或服务。 你自己看!
索雷利纳
![索雷利纳](https://i-blog.csdnimg.cn/blog_migrate/3312b8ef50429814fd1a0811fcaac1a9.jpeg)
Sorellina接受即将推出页面的最重要方面,并将其与独特的设计结合在一起。 这个原始的审美是量身定做的网站,它的缝合上,给它一个定制的外观和感觉。 令人耳目一新的景象,非常适合“古怪”的服务或产品。
您将看到即将推出的页面的所有基本元素,包括内容框,电子邮件注册,社交整合,背景图像和徽标图像。 最好的是,尽管显示了熟悉的元素,但总体设计仍保持原始状态。
![时代维尔](https://i-blog.csdnimg.cn/blog_migrate/1c1b1a03cab953bb37d95dc4d43f88f9.png)
由古怪或可爱的插图驱动的动画可以使访客的脸上露出微笑。 这足以吸引游客的眼球。 页面的总体目标是,以满足观众的好奇心的需要刚好够他们向下滚动。
该页面本身的第一部分是整个动画,其中包括计时器和等待中的电子邮件注册功能。 向下滚动,您会发现网站上的一两个段落有足够的空间。 然后,社交媒体功能在底部扩展。
Dualingo
![Dualingo](https://i-blog.csdnimg.cn/blog_migrate/9c25bc0f6764efba125d85d68ab61a2a.png)
像列出的某些页面一样,Dualingo使用可爱的图像和匹配的色彩组合作为主要设计。 整个页面的设计本身仅围绕网站的进度。 唯一的其他内容栏是电子邮件注册。
页面本身主要由一个背景说明和使用三个图像标记为进展的进度条。 这些图像显示了猫头鹰从卵中孵化的过程。 除此之外,电子邮件注册功能位于右上角。
御濑濑寿司
![御濑濑寿司](https://i-blog.csdnimg.cn/blog_migrate/8f0823abb91ad8899409a170b9719eca.png)
该网站是一家寿司餐厅,其左侧为定制插图,右侧为内容。 当然,整体配色方案会让您想起日本,而在右侧找到的内容听起来像是您所读过的最深刻,最发人深省的描述。
很容易看到您的眼睛首先被吸引到左侧的图像,然后再转移到右侧的内容。 阅读过去在上面的描述中,你会发现一个电子邮件注册框底部。 另外,在广告该网站其他产品的包装箱上标有一条横幅。
![湿婆](https://i-blog.csdnimg.cn/blog_migrate/97c584380fe816e92a10a8a1f02c9717.png)
您是否曾经想过使用设计或图像来纯粹传达即将发布的页面的全部内容? 好吧,希瓦(Shiva)的设计不使用任何文字,只使用“ Coming Soon”字样。 它很简单,而且结构极简。
您会立即注意到该页面是明亮的。 它涂有白色背景,除了准备广告牌的工人的小图像。 除此之外,社交媒体链接位于左下方。
创意和激进的着陆页
在即将到来的页面主题不同的情况下,本节中的项目将发出不同的氛围。 你可以感受到渴望从枯燥,简单的设计与众不同。 这些着陆页非常适合那些希望通过创造性手段(例如音乐行业,艺术品等)引起人们兴趣的人。
滑板城
![滑板城](https://i-blog.csdnimg.cn/blog_migrate/5c83bad8bfa991269c410d0e82d2e0f2.jpeg)
Skate City最初是用于移动游戏的“即将推出”页面。 它使用两种巧妙的技术将观看者的眼睛锁定在屏幕上:动画和视频。 后者是观众占据整个屏幕的第一件事。
至于动画,Skate City使用两个灯,一旦观众向下滚动,它们就会打开。 指示灯照亮电子邮件注册功能,查看者的眼睛立即位于其中心。 这是把一个文字聚光灯页面的所需部分的一个聪明的办法。
![自制](https://i-blog.csdnimg.cn/blog_migrate/275c74761ba7bbf16fbffcb4485ecede.png)
Self Made是一个音乐和才艺竞赛网站。 它采用了非常规的图像和颜色组合,即使在远处也能吸引用户的眼球。 它还使用超现实或不熟悉的插图,使观众重新看一看,从而完全关注页面及其全部内容。
该站点的主要焦点包括右侧的图像,然后是左侧的开发简短说明。 此描述下方是电子邮件注册及其下面的其他链接。 最后,底部页面适合网站本身的信息。
![免费素描](https://i-blog.csdnimg.cn/blog_migrate/83c479c33477a0d1788bd788f2414363.jpeg)
免费素描预启动页面呈现出一种现代的外观的网站。 如果城市的背景图像不够清晰,则中间的文本框应使它发光。 它在本质上使一切保持简单和简约。
该设计本身由背景图片,顶部徽标,来自管理员的一系列消息以及底部用于当前更新的电子邮件签名框组成。
![文森特·图因](https://i-blog.csdnimg.cn/blog_migrate/ba6ace4adbd87841888291d3e214b0ab.png)
Vincent即将发布的页面使用一张图像和深色背景。 而已。 图像本身是动画和封装什么他要表达的。 这是一种简单的技术,对于普通用户而言可能太含糊。
整体设计是深色背景,中间是一个大灯泡,背后是工作齿轮。 随着网站结构的发展,来自灯泡的光线也会随之变化。
![菲尔曼](https://i-blog.csdnimg.cn/blog_migrate/e3b1079a4687357ef07ca4466cbe5704.png)
Firman的启动前页面有所不同。 您马上就会注意到它的配色方案是深色和冷酷的。 此外,还用薄雾森林的背景图像进行补充。
设计本身在右侧使用了一种独特的计时器形式,在左侧使用了“即将推出”一词,在底部使用了社交媒体集成。 很简单,是的,但是它主要体现在它发出的整体氛围中。
现代而专业
聪明,时尚,简约-像所有即将推出的专业页面一样。 这些是即将设计页面的一些完美示例,这些页面可以在公司环境中使用。
![罗伯特·斯玛特](https://i-blog.csdnimg.cn/blog_migrate/5aa3c98ff6e5b270b34633b541f114df.png)
有时候,简单是创造持久印象的最有效方法。 好吧,罗伯特·斯玛特(Robert Smart)创建了一个即将发布的页面,该页面包含简单和直接的设计。 所产生的是一个向观众提供所需内容并为他们提供与您联系的机会的网站。
如您所见,页面的主要焦点是向查看者介绍您是谁。 然后,它会跟踪有关您可以为读者做什么或可以做什么的更多信息。 通过电子邮件注册选项将其关闭。
![该工厂](https://i-blog.csdnimg.cn/blog_migrate/e782119f479ecc2815b9db734e58edec.gif)
如果您的电子商务网站处理的是精美的产品,那么为什么不炫耀一个即将展示这种形象的页面呢? 这就是The Factory带到桌面上的东西,这个即将推出的网站投入了足够的精力来吸引观众的注意。
着陆页开始成形以网站的名称加载屏幕。 该页面本身由静态背景图片,左下方的电子邮件注册功能以及右下方的一些其他链接组成。
还不黑暗
![还不黑暗](https://i-blog.csdnimg.cn/blog_migrate/ba8109b5d49a2dda31ee3af8b94e55d4.jpeg)
时尚和专业是Not Dark Yet向您介绍的两个方面。 它消除了用背景颜色填充的通常元素。 它利用线条,轮廓和透明度来产生效果,适合其背景图像。
至于页面本身,显示的进度条有两个,一个是加载栏,另一个是计时器。 在主标题和进度条之间是一两个关于进度的句子。 下面你会发现的电子邮件注册功能以及底部社交媒体链接。 所有这些都包裹在带有轻微色彩的背景图像或视频周围。
博客
![博客](https://i-blog.csdnimg.cn/blog_migrate/14daad1adecac9e3e8727756ad27f07c.png)
Blogin通过添加关于网站所追求的目标以及实现目标的精妙提示来简化玩具的概念。 显示屏的整体外观或美学非常简单,配色方案也遵循相同的品牌。 它也给人一种即将展开的充满活力和令人兴奋的事情的印象。
作为页面本身,它仍然包含电子邮件注册功能,背景图片以及位于顶部的徽标。 但是,最聪明的设计是中间的描述。 它通过使用一个动作的字是一个介绍到每个句子产生一个号召。
![上限/确定](https://i-blog.csdnimg.cn/blog_migrate/1d36fb15b9f6aec92ac8b7a4bd8e4d7e.jpeg)
Cap / Sure是一个与新投资者和股权众筹交易的网站。 话虽如此,很容易说出页面的整体设计既时尚又专业。 它使用深色背景的易于阅读的字体,使所有内容都更具可读性和吸引力。
该页面由右侧的Beta预览图像,左侧的常规标题以及其下方的简短说明组成。 该说明的底部是一个注册栏,供用户试用Beta,以及旁边的“了解更多”功能。
![048](https://i-blog.csdnimg.cn/blog_migrate/e2e6d0367c3c0f70436800d3fef9a78d.jpeg)
时尚,简单的设计将发布日期作为其主要展示,您永远不会出错。 048,因为它试图要,因为它可以为最小的无过于模糊或缺乏信息适用这个概念本身。
该页面的总体设计是背景图片,顶部徽标,中间可疑发布日期以及其下方的电子邮件签名。 在底部,您会在用户的YouTube帐户上找到一个链接,该链接及其相关的订阅者人数。
![伊玛目毛拉纳](https://i-blog.csdnimg.cn/blog_migrate/94b6f99e92fc4b894a6b73797a3c9b58.png)
上图是针对印度尼西亚的预订网站的。 由于其重点仅是预订机票或酒店客房,因此您会发现唯一的内容框是用于预订所述活动。 但是,配色方案以及背景中融合的图像确实引起了人们的关注。
总体设计包括背景图片,顶部贴有很大程度上“即将来临”的标志,以及下方的标志框。 页上,然后切断底部以腾出空间用于其他联系信息。
![公寓](https://i-blog.csdnimg.cn/blog_migrate/a6a6eb074cbbf49dfcff203dea628810.jpeg)
有时,浮华或醒目的设计可能不适合您。 如果的确如此,那么The Apartment凉爽而悠闲的设计应该是您的最佳选择。 它使用浅色的背景图像使所有内容保持整齐有序。
设计由顶部的徽标,中间的简短说明和底部的电子邮件箱组成。
![杰伊·纳加](https://i-blog.csdnimg.cn/blog_migrate/4bfc69fa60f29c9c37985bf21cdc32b8.png)
周杰伦即将推出的页面将采用更常见的预发布页面形式。 它具有计时器,说明和指向管理员博客的链接。 整体美学过于简单,因为其配色方案仅由黑色和不同的灰色阴影组成。
该结构由与配色方案融合在一起的背景图像制成。 所显示的内容是计时器,其下的描述以及底部的博客链接。
熊猫文件
![熊猫文件](https://i-blog.csdnimg.cn/blog_migrate/bb541d7b46a48c5f837ab4c5651c0fec.jpeg)
乍看之下,PandaDoc的页面相当普遍。 但是,它实际上使用简单的图像和设计来吸引用户眼中的内容。 这不是最小的,但它确实有效地利用了空间,以防止观看者的眼睛负担过重。
该设计由右侧的预览页面和左侧的内容组成。 后者是由一个首部,在它之下的简短说明,然后链接到其邮箱在底部的出。 社交媒体链接后,黑色背景被截断,因为它变成了很酷的绿色。 第二部分详细介绍了网站可以为读者提供的服务。
结论
如果要为即将推出的产品或服务设计一个即将到来的页面,立即吸引人们的注意力至关重要。 他们不仅注意力不集中,而且很可能永远不会第二次访问您的目标网页! 因此,如果您没有在最初的几秒钟内捕获其详细信息,那么恐怕您将没有第二次机会,因为每周确实有成千上万的新网站出现。
借助上面显示的即将到来的页面示例,希望您受到启发,设计出新颖,新颖且引人入胜的目标网页,吸引您的受众!
翻译自: https://www.hongkiat.com/blog/coming-soon-pages-doing-them-right/