Adobe Spark is now Creative Cloud Express!
Adobe Creative Cloud Express replaced Adobe Spark on the web and Adobe Spark Post on mobile.

For support with Creative Cloud Express please click here
If you need support for Adobe Spark Page or Adobe Spark video on the iPhone or iPad please click here

追蹤

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 - 不允許裁切

如果你決定你的照片要被裁剪,您可以選擇「內嵌」或「完整寬度」照片類型。兩種類型都不會對影像進行任何裁剪。請注意,您可能需要捲動才能看到整張影像,但是整張影像都在那裡。

當您無法犧牲部分進行裁剪來獲得填滿螢幕的照片為您提供真實自然的感覺時,這種影像類型就很有用。但這個意思並不是說某種照片類型比另一種好。根據照片內容或是文件內的上下文,兩種照片類型用起來都可以有很好的效果。例如,內嵌對於標誌就很好用,因為您很少要將標誌放大佔滿整個螢幕。

 

有關「標題」、「視窗」、「滑動展示」和「分割版面配置」的說明

我們不打算詳細介紹標題/視窗/滑動展示/分割版面配置照片類型,但是會說明一下這些照片類型在裁切行為的作動上,基本上和上面的「填滿螢幕」相同。

 

秘訣

如果您不能完全理解上面的解說,那麼記住以下所說的秘訣:

  • 使用填滿螢幕照片類型,可以在畫面上建立真實自然的體驗,但是請注意,但要這樣使用照片,照片一定會被裁切掉一點。
  • 請記住,裁切填滿螢幕的影像在不同的裝置和螢幕尺寸上都會不一樣,所以請確認各種狀態下輸出後看起來的樣子。您可以透過調整瀏覽器視窗尺寸,查看不同的長寬比,在桌面上快速地檢查確認。
  • 確認每個填滿螢幕的照片都要設定「焦點」。這樣可以讓 Spark Page 知道照片哪個部份是最重要的,在裁切時將這最重要的部分保留在畫面上。
  • 如果您的照片框架很重要或者邊緣上有細節不應該被裁剪,那麼請使用內嵌或完整寬度影像。



攝影師秘訣 - 如何拍攝完全適合用於填滿畫面的照片?

框架位置,或者主體在照片內的位置,可能是讓照片完美的最重要部分。如果你拍下一張世界上最偉大的照片,並且稍微不同的方式裁切,就大幅降低照片的質感水準。同樣地,拍一張普通的照片,但是以稍微不同的方式裁剪,就可以提升相當的質感水準。攝影師會使用許多組合技術,其中部分技術請參見這裡

用該文章內所列的一些規則做例子:

  • 三等分
  • 框架外包框架
  • 黃金三角
  • 黃金比例

這些都是對裁剪極為重要的規則。由於某些裝置上會出現裁剪,使用這些規則的照片通常不適合 Spark Page 的填滿螢幕影像。

但是如果攝影師想要在 Spark Page 中使用真實自然影像類型,只要了解上列原理然後活用就可得到最適合的類型。這也就是,善用 Spark Page 的 Focal Point 功能,照片裡只能有一個主體,並且要避免使用敏感的裁切規則。

另一個選擇是避開上面的敏感裁切規則,並且注意遵守文章中所列的其他攝影規則,就可以讓全螢幕照片看起來很棒:

  • 置中構圖和對稱
  • 引導線
  • 花色和紋理
  • 簡單和極簡化

了解這些照片上的限制並活用,是你為自己的閱聽對象製作最棒的 Spark Pages 的關鍵。

 

這篇文章是否有幫助?
3 人中有 2 人覺得有幫助