登陆页面图像:选择令人印象深刻的视觉效果

已发表: 2022-09-15

登陆页面图像:选择令人印象深刻的视觉效果

登陆页面是营销效益的金矿。 您可以通过多种方式使用登录页面。 支持您的广告、培养潜在客户或进行销售。

并且基于目的,有很多类型的登陆页面。 此外,在所有这些中,图像都起着至关重要的作用。

由金普设计

图像会立即吸引注意力并传达您的信息。 当您选择相关且吸引人的图像时,就是这样! 事实上,您为着陆页选择的图像可以成就或破坏您精心制作的设计。 因此,在本博客中,我们将为您提供一些简单的技巧来选择正确的图像,以便您的目标网页设计能够解决问题。

但在我们到达那里之前,我们将为您概述对着陆页转换至关重要的设计元素。

  • 登陆页面的基本要素
  • 为着陆页选择图片的有效策略
    • 1.保持简单明了
    • 2. 虚拟体验的视觉证明
    • 3.通过了解你的听众来打出正确的和弦
    • 4. 把它与你的客户联系起来
    • 5. 设定心情的图片
    • 6. 如果没有任何效果,你有插图
  • 使这些图像有效的着陆页设计技巧
    • 为了获得最大的影响,请选择正确的颜色
    • 为您的图像设置正确的优先级
    • 密切关注布局
    • 开箱即用的设计
    • 始终牢记色彩对比
  • 使用 Kimp 设计具有视觉吸引力的着陆页

登陆页面的基本要素

Kimp 的登陆页面设计

一些登陆页面旨在从客户那里收集信息。 还有一些是为了缩短销售漏斗,说服顾客买东西。 无论如何,以下是每个着陆页应包含的设计元素:

  • 吸引眼球的英雄文本——它也应该立即告诉页面是关于什么的
  • 清晰明了的文案,说服人们采取行动
  • 定义明确的 CTA
  • 支持页面上所有其他设计元素的视觉效果

近 80% 的用户更喜欢阅读具有图像和其他视觉效果以支持所呈现信息的内容。 因此,即使您花费数小时为着陆页策划内容,不添加视觉效果或添加不相关或无启发性的内容也会降低内容的有效性。

着陆页上的每个小细节都应该有明确的目的。 他们应该一起无缝地将您的客户引导到号召性用语。

好吧,这就是登陆页面的必要条件。 我们确实有一个详细的博客,介绍如何优化您的着陆页设计以实现转化。 但是现在,让我们直接进入我们的主题:为您的目标网页选择正确的图像。

为着陆页选择图片的有效策略

您在视觉效果中展示的内容、客户从他们那里得到的解释以及这些视觉效果回答的问题都会影响您的目标网页提供的整体体验。 这就是为什么您应该优先为您的目标网页图像确定正确的策略。 我们将看一些简单的,首先:

1.保持简单明了
空白的
Kimp 的登陆页面设计

您通过着陆页推广的产品或服务是什么? 通过视觉效果展示这一点并添加连贯的副本。 这是设计无忧着陆页的最简单方法。 在上面的示例中,从英雄形象到辅助视觉效果的所有内容都展示了产品。

在线下订单时,客户无法像在商店购物时那样实际检查产品。 这就是为什么着陆页上清晰的产品图片有助于提高转化率的原因。

一个产品或服务页面在一个地方包含所有基本信息和补充所提供细节的图像,有可能影响购买决策。

Kimp 提示:在大多数情况下,仅产品图片是不够的。 当您选择这个想法时,请确保您还有一些额外的图像来捕捉体验,而不仅仅是产品本身。 当您有多个图像要添加到您的目标网页时,请创建一个平衡的布局。 应该有一个比其他英雄形象更大的英雄形象。

想要创建具有大量视觉效果的交互式登录页面? Kimp Graphics 订阅正是您所需要的。

2. 虚拟体验的视觉证明

直接在页面上添加产品图片是一种方法。 另一个是展示产品的实际应用。 它特别适用于软件产品甚至基于服务的业务。

当客户在付款前了解您所提供的产品时,他们会更有信心选择您的品牌。 例如看下图:

空白的
Kimp 的登陆页面设计

