合作服务热线:
18871871197

落地页有哪些必要元素

4
发表时间:2019-09-04 10:19

落地页有哪些必要元素?武汉聚亿媒介绍:落地页纳入设计要素的方法有很多,如新商品的介绍,必要的品牌说明等。大多数落地页都利用了以下要素。



落地页有哪些必要元素?

抢眼的标题

Call-To-Action按钮

令人印象深刻的背景图或视频

描述视频或动画

品牌元素

导航和动效

那么在各种各样的要素之中怎样灵活运用才能创建一个良好的落地页呢?让我们来一探究竟吧。

抢眼的标题

访问者第一个见到的就是他,让我们来看一看标题吧。能让人精确了解的信息是必要的。例如以下案例:「Send Better Email(发送一个更好的EMAIL。)」或「Sell More Stuff(想卖更多的东西。)」在创建一个易于理解的导航标题之前,你必须明白你是否明确的传达出了想提供的是什么服务。



适当的样式

文字文本要时刻保持清晰,能够清楚的显示出来。以前面这个样品为例,在白色背景使用黑色文字文本,让你不会漏掉标题。他也为字体使用了加粗。

以下面这个样本为例,在背景图像上重叠字符文本,由于给照片使用了淡出效果,文字部分就显得很显眼了。



Call-to-Action 按钮

一旦你确定了有吸引力的标题,接下来我们要诱导访问用户的行动。比如让他们点击“注册”按钮、显示您的商品、项目、输入E-mail地址等各种各样的行动。通常这种采用按钮或形式的形式,我们称之为「Call-to-Action」。

当你设计一个Call-to-Action时,让他更显眼是必要的。在背景上利用品牌颜色,将他们配置在画面中显眼的位置。这是比较受欢迎的标题配置方法,但也不一定准确。

正如下面的案例一样,使用高亮的颜色,将右上角的 Call-to-Action 按钮强调出来了。



背景图片

大多数落地页,使用的都是大尺寸的背景图像。令人印象深刻的设计工作,能够帮助用户理解设计的意义与信息。

有很多能够自由使用图片的网站,让你的收藏变得更充实吧。尝试各种设计,让我们来确认什么样的图片才是最恰当的。

尺寸和文件大小

当你找到了理想的图片时,你就该准备好你的落地页了。为了全屏表示你可以使用大尺寸的图片,但相应的,他加载的时间将会变得很长。因为在大屏幕上网站图片会扩大很多,所以我们通常将图片调整为1400到1600像素,这样在大屏幕看起来也会非常清楚。

将照片压缩保存为JPGE吧。但因为照片的类型不同,我们一般保证大小在200-500KB之间就可以了。因为图片的尺寸大所以处理速度将会变慢,这也将影响该网站的加载时间。

渐变图片的重叠方法

当你找到了期待已久的漂亮的背景图片,很难清楚的阅读标题这一问题就会频繁出现。要解决这个问题,我们得考虑一些方法。首先,试着模糊图片或降低图片的亮度吧。

还有一种方法便是有效的利用CSS的功能。通过使用CSS,可以在图片上使用渐变调和,创建一个伪元素(英: Pseudo-Element)。

背景视频

有时候,你会不会不满足于大尺寸的图片?在这种情况下,将背景图替换为视频,在读取之后便自动播放也是一个受欢迎的方法。在下面的设计案例中,展示了该公司正在工作的全屏动画的状态。

使用视频来引人注意是非常不错的想法,但进行网络优化也是非常有必要的。为了缩短视频的持续时间,一般控制在10-20秒之内。此外,分辨率也该稍微下调,压缩在10MB之内也是非常重要的。

影片可以存储在我们自己的服务器上,你也可以利用如Embed.ly这样的第三方服务。

如果你想找一些免费的视频使用,可以试试像Coverr这样的网站。上面所公开的视频,都是可以免费利用的视频网站。像下面这个案例一样,通过重叠半透明的图片和视频,完成了一个非常不错的设计工作。



我们是一家专业为中小企业、事业单位、政府机关、个体创业者等进行落地页设计制作的专业互联网公司! 公司自成立以来,已累计帮助客户制作单页3000余个,使多家企业完成从传统生意到互联网化的成功转型。

ABUIABAEGAAg3_n_-AUo57WP8gEwbjhu


官方服务号

ABUIABAEGAAg5On_-AUo8LCB2AMwbjhv


广告服务

ABUIABAEGAAg-7zD0QUojJyZ2AMwyAE4yAE

开户咨询热线:18871871197

客户服务
 
 

服务热线:18871871197

二维码.png

微信咨询


ABUIABAEGAAg7srAggYowL6Z7gYwZjgp.png