Chinese (Simplified) (中文(简体)) translation by Louis Wong (you can also view the original English article)
着陆页给网页的访问者至关重要的第一印象。这种印象可能是建立连接和断开连接之间的区别。因此,为了使用户感到有趣,每一个细节都很重要。
着陆页上有5个重要特征,下面是一些很棒的例子。所有我们展示出来的都来自 Envato Elements,这里提供了各种各样的模板,字体,插件和设计资源,只需每月缴费便可无限量使用。
1. 明确的行为召唤
每个着陆页的任务都是使客户采取行动去使用。不管这行为是联系你,下载文件还是进行购买,简单明确的行为召唤都能帮你转换。
Hype是使用 HTML/CSS制作的着陆页,提供吸引人且易于阅读的行为召唤。“召唤”在顶端,由标题、醒目的按钮和好看的图片组成。 作为一个用户,你就不需要再思考页面的意义是什么——它就在那。

2. 内容之间的分离
着陆页的每个部分都应该有自己呼吸的空间。在白色的空间里,背景和图片都能在视觉上造成分离。 这确保了用户不会在视觉上负担过多或者在等待过程中分心。单页网站借助固定导航得到显著效果,给每一个部分提供明确的分离。
PURE模板就是一个很好的例子,它结合使用了空白,背景和图片使每个部分相互分离。 还有一个不错的方法就是使用户每次滚动就能跳到下一部分。这让你的注意力集中在仅一部分的内容中。

3. 简洁明了的文本
着陆页上的内容越容易理解,成功的可能性就越大。建议使用合适的间隔和行高字体,并且字数适宜。 内容部分要避免冗长,这样,阅读时才能更有效率和视觉效果更好。
Advent着陆页模板为该理论提供了可信服的蓝图。它有很棒的排版(虽然某些部分应当有更强烈的对比——可以用CSS轻易调整)和简洁的内容。 在demo页的指引下可以找到正确的打开方式。

4. 视觉信息的使用
当文本很短小时,图片将是定义整体的重要部分。 图片的形式可能是说明插图,图表或信息图。诸如此类的视觉元素使文本能够更好的表达。
在将信息可视化传递给用户这方面,Ex Watch 的着陆页做的很棒。 它的产品图表和图标用特定功能和流畅的动画来吸引用户的注意。视觉上的吸引不仅是为了传递信息,而是讲了一个故事。

作为福利, Envato Elements的会员可以使用诸如此类的优质资源。 搜索信息图,图标和其他矢量图片可以浏览一番可用的资源。它们有助于精心制作你想要的外观和主题。
5. 吸引人的色彩方案
颜色的使用是很主观的个人审美的问题。但是着陆页使用的颜色用户友好的话,就会更易于被理解。 颜色编码导航元素以及高对比可以简单地提升用户体验。
看一下 Landify,它对颜色的使用很出彩。当行为召唤很容易就能被指出时是很愉快的。某些方面来说,它的外观很简单,但这正是这样使得模板如此有效。

已登录!
虽然你可能会使用不同主题的着陆页,但某些元素应该是共通的。你会想要确认它们既容易阅读也容易使用。 它还应该用最有效的方法来给用户讲故事并引导用户操作。在 Envato Elements里模板的帮助下,你能够按部就班的完成。
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post