关注

Spark Page 中的图像

Adobe Spark Page 中有两种照片:裁剪的照片和没有裁剪的照片。填充屏幕和窗口图像类型可能会根据照片和查看器屏幕的大小裁剪照片。内嵌和全宽照片类型则不会裁剪照片。

imageTypes.png

这里需要说明的是,某些图像类型(例如填充屏幕和窗口)必须经过裁剪处理。麻烦的是,我们也无法判断这些图像将被如何裁剪。这是因为 Spark Page 可以在任何屏幕尺寸的任何设备上进行查看。这意味着这些图像将同时以数千种不同的方式裁剪!

如果您无法理解这种情况,请不要担心!我们现在将举例说明。想象一下,我们有这样一个图像,图像中有 5 个人正走在沙滩上:

sample.png

图像来源:Unsplash

我们来看看对于两个同时查看我的 Spark Page 网页的客户而言,这个图像的显示效果是怎样的。其中一个客户将使用手机,而另一个则使用台式电脑。如下所示,您的观众可以通过两种方式在 Spark Page 中体验此图像:

 

选项 A — 允许裁剪

您的观众看到的画面:

compare1_r3_c1.png

平衡点

观众获得了身临其境的体验,代价是图像经过了裁剪。

有些屏幕无法全部显示沙滩上的 5 个人。显示的人数取决于客户浏览器窗口的大小。

要使用的 Spark Page 图像类型

  • 标题图片
  • 全屏图像
  • 窗口图像
  • Glideshow
  • 拆分版面

 

选项 B — 不允许裁剪

您的观众看到的画面:

compare1_r1_c1.png

平衡点

图像没有裁剪,但没有得到非常身临其境的体验。

所有客户均能看到全部 5 个人。


要使用的 Spark Page 图像类型

  • 内嵌图像
  • 全宽图像

 

“选项 A — 允许裁剪”的解释说明

请注意,无论您在什么设备上查看这些照片,它们总是会填满整个屏幕。如果您旋转设备,这会改变屏幕的大小(从高到宽或从宽到高),但照片仍然会填满整个屏幕。您在照片的侧面看不到任何白色间隙。

这种效果可让您的照片在观众可能使用的任何尺寸设备上带来真正的身临其境之感。即使他们调整浏览器窗口大小或旋转设备,照片也会始终填满整个屏幕。

但这种身临其境的效果是有代价的:有时您的照片需要经过裁剪才能实现这种效果。这是因为照片具有单一宽高比,但却会在具有多种不同宽高比的屏幕上被查看。即使这张照片非常适合在台式电脑上查看,也可能根本不适合在手机上查看。

因此我们需要做出选择...是缩小照片并将空白部分放在侧面,以使整个图像都能纳入视野中?还是拉伸和裁剪图像,以使图像的某些部分始终填满整个屏幕?当您选择“全屏”照片类型时,您实际上就是告诉 Spark Page 您愿意接受裁剪,因为使照片填满整个屏幕更为重要。

 

“选项 B — 不允许裁剪”的解释说明

如果您决定您的照片应被裁剪,您可以选择“内嵌”或“全宽”照片类型。这两种类型都不会对图像进行任何裁剪。请注意,您可能需要滚动屏幕才能看到完整图像,但图像将完整地显示出来。

当您无法接受通过裁剪来获得全屏照片所具有的身临其境之感时,这些图像类型非常有用。这并不意味着其中一种照片类型比另一种更好。根据照片的内容及其在文档中的上下文,两种照片类型都可以起到很好的使用效果。例如,内嵌图像非常适合徽标,因为您很少需要将徽标拉伸填满整个屏幕。

 

关于“标题”、“窗口”、“Glideshow”和“拆分版面”的注释

我们不打算在此详细介绍标题/窗口/Glideshow/拆分版面照片类型,但需要提到的是,它们在剪裁行为方面与上文所述的“全屏”照片类型基本相同。

 

提示

如果您没有完全理解上面的解释说明,那么就请记住以下几个提示:

  • 使用全屏照片类型可以在屏幕上打造身临其境的体验,但请记住,使用这种照片时需确保部分照片被裁剪是可以接受的。
  • 请记住,全屏图像的裁剪在不同的设备和屏幕尺寸上会有所不同,因在不同的情况下请检查您的输出结果是否可以接受。您可以通过调整浏览器窗口大小来探索不同的宽高比,从而在台式电脑上进行快速检查。
  • 确保在每一张全屏照片中设置“焦点”。这将向 Spark Page 提示照片上最重要的部分,这样 Spark Page 就可以在裁剪照片时始终将该焦点保留在屏幕上。
  • 如果您的照片框架很重要,或者边缘的细节不应该被裁剪,那么请使用内嵌或全宽图像。



摄影师提示 — 如何拍摄适合全屏显示的照片?

框架构图或主体在照片中的定位方式,可能是制作精美照片的最关键的环节。如果您拍摄出世界上最伟大的照片,但在裁剪时稍有不同,就有可能显著降低照片的质量。同样地,您拍摄出一张普通的照片,但在裁剪时稍有不同,也有可能使它达到更高水平。摄影师使用的构图技术有许多种,此处列出了其中一部分。

以那篇文章中列出的一些构图法则为例:

  • 三分法则
  • 框中框
  • 黄金三角形
  • 黄金比例

这些构图法则都非常容易受到剪裁的影响。使用这些法则的照片通常不适合在 Spark Page 中显示为全屏图像,因为某些设备会对这些照片进行剪裁。

但是如果摄影师确实想要在 Spark Page 中使用能让人身临其境的图像类型,他们应了解上述事实并充分利用这一点,从而获得最理想的效果。也就是说,巧妙利用 Spark Page 的“焦点”功能,在照片中包含单个主体,并避免使用易受裁剪影响的构图法则。

另一种方法是避免使用上面提到的易受裁剪影响的构图法则,并着重使用上述文章中列出的其他摄影法则,从而使全屏照片呈现出令人满意的效果:

  • 对称法
  • 引导线
  • 图案和纹理
  • 极简极小

充分地了解和运用这些照片限制,是为您的观众真正呈现美观的 Spark Page 网页的关键所在。

 

这篇文章有帮助吗?
3 人中有 2 人觉得有帮助
还有其它问题?提交请求