Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Landing Pages

着陆页5大特点

by
Length:ShortLanguages:

Chinese (Simplified) (中文(简体)) translation by Louis Wong (you can also view the original English article)

着陆页给网页的访问者至关重要的第一印象。这种印象可能是建立连接和断开连接之间的区别。因此,为了使用户感到有趣,每一个细节都很重要。

着陆页上有5个重要特征,下面是一些很棒的例子。所有我们展示出来的都来自 Envato Elements,这里提供了各种各样的模板,字体,插件和设计资源,只需每月缴费便可无限量使用。

1. 明确的行为召唤

每个着陆页的任务都是使客户采取行动去使用。不管这行为是联系你,下载文件还是进行购买,简单明确的行为召唤都能帮你转换。

Hype是使用 HTML/CSS制作的着陆页,提供吸引人且易于阅读的行为召唤。“召唤”在顶端,由标题、醒目的按钮和好看的图片组成。 作为一个用户,你就不需要再思考页面的意义是什么——它就在那。

Hype - App Landing Page
Hype- App 着陆页

2. 内容之间的分离

着陆页的每个部分都应该有自己呼吸的空间。在白色的空间里,背景和图片都能在视觉上造成分离。 这确保了用户不会在视觉上负担过多或者在等待过程中分心。单页网站借助固定导航得到显著效果,给每一个部分提供明确的分离。

PURE模板就是一个很好的例子,它结合使用了空白,背景和图片使每个部分相互分离。 还有一个不错的方法就是使用户每次滚动就能跳到下一部分。这让你的注意力集中在仅一部分的内容中。

PURE - Sublime Coming Soon Template
PURE- SUblime即将上线的模板

3. 简洁明了的文本

着陆页上的内容越容易理解,成功的可能性就越大。建议使用合适的间隔和行高字体,并且字数适宜。 内容部分要避免冗长,这样,阅读时才能更有效率和视觉效果更好。

Advent着陆页模板为该理论提供了可信服的蓝图。它有很棒的排版(虽然某些部分应当有更强烈的对比——可以用CSS轻易调整)和简洁的内容。 在demo页的指引下可以找到正确的打开方式。

Advent Multipurpose Landing Page Template
Advent 各式着陆页模板

4. 视觉信息的使用

当文本很短小时,图片将是定义整体的重要部分。 图片的形式可能是说明插图,图表或信息图。诸如此类的视觉元素使文本能够更好的表达。

在将信息可视化传递给用户这方面,Ex Watch 的着陆页做的很棒。 它的产品图表和图标用特定功能和流畅的动画来吸引用户的注意。视觉上的吸引不仅是为了传递信息,而是讲了一个故事。

Ex Watch - Single Product eCommerce HTML
Ex Watch - 单一产品电子商务HTML

作为福利, Envato Elements的会员可以使用诸如此类的优质资源。 搜索信息图图标和其他矢量图片可以浏览一番可用的资源。它们有助于精心制作你想要的外观和主题。

5. 吸引人的色彩方案

颜色的使用是很主观的个人审美的问题。但是着陆页使用的颜色用户友好的话,就会更易于被理解。 颜色编码导航元素以及高对比可以简单地提升用户体验。

看一下 Landify,它对颜色的使用很出彩。当行为召唤很容易就能被指出时是很愉快的。某些方面来说,它的外观很简单,但这正是这样使得模板如此有效。

Landify
Landify

已登录!

虽然你可能会使用不同主题的着陆页,但某些元素应该是共通的。你会想要确认它们既容易阅读也容易使用。 它还应该用最有效的方法来给用户讲故事并引导用户操作。在 Envato Elements里模板的帮助下,你能够按部就班的完成。

关注我们的公众号
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.