一份資料，怎麼變成一頁能讀的內容
先確認數字的年度、單位與來源，再決定要比較差異、呈現變化，還是說明彼此的關係。接著安排標題、圖表和註解的順序，讓讀者先看到這一頁想說的事。
長榮航空 2024 年報告書以品牌綠的雙色系統串起章節與內頁；作品頁可對照封面與實際編排。 看長榮航空案例
ESG 設計是把企業的永續資料轉成看得懂、讀得完、傳得出去的溝通設計。手心設計事務所提供三種產出：完整永續報告書設計、精華版摘要設計，以及把整本報告書濃縮成動態影片的 MOTION GRAPHIC 動畫設計。服務對象包含中華航空、長榮航空、台達電、友達光電、群創光電、力成科技、南亞科技、國泰金控、新光金控與台中銀行等上市企業與公部門，參與設計的報告書累計獲 37 座台灣企業永續獎。
一本永續報告書動輒上百頁，但真正會從頭讀完的人極少。投資人只看重點、求職者只想知道這家公司值不值得去、客戶只在意供應鏈風險——同一份資料，不同的人需要不同的深度。ESG 設計要解決的就是這件事：把同一批內容，做成三種各自適合其讀者的版本。
一整年蒐集的數據，最後變成一本沒有人讀完的 PDF。這是永續報告書最常見的結局，也是我們每次接案時最想避免的事。
永續報告書的難處從來不是資料不夠，是資料太多、時間太少、經手的人太多。發包前把下面五件事講清楚，可以避開最常見的三種結局：做到第 60 頁走樣、發布前一週還在改數字、三種版本講法不一致。
- 頁數、版本、語言
- 完整報告書給主管機關與投資人，精華版給客戶與求職者，動畫版給一般大眾與內部同仁。三種共用同一套視覺語言與數據，一次規劃最省。中型報告書約 100 到 150 頁；英文版通常比中文版多 15 到 25% 頁數，時程要留。
- 資料責任
- 各章節的數據由哪個部門提供、窗口是誰。一本報告書常見十個以上提供單位，沒有名單就沒有人追得動。架構先定、內容後補是常態，但文字與數據要各有一個不再變動的定稿日。
- QA
- 數字、單位、年份、與前一年的一致性，由誰做最後校對，這是設計方替代不了的責任。修改建議統一由一個窗口彙整後送出，避免十個部門各自改同一頁。
- 交期節點
- 從發布日往回推：印刷與影片輸出 2 到 3 週前、全書定稿 4 到 5 週前、全書編排 8 到 12 週前、視覺提案核定 12 到 14 週前、架構與資料清點 14 到 16 週前。發布日若已定，一開始就告訴設計方。
- 讀者
- 投資人只看數字，求職者想知道值不值得去，客戶只在意供應鏈風險。列出這一年最想影響的兩到三種讀者，這會直接決定精華版留什麼、動畫版講什麼。
這五件事已整理成一份給發包方用的表：永續報告書設計需求清單，不用留資料，可直接列印。
ESG 設計的三種產出§
依 GRI 等揭露框架編排的正式文件，供主管機關、評鑑機構與投資人查閱。上百頁的資訊架構與數據視覺化。
把整本濃縮成十餘頁，只留最關鍵的承諾、數據與成果。用於客戶提案、招募說明會與展會發放。
把報告書變成幾分鐘的動態影片。適合官網首頁、社群、股東會與內部溝通——讓不會翻報告書的人也看得完。
為什麼一本報告書需要三種版本？§
因為讀者的時間與目的完全不同。同一份永續成果，用一種形式呈現，就只會被一種人看見。
| 版本 | 主要讀者 | 使用場合 | 閱讀時間 |
|---|---|---|---|
| 完整報告書 | 主管機關、評鑑機構、法人投資人 | 正式揭露、ESG 評鑑、盡職調查 | 數十分鐘以上 |
| 精華版摘要 | 客戶、供應鏈夥伴、求職者 | 提案附件、招募說明、展會發放 | 約 5 分鐘 |
| 動畫版 | 一般大眾、社群、內部同仁 | 官網、社群、股東會、教育訓練 | 2–4 分鐘 |
三種版本共用同一套視覺語言與數據，因此不必重做設計，也不會出現「三份文件講法不一致」的風險。一次規劃、三種輸出，是最省成本的做法。
合作流程§
- 需求確認
確認報告年度、採用的揭露框架、需要哪幾種版本（完整／精華／動畫），以及對外發布的時程。
- 資料清點與架構規劃
盤點已彙整的數據與文字，規劃章節結構與閱讀動線。內容未定稿也可以先開始——架構先定，內容後補是常態。
- 視覺提案
提出封面、內頁版型與圖表樣式的設計方向，確認後才展開全書。
- 全書編排與圖表製作
依核定版型完成全書，數據逐一轉為圖表並校對。此階段含修正。
- 精華版與動畫版延伸
若需要，從定稿的完整版延伸製作摘要與動畫，共用同一套視覺語言。
- 印前與輸出
印刷落版、紙材與環保規格確認、數位版 PDF 與影片格式輸出。
各版本的設計內容§
完整永續報告書設計§
資訊架構規劃、數據圖表視覺化、章節節奏與留白安排、視覺語彙延續既有品牌識別、印刷落版與紙材規格、數位版 PDF 輸出。重點在於讓上百頁的內容具備清楚的層級——讀者要能隨時知道自己在哪一章、這一頁的重點是什麼。
以長榮航空 2024 年永續報告書為例：全書分為「關於長榮航空」到「邁向社會共融」七個章節與附錄，每一章的章名頁都以飛機舷窗為主視覺，主色在綠、橘兩色之間交替。第一章的章名頁先列出 1-1 到 1-4 的小節；翻開後，「1-1 營運概況」搭配世界地圖與圓環百分比圖，「1-2 財務績效」則把長條圖、圓環圖與多年度數據表並列。固定樣式的章名頁標出每一章的起點，小節編號與圖表接在後面，這就是上面說的「清楚的層級」落到版面上的樣子。
精華版摘要設計§
從完整報告書中萃取最關鍵的承諾、數據與成果，重新編排成十餘頁的獨立文件。精華版的難處在取捨，不在排版：如何透過資訊視覺化用最少的篇幅凸顯重點呈現摘要，需要有經驗的設計師決定什麼該留，不只是把原書篇幅縮小。常見用途是隨提案附上、招募說明會發放、展會與客戶拜訪攜帶。
MOTION GRAPHIC 動畫設計§
把報告書的敘事線轉成影片腳本，數據轉成動態圖表，配上旁白或字卡。設計上要處理的是「節奏」——哪個數字停久一點、哪段用轉場帶過，決定觀眾會不會看完。輸出格式可依用途調整為官網橫幅、社群方形版或股東會播放版。
我們用品牌識別的思維，做永續報告書§
手心的本業是品牌識別設計（CIS）。做識別系統時，我們不是畫一個好看的標誌就結束，而是建立一整套可以被重複執行的規則——版面怎麼分欄、圖示怎麼統一、顏色代表什麼、插畫用哪種筆法。
永續報告書我們用同一套方法做。上百頁的文件如果沒有規則，做到第 60 頁一定會走樣：這章的圖表是圓餅、下章變長條；這頁的圖示是線條、下頁變色塊。讀者說不出哪裡怪，但就是讀不下去。所以我們在開始編排之前，先把規範定出來。
先定義網格、欄寬、天地邊界與各級文字的大小與行距，全書依同一套版型延伸。讀者才會知道「這個位置出現的字，就是這個層級」。
為報告書量身設計一整套圖示，筆畫粗細、圓角、留白比例統一。不是從圖庫東拼西湊——那是版面看起來雜亂的主因。
訂出主色、輔助色與各章節色，並規範圖表用色的順序。同一種資料在全書任何位置都用同一個顏色說話。
統一插畫的視角、線條、上色方式與人物比例，讓封面到內頁是同一個世界，而不是不同人畫的拼盤。
封面：不是每一本都該長一樣§
封面決定讀者要不要翻開。同樣是永續報告書，產業性格不同，視覺策略就該不同——這也是品牌識別的基本功：先讀懂這家公司是誰，再決定用什麼語言說話。
為什麼一本報告書不該長得像別人
永續報告書最容易失去的，是品味§
手心相信好的設計站在哲學、科學、美學的交集上，對應到品格、品質、品味。永續報告書是這三件事最常被犧牲的地方——因為它有法規格式，很容易一路做成填空題。
哲學 → 品格
報告書的本質是「這家公司要對誰負責」。內容不能為了版面好看而失真，也不能為了漂亮數字而模糊——這是品格問題，不是設計問題。
科學 → 品質
資訊量大、指標多、讀者也不同。所以我們把它拆成完整版、精華版、動畫版三種產出，各自解決不同讀者的問題，而不是把同一本縮小。
美學 → 品味
封面該不該跟去年一樣，要看今年想講什麼。37 座台灣企業永續獎，靠的是每一家的內容長出各自的樣子。
三者統合，才會有好的產出與成果。完整說明請看關於手心。
設計成果：37 座台灣企業永續獎
手心設計的永續報告書作品，自 2015 年起參與設計的報告書累計獲 37 座 TCSA 台灣企業永續獎（永續報告書類），其中白金級 16 座，並兩度獲得該屆的年度最佳永續報告。
| 年度 | 獲獎客戶與等級 | 座數 |
|---|---|---|
| 2025 | 南亞科技（年度最佳永續報告）／長榮航空・力成科技（白金級） | 3 |
| 2023 | 群創光電・力成科技・中租控股・遠東新世紀・台新金控・南亞科技（白金）／瑞儀光電（銀）／中華航空（服務業最佳） | 8 |
| 2022 | 群創光電・力成科技・中租控股（白金）／瑞儀光電・康舒科技（銀） | 5 |
| 2020 | 力成科技（白金）／瑞儀光電（金）／群創光電・中租控股（銀） | 4 |
| 2019 | 新光金控・力成科技（白金）／瑞儀光電（金）／群創光電（銀）／台中銀行（銅） | 5 |
| 2018 | 友達光電・台達電（白金）／瑞儀光電・群創光電・新光人壽・中華開發（金）／台中銀行（銅） | 7 |
| 2017 | 瑞儀光電（金）／台中銀行（銀） | 2 |
| 2016 | 瑞儀光電・中華航空（金） | 2 |
| 2015 | 瑞儀光電（金） | 1 |
其中瑞儀光電連續九年獲獎共 8 座、群創光電 5 座、力成科技 5 座。2025 年南亞科技獲頒該屆「年度最佳永續報告」——這是報告書類的最高榮譽，全屆僅少數企業獲得。
獎項屬於企業本身，但一份能拿獎的報告書，代表資訊揭露的完整度與溝通效果同時被評審認可——而溝通效果正是設計負責的部分。
報告書的難處從來不是資料不夠，是資料太多而讀者的時間太少。投資人只想看數字、求職者想知道這家公司值不值得去、客戶只在意供應鏈風險——同一份成果，用一種形式呈現，就只會被一種人看見。
動畫版實例：中華航空永續報告書§
把一本上百頁的永續報告書，濃縮成一支能在官網與社群播放的動態影片。數據轉成動態圖表、章節轉成敘事節奏，讓原本不會打開 PDF 的人也能在幾分鐘內知道這家公司做了什麼。
永續報告書設計案例§
合作過的企業與機構§
- 航空運輸
- 中華航空、長榮航空、臺灣鐵路、港務局
- 半導體
- 日月光集團、力成科技、南亞科技、天鈺科技
- 光電面板
- 友達光電、群創光電、瑞儀光電
- 金融
- 國泰金控、新光金控、新光人壽、中華開發金控、台中銀行、中租控股
- 製造
- 台達電、康舒科技、千如電機、南寶樹脂
其中中華航空、力成科技、瑞儀光電、台中銀行等客戶為多年度持續合作。永續報告書是每年重來一次的專案，能連續承接多年，是這類設計最實在的品質證明。
看見設計如何動起來§
這段作品影片呈現中華航空・2025永續動畫的設計與動態表達，可對照本頁的設計說明一起觀看。
哪些單位適合參考永續報告書與年鑑設計案例？§
有章節編排、雙語版本或產業視覺需求的單位，可依以下情境對照案例做法。
- 如果您的報告書章節多、圖表多，可以參考臺灣港務公司 2024 年永續報告書的章節頁、章節色彩與圖表設計。
- 如果您的年鑑需要中、英文版本，可以參考臺灣鐵路 2018 年鑑，用插畫呈現數據、活動與事蹟。
- 如果您希望報告書呈現企業本業，可以參考南寶樹脂 2021 永續報告書從「黏」發展撕畫拼貼，並延伸到章節頁與內頁版型的做法。
常見問題§
ESG 報告書、CSR 報告書、永續報告書有什麼不同？
大致指同一份文件，差別在年代與框架側重。早期稱 CSR 報告書（企業社會責任），側重公益與社會參與；後來國際普遍改以 ESG（環境、社會、公司治理）作為衡量框架；台灣近年統一以「永續報告書」為正式名稱。手心從 CSR 時期做到現在，熟悉不同框架下的章節結構差異。
只做精華版或只做動畫版可以嗎？
可以。若完整報告書已由其他單位完成，手心可以只承接精華版摘要或動畫版的製作，依既有報告書內容重新規劃取捨與呈現。不過三種版本一起規劃通常更省——共用同一套視覺語言，不必重複發展設計方向。
動畫版需要多久？長度多長？
長度依用途決定，官網與社群用途通常在數分鐘內。製作時程取決於報告書是否已定稿、需不需要旁白配音，以及動態圖表的複雜度。建議在報告書完稿前就一併規劃，可與內頁設計同步進行，總時程會比事後另外發包短很多。
報告書內容還沒整理完，可以先開始嗎？
可以，而且建議這樣做。實務上內容與設計幾乎都是並行的——先確定章節架構與版型，內容陸續補進來。等內容全部定稿才開始設計，通常會壓縮到最後的印刷時程。
需要準備哪些資料？
建議先準備：報告涵蓋年度與揭露框架版本、已彙整的數據與文字（草稿即可）、企業既有的品牌識別規範（標誌、標準色、字體）、預計頁數與印製數量，以及對外發布時程。尚未齊全也沒關係，手心可協助一起梳理資訊層級。
今年的永續報告書開始規劃了嗎？
把報告年度、採用的框架與預計發布時程告訴我們，手心會誠實評估可行的時程與範圍——包含要不要一併製作精華版與動畫版。初談不收費，談完不做也沒關係。
預約免費 ESG 設計諮詢或直接來電 07-285-7000｜[email protected]
或直接在這裡留下需求§
簡單描述報告年度、需要的版本與希望完成的時間即可，我們會在兩個工作天內回覆。
方法與案例來源：手心設計事務所。頁面整理：2026-09-27。