付费墙主图

主图是您付费墙的核心元素,它奠定基调、确立主题,并从一开始就吸引用户的注意力。这张图片在塑造您的付费墙在 iOS 和 Android 平台上的外观和感觉方面起着至关重要的作用。

本节介绍新版付费墙编辑工具,它适用于 iOS、Android 和 React Native SDK 3.0 及更高版本,以及 Flutter 和 Unity SDK 3.3.0 及更高版本。有关与 Adapty SDK v2.x 或更早版本兼容的旧版付费墙编辑工具的信息,请参阅旧版付费墙编辑工具头图

主图格式与尺寸

主图是您付费墙设计的核心,对于吸引用户并推动其采取行动至关重要。请遵循以下准则,确保您的主图既有效又美观:

  • 格式:JPG 和 PNG。
  • 推荐大小:文件大小不超过 2 MB,以加快加载速度。
  • 图像构图:主体居中、四周留有充足空间的照片通常能有效传达您的信息。
  • 有冲击力的视觉效果:情感化或色彩鲜艳的照片效果良好。
  • 图形使用:适合增加视觉吸引力,文字内容单独保留空间。
70000ff-PB_hero_image.gif

您可以控制主图的尺寸,调整其比例以在付费墙上实现所需的视觉平衡。将图像大小指定为总屏幕区域的百分比,以实现完美对齐。

主图布局选项

叠加主图为您的付费墙增添了层次感和动感。它作为固定背景固定在底部,当其他元素在其上方滚动时会产生出色的效果。这使主图看起来保持静止,为用户滚动浏览内容时提供了视觉上引人入胜的体验。

01c702a-overlay_head_picture.gif

透明布局呈现出大胆的全屏主图,能立即吸引注意力。这种布局非常适合展示少量产品或内容,填满整个屏幕,无需滚动即可产生强大、直接的视觉冲击。

0401532-transparent_hero_picture.webp

对于内容较少的展示,请使用透明布局,因为它不涉及滚动,使您的信息清晰而有冲击力。

平铺布局模拟无缝落地页,将所有元素呈现在连续可滚动的层中。用户在滚动浏览内容时享受流畅、连贯的叙事体验,非常适合在统一的流程中有效整合您的产品或故事。

7c13a16-flat_hero_picture.gif

平铺布局非常适合讲故事或呈现一系列产品,让您创建引人入胜的序列来吸引用户。

主图遮罩

遮罩类型定义主图的形状,允许您应用创意效果来增强视觉呈现。对于平铺或叠加图像布局,可从各种遮罩类型中进行选择,以适合您的设计。

b484e36-Image_mask.gif

使用数值调整图像遮罩的圆角程度,为您的主图实现完美外观。

如何移除主图

要从付费墙中移除主图:

  1. 打开 Hero image 元素。
67f57af-PB_remove_hero_image.gif
  1. 将其高度更改为零。