发布时间：2020-6-14 分类： 行业资讯
您的过度打包的登陆页面，不知道有多少客户已经离开
在流广告中，着陆页的角色实际上就像超级推销员。
用户进入登录页面后，“销售员”将开始向客户介绍产品功能和卖点。当用户看到关注点时，被吸引，进一步说服… …会觉得“这就是我想要的”，然后下订单，付款。
但是，大多数情况下，广告客户会对销售人员进行过度打包，总是试图展示他想要向潜在客户展示的大脑，导致页面上出现太多卖点，这会让用户感到压抑并驱使用户离开。
从设计角度来看，这个问题实际上可以通过楼层到页面布局进行优化。
通过高质量排版，内容可以更有节奏地展示，从而促进广告在更有效的方向发展，这也是很多卖点。今天，我们将通过消隐，图表率和图片选择这三个方面来讨论你：如何安排（包）版本（安装）是正确的。
01过度堆积的卖点等于没有卖点
在我看到的所有着陆页设计中，“挤压”是一个常见问题。挤压最直接的问题是用户视力的压力，导致用户被迫离开登陆页面。
要解决这个问题，我们需要了解
留空。
大多数人都有误会，认为空白=空白=没有设计。这是对空白本身缺乏了解的误解。
就像文字和图片的设计一样，消隐本身也是设计能力的反映。正确的消隐使得页面更加标准化，并且放置在白色空间中间的元素比放置在元素中的元素更具吸引力。例如这个页面：
在这个页面上只有：品牌，口号，元素，标志。但重点一目了然。
（PS：空格不一定是“白色”，而是空白。）
在一个好的设计中，剩下的所有白色都是“有目的的白色空间”，这是一个空间组合，具有控制页面的明确目的。
目的1.减轻页面阅读负担并获得良好的用户体验
许多广告登陆页面的热区地图显示大多数用户的注意力仅停留在第一个屏幕上，并且读数很少。这为优化器或设计者提供了误导性视图，因为用户只关注第一个屏幕。然后，我们将在第一个屏幕上放置更多广告信息。
然而，正是这种无限制的添加使得页面包含太多内容，因此用户感觉页面狭窄，压力很大，甚至第一个屏幕的内容在他甚至有时间看之前都会闪现。 。
所以我们不能简单地认为太多元素是好东西，但适当的空白可以使页面更宽敞，视线更宽，白度用于减少页面上的压力，这使得它用户更容易吸收我们想要传递的内容。信息。
例如，下图仅使用简单的基本地图和口号，但表达的焦点非常清晰。
另一个例子是以下页面：
天空的大面积实际上是一片空白。设计师没有填满整个屏幕，而是把主要内容放在中间位置，这是白板上的品牌“华为天际线”，“白板”（¥9.9），两个白板实际上是一个线，中间是断开的，充满了最吸引人的用户的口号，用户的注意力自然会留在这个位置“ldquo;传出的互联网访问只需要“，然后自然地沿着”9.9“读取。
目标2.突出显示关键元素，以便一目了然地看到焦点
MUJI的艺术总监，他的书《白》中的前研究员1说，“设计包含对差异的控制。重复相同的工作使我明白，限制这些差异并保留那些最重要的差异很重要。”
使用空格限制页面元素并突出显示页面的主要内容是最简单，最自然的表达方式。
换句话说，空白区域是一种有效的规则，它允许用户通过减少页面元素和颜色混乱来快速专注于产品本身。
该方法广泛用于电子商务类的移动页面。实际上，信息流广告的登陆页面也可以用于以这种方式突出焦点，而不是由习惯元素构成。
例如，下图：
左侧只有一个产品，右侧只有一个简单的介绍。这种消隐允许用户第一眼就能注意到产品。
请看下面的图片：
这是一个左右填充的火锅图片。它充满了调味料。中间有很多文案。它已经拥挤了，空白处充满了两片祥云。它几乎是一个没有任何空间的页面。任何进入此页面的人都无法理解本页面的主题。
与前面的图片相比，一个是焦点，另一个是焦点：消隐的好处是清晰可见的。
目标3.区分和分组页面元素以使页面内容更符合逻辑
消隐可以加强或削弱元素和元素之间的屏障。
例如，正常的内容行间距是1.5倍，段落和标题之间的行间距应该是2; 2.5;甚至更宽，使用分区来创建分区和连接，这可以使页面逻辑和组更清晰。
例如，在表单项和表单项之间，按钮和按钮之间以及段落和段落之间，需要区分的相关元素可以通过使用空白方式轻松地创建视觉识别。给用户一个干净整洁的感觉。
目标4.使页面更有节奏。
在着陆页的设计中必须有一种节奏感，这是我一直强调的。
消隐可以给页面带来轻微和沉重的变化，还可以营造出不同的视觉氛围。通过以不同方式更改布局，您可以生成我们需要的各种效果。
如下图所示：
使用左右边距，段落之间的空白区域，顶部为白色或底部为白色，以创建不同的视觉效果。
02如何制作没有好材料的登陆页面？
在说完空白后，我们不得不提到另一个对着陆页设计的误解。这也是业界惯常的惯例：着陆页的第一个屏幕必须是图片。
实际上，大多数着陆页都是“详细的”。开放是有原因的。毕竟，图像比文本更容易掌握用户的注意力，图像放在顶部，内容放在下面，整个页面设计更容易平衡，避免新手的头部太轻，由于控制力弱，也符合信息流登陆页面的设计习惯。
然而，好处是基于你有一个良好的图片的事实。
当你没有合适的图片时，可以强化图片，但会分散用户对副本的注意力，这是不值得的。
所以我该怎么做？在没有合适的材料的情况下，是否放置了第一个屏幕？
让我们从一个概念开始：
平板率
页面上图像的比例称为图表率。
通常，降低图表速率（减少图像内容）可以提供干净，高级的感觉;
提高图表速率（更多图像内容）将使图片更具吸引力。
登录页面用作信息流的页面。在大多数情况下，我们希望感染用户，因此我们需要高版本率。这将形成我们所说的开端。大多数着陆页都是基于打开图片的做法。它也形成了一个没有好照片的习惯，设计师必须拍照。
实际上，以这种难以适应的方式，图片素材不能很好地协助文案。相反，它将与我们希望用户关注用户有限注意力的撰稿人竞争。显然它是有害的，无利可图的。
那么如果没有合适的图片资料怎么办？在这种情况下，我们可以使用颜色块，元素，字体和特殊效果的变化来伪造高图像速率的效果。
方法1.使用模拟真实场景的材质而不是一般材质
例如，可以使用诸如桌面，手，电影票，书纸，优惠券，票据等的模拟效果来使界面更友好并减少空虚感。
如下图所示，如果只有中间内容，那么这是一个简单的个人介绍：
但是如果你使用真正的桌面来托管桌面，它将使整个设计看起来很薄：
我们来看看下面的着陆屏幕的设计：
在一定楼层广告的楼层屏幕上，一般来说，楼层卖家常用的广告材料是楼层装饰效果图，但这显然与楼层卖家的推广活动情况不符。我现在该怎么办？
设计师利用实木效果（适合地板的广告主题）和字体更改，并将副本制作成“图片”，并使用材料库中非常常见的材料来创建“抓取” “”效果——由真实元素组合创建的这个真实场景可以弥补没有“适当的材料图”的问题。
方法2，使用颜色块，几何元素和其他元素，辅以特殊字体来改变布局，特效等。
事实上，在木地板的页面中，我们已经看到了字体变化带来的伪高图率效应。同样，我们也可以使用几何形状和颜色块变化来实现这种效果。
例如，下图：
此页面的页面速率不高，但通过颜色，阴影和圆角的合理组合，整个画面看起来并不单调。实现与图像状态相同的效果，即刺激用户的视觉。
让我们来看一个真实案例：
OPPO的这个页面的第一个屏幕，通过使用颜色，颜色的变化，辅以线条和框架，背景颜色等，在没有图片素材的情况下，使页面仍然十分生动。
03如何在不影响效果的情况下显示图片？
如上所述，第一个屏幕不必放图片，可以使用色块，字体变化等来伪造高图片率。
然后问题来了。当客户提供材料时，我们是否直接使用材料图？或者我们使用伪高图像速率效应？
以下是每个人的前两个屏幕筛选原则：
这张照片可以增强口号的气氛吗？
2.看看图片是否会引起口号的注意？
具体逻辑如下图所示。通常，可以根据此规则执行第一屏幕图像的设计思想：
着陆页的主要部分还涉及图片和文本的布局。在许多情况下，我们将采取相关图片文本的形式并排。通常，纠结的是图片放在文本的左侧？还是在右边？
答案是基于视觉重心，即左右;也就是说，当涉及左右排版时，重要内容需要放在左侧。具体如下图所示：
1原创研究:(肯尼亚哈拉），1958年6月11日出生于日本，日本中生代国际平面设计大师，日本设计中心代表，武藏野美术大学教授，MUJI艺术总监。
作者：pico
资料来源：精确投放流广告
