> 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/she-qun-social-media.md).

# 社群 Social Media

## 基礎版型

社群圖片的版型承襲品牌的網格系統，延伸輔助圖形的應用，展現品牌視覺風格。

![](/files/LsIhDOSSSF6NUU5YcIwQ)

{% hint style="info" %}
社群封面或圖像應考量該平台所建議之安全範圍作為排版的主要規範，其次再以品牌網格作為排版參考。
{% endhint %}

## 視覺風格

《報導者》在社群上的圖像設計應根據不同的傳達受眾、資訊內容多寡與情緒，選擇適宜的視覺語彙作為設計之基礎。

![](/files/nIcXMQzg3cTXcn3CcRvr)

* 以影像為主體之報導、內容，主要在於展現影像本身之力道與情緒。
* 圖文兼具的內容與報導，可利用品牌輔助圖形作為裝飾、識別。
* 媒體自家公告或者與品牌高度相關之內容，在圖形與色彩應用上可使用高比例的品牌圖騰插畫，展現品牌本身之特色。

## Figma協作方式

社群圖片的常用版型將整理在《報導者》設計部的 Figma 文件，並串接 Google Sheets。社群團隊可以在 Google Sheets 直接編輯文字，並在 Figma 輸出。

![](/files/KEOR97KPF5whjBHj5R4Y)