🔏
THE REPORTER BRAND GUIDELINES
  • 使用說明 Introduction
  • 品牌核心 Fundamentals
    • 核心訊息 Messaging
    • 核心價值 Core Values
  • 品牌識別 Brand Identity
    • 標誌 Logo
    • 字體 Typography
    • 色彩 Colours
    • 排版 Layout
    • 插畫 Illustration
  • 品牌應用 Brand Applications
    • 社群 Social Media
    • 影片 Video
    • 簡報 Presentation
    • 印刷品 Printed Matter
    • 周邊商品 Swag
Powered by GitBook
On this page
  • 網格系統
  • 一般通用網格
  • 字幕使用網格
  • 字型編排
  • 標誌使用方式
  • Figma 協作示意

Was this helpful?

Export as PDF
  1. 品牌應用 Brand Applications

影片 Video

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

Previous社群 Social MediaNext簡報 Presentation

Last updated 3 years ago

Was this helpful?

網格系統

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

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

一般通用網格

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

字幕使用網格

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

字型編排

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

標誌使用方式

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

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

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

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

Figma 協作示意

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

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

遵循品牌規範定義