上述设计是宠物美容服务的登陆页面。 您会看到精心修饰的宠物的照片以及宠物被修饰的实际快照。 像这样的视觉证明将简化您客户的决策过程。

当您展示而不是讲述时,您可以减少副本并仍然传达信息。 一看您的客户就会了解您提供的服务范围。

3.通过了解你的听众来打出正确的和弦

选择具有情感价值的图像将是提高转化率的最有效方法。 当您了解客户并激起他们的情绪时,您就会影响他们对您的产品和品牌的整体感受。 这就是帮助建立忠诚度和加强品牌形象的原因。

例如,如果您拥有一家活动管理公司,并且您想要一个为您的生日派对装饰服务设计的登陆页面,您会选择什么样的图像?

大多数品牌选择展示他们以前作品的照片。 花哨的派对场地,以及团队过去布置的派对布置。 但这个行业几乎所有的企业都有这样的形象。 那么,你如何脱颖而出?

展示享受派对的家庭的幸福面孔。 添加图像,捕捉孩子看到派对场地装饰成他最喜欢的超级英雄主题时脸上的惊讶表情。 看到此登录页面的父母会希望在孩子的脸上看到类似的笑容。 因此,他们将渴望选择您的服务。

捕捉情绪的图像会打动人们,让他们在选择您的服务之前就感受到这些情绪。 这增加了客户选择您的业务的机会。

空白的
Kimp 的登陆页面设计

上面的狗床登陆页面并没有过多地关注产品。 它显示狗正在享受广告中的狗床。 看到这一点的宠物父母将能够想象他们的狗在狗床上感到舒适,这将促使他们购买它。

4. 把它与你的客户联系起来

谁应该成为您的目标网页上的视觉英雄? 产品还是您的客户? 毫无疑问是你的客户。 您可能有很棒的产品,但许多其他品牌也有。 所以,在你的视觉效果中给你的客户最高优先级,你就会产生影响。

看看下面的亚马逊广告。 第二张图片显示了广告指向的目标网页。

空白的
亚马逊儿童广告
空白的
亚马逊儿童登陆页面

在上面的示例中,广告和着陆页都包含以儿童为特色的视觉效果。 由于该服务是为儿童设计的,因此它专注于实际的目标受众,而不是展示产品。 这将有更好的响应。 正在寻找娱乐孩子的方法的父母会立即明白,这项服务将为他们提供这样的服务。

5. 设定心情的图片

不想要展示产品或客户实际使用您的产品的传统想法? 然后尝试结合设定情绪的视觉效果。 在不实际展示您的客户或产品本身的情况下,您可以通过使用颜色甚至视觉隐喻让人们感受到某些情绪。

看看下面的着陆页设计:

空白的
Kimp 的登陆页面设计

上面的登陆页面是针对一个美容品牌的。 但是您看不到英雄图片中的实际产品。 相反,视觉效果专注于设置情绪,从而建立情感联系。

由深绿色、黑色和金色组成的调色板立即让您意识到这是关于奢华美容产品的。 您甚至可以将图像中的绿叶与产品中安全和天然成分的使用联系起来。

因此,即使不直接展示产品,也可以传达如此多的意义。

6. 如果没有任何效果,你有插图

有时,当您使用实际的产品或服务照片时,您会觉得自己付出了太多。 而其他时候,您只是想让您的页面看起来与您所在行业的其他品牌不同。 无论哪种方式,如果您希望转过头并清楚地传达信息,有一件事可以提供帮助 - 自定义插图。

定制插图是营销中的宝贵资产。 您可以在电子邮件、广告和许多其他地方使用它们。 您的登录页面将是另一种类型的营销资产,您可以在其中发现插图可以发挥有意义的作用。

插图为您的设计增添了新的维度。 当有一个专门为您的目标网页创建的自定义插图时,它将是独一无二的,并且仅对您的品牌而言是独一无二的。 最终,这有助于建立强大的视觉形象。

空白的
Kimp 的登陆页面设计

从上图中可以看出,使用插图的想法几乎适用于所有大小品牌。 为了展示您的服务,将注意力吸引到页面上的特定区域,甚至简化信息,插图会派上用场。

