影片 Video

詳細定義的影片板式規範能幫助《報導者》的影像團隊與設計團隊更有效地協作,易於使用、清晰方便的元件系統也能提升影片製作的工作效率。

網格系統

網格統一以96px為單位,在影片常見比例3:2的基礎之下,放滿格子後上下還會有24px的多餘空間,為了維持視覺的上下平衡感,天與地的空間增加為108px。

網格系統可分為以下兩種:

一般通用網格

上緣的邊界距離採用3分之2格(即72px)作為間距,而下方所出現的物件通常重量感較大,考量視覺的平衡感後,維持108px。

字幕使用網格

考量上字幕後的視覺空間協調性,若影片有字幕,下緣的邊界距離採用3分之2格作為間距,即天與地皆為72px。

字型編排

影片字型與編排應遵循品牌規範定義。中文標題與字卡為思源宋體,如需使用歐文則可使用 Merriweather 進行排版,字幕則皆為思源黑體。

請勿使用非品牌規範中之字型與未授權之字型。

標誌使用方式

統一使用白色標誌,並固定於畫面右上角,依照 Brand Volume 調整標誌類型,示範如下:

  • Low Volume:寬度0.5格(48px)

  • Medium Volume:寬度0.5格(48px)

  • High Volume:寬度4格(384px)

Figma 協作示意

影片的常用文字卡牌、字幕將整理在《報導者》設計部的 Figma 文件,並串接 Google Sheets。影像團隊可以在 Google Sheets 直接編輯文字,並在 Figma 輸出。

Last updated