4-3. 影片、圖片、文字的區域顯示

在一個有限空間的區域裡,素材的顯示比例與尺寸大小,會直接影響著所謂的畫面呈現。接下來的Manager Express中將指導您如何調整這些檔案參數,並了解在規畫版面中的差異性。 

首先,在素材當中我們分類為影片類、圖片類、以及文字的顯示方式。每當您決定好了版型,開始進行加入檔案,並點選所需要調整的檔案進行以下選擇(可多選)。為了方便認得,例子當中我們放了三個相同檔案而名稱另取不同。 


▲選好版型之後,透過以上步驟對檔案進行『顯示調整』之選擇


圖片的顯示方式

我們用一個雙割版型做為區域(二分之一的畫面),以左區域做為圖片顯示與比較,而圖片的顯示方式分別為:

  • 符合影像(維持長寬比) :不變形的情況下,將畫面放大填滿到一邊滿足,以符合影像上的完整顯示
  • 符合畫面(維持長寬比) :不變形的情況下,將畫面放大填滿到兩邊滿足,以符合畫面上的完整顯示
  • 填滿畫面(不維持長寬比):以變形的情況下,將畫面放大填滿到兩邊滿足,以符合畫面上的填滿顯示


▲圖片(符合影像)保留原本比例全部顯示,不足的區域用黑色補足


▲圖片(符合畫面)以原本比例置中並且放大到四邊滿框,而超出的部分將捨去


▲圖片(填滿畫面)用變形的方式填滿全部畫面,捨去原本的固定比例


影片的顯示方式

延續原本的雙割版型(二分之一的畫面),以右區域做為影片顯示與比較,雷同的顯示方式分別為:

  • 符合影像(維持長寬比) :不變形的情況下,將畫面放大填滿到一邊滿足,以符合影像上的完整顯示
  • 符合畫面(維持長寬比) :不變形的情況下,將畫面放大填滿到兩邊滿足,以符合畫面上的完整顯示
  • 填滿畫面(不維持長寬比):以變形的情況下,將畫面放大填滿到兩邊滿足,以符合畫面上的填滿顯示


▲影片(符合影像)保留原本比例全部顯示,不足的區域用黑色補足


▲影片(符合畫面)以原本比例從左上基準點並且放大到四邊滿框,而超出的部分將捨去


▲影片(填滿畫面)用變形的方式填滿全部畫面,捨去原本的固定比例


文字的顯示方式

文字的效果較容易明白,在此不做舉例比較。文字的效果可以進行字型色與背景色的色彩選擇,同樣的具備三種顯示方式:

  • 跑馬燈:以連續的動態方式,由右至左的進行左移的出場排序。
  • 向上捲動:以斷行的動態方式,由下至上的進行上推的出場排序。
  • 字幕:以斷行的靜態方式,沒有任何動畫直接進行出場排序。