Kimp 提示:如果您打算将插图作为目标网页的主要视觉元素,请尝试在与目标网页链接的电子邮件和广告中加入类似的样式。 毕竟,视觉一致性对于提高设计的有效性大有帮助。

想要同一个团队来设计您的广告和着陆页? 每个Kimp Graphics 订阅都配有专门的设计团队,负责处理您的所有营销设计,包括自定义插图。

使这些图像有效的着陆页设计技巧

使用上述想法,您选择了要在着陆页上使用的图像。 怎么办? 如果没有正确的布局和颜色来支持它们,这些图像将不会对您的客户产生预期的效果。 为了使您的图像流行,请记住以下一些设计规则。

为了获得最大的影响,请选择正确的颜色
空白的
Kimp 的登陆页面设计

上面的登录页面包含以产品为焦点元素的图像。 这些产品色彩鲜艳的包装设计非常引人注目。 因此,着陆页配色方案由类似于包装颜色的颜色组成。 结果,页面上的视觉效果和颜色看起来都令人愉悦。


Kimp 提示:当您为着陆页选择配色方案时,请始终考虑您将使用的图像。 如果着陆页颜色与图像上的颜色发生冲突,即使是最好的产品照片和头像也不会产生预期的影响。

为您的图像设置正确的优先级

有时,文本内容将成为主角元素,而您的图像支持文本。 有时情况正好相反。 您的图像适合设计的位置取决于图像的目的。

空白的
Kimp 的登陆页面设计

上面的示例显示了摄影业务的登录页面。 因此,代表作品质量的精美照片被允许主导设计。

另一方面,请看下面的着陆页设计,其中图片仅占页面的一部分。

空白的
Kimp 的登陆页面设计

在上面的设计中,页面谈论食物,图像用于使内容更具吸引力。 有许多额外的细节要呈现给客户。 出于这个原因,副本和图像都被赋予了相同的优先级,而不是让图像占据所有空间。

以上两个示例展示了如何为着陆页上的图像设置不同的优先级,以实现着陆页的目标。

密切关注布局

当您只有一个图像和一个简短的副本设置优先级可能很容易。 当您有多个图像都具有相同的优先级和不同的文本部分时,您需要一个不会忽略视觉平衡的布局。

下面的登录页面显示了如何以清晰自由的布局添加多个图像。

空白的
Kimp 的登陆页面设计

简单的布局,如上述着陆页设计中的特色,确保没有太多的视觉噪音。 您不想要一个看起来很忙但无法传达信息的登录页面。

开箱即用的设计

为您的图像设置特定分辨率并为其明确定义轮廓或框架可能感觉是将它们放置在目标网页上的最直接方式。 但是,如果您想添加一个扭曲并使图像看起来与页面的其余部分无缝对齐怎么办? 在这种情况下,忘记边框并将图像直接放在登录页面背景上。

看看下面的例子:

空白的
Kimp 的登陆页面设计

上面的设计使主题,咖啡,弹出。 然而,图像感觉与文本部分一致。 这使得设计看起来很完整。

始终牢记色彩对比

在精心选择传达您的信息的图像和使图像脱颖而出的背景颜色后,如果文本颜色与图像不匹配,则会破坏整体效果。 如果将文本放置在图像的顶部,则对比度可以发挥更大的作用。

较差的颜色对比会使图像上的文字难以阅读。 然后这个文本也会影响图像的美感。 相反,选择强烈的对比会放大图像的效果。

下面的登陆页面设计显示了适当的对比度如何确保文本和图像看起来都很好。

空白的
Kimp 的登陆页面设计

使用 Kimp 设计具有视觉吸引力的着陆页

无论您的目标网页的目的如何,有两件事决定了最终设计。 您选择的图像类型以及如何在设计中使用这些图像。 如果您有专业的设计团队为您提供支持,您就不必担心所有这些细节。 Kimp Graphics 订阅包括登录页面设计。 因此,您专门的设计团队将帮助您为所有广告系列设计令人惊叹的目标网页。

注册免费试用,立即探索无限设计服务为您的品牌带来的好处。

相关文章

登陆页面优化 - 电子商务企业的 8 个技巧
登陆页面的类型:您的品牌需要知道的 10 个