> For the complete documentation index, see [llms.txt](https://twreporter.gitbook.io/the-reporter-brand-guidelines/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://twreporter.gitbook.io/the-reporter-brand-guidelines/pin-pai-ying-yong-brand-applications/ying-pian-video.md).

# 影片 Video

![](/files/zNgHj5wVNrdAFXhNapF9)

## 網格系統

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

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

### **一般通用網格**

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

![](/files/fDw9RJSaeOahnHYkM8Bq)

![](/files/xseHu2GRDH5sEM47ORdV)

### **字幕使用網格**

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

![](/files/NT6PhHcooRhtkFyzjeoc)

![](/files/AhLgc1yMLPLhKfYv8rpP)

## 字型編排

![](/files/f4wv3u5yuvnGMsof9LVJ)

{% hint style="success" %}
影片字型與編排應[遵循品牌規範定義](#zi-xing-bian-pai)。中文標題與字卡為思源宋體，如需使用歐文則可使用 Merriweather 進行排版，字幕則皆為思源黑體。
{% endhint %}

{% hint style="danger" %}
請勿使用非品牌規範中之字型與未授權之字型。
{% endhint %}

## 標誌使用方式

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

![](/files/ARpEkdV40a3QKQFLxQSN)

* Low Volume：寬度0.5格（48px）
* Medium Volume：寬度0.5格（48px）
* High Volume：寬度4格（384px）

## Figma 協作示意

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

![](/files/qQZyM9BAGNjWUf1sU6t6)