台達電子 2018 企業社會責任報告書由手心設計負責編排設計,範圍包含目錄頁、章節頁、內頁圖表與資訊編排。整本以「環保、節能、創新」為視覺發想,搭配企業標準色色塊、藍綠交替的章節色、依章節內容設計的 icon 與俐落線條,讓資訊量大的報告書保持清楚好讀。

面對氣候日益變遷, 台達電 秉持「環保節能愛地球」的企業使命,持續開發創新節能產品。此次 企業社會責任報告書 也延續這樣的企業理念,以「環保、節能、創新」的概念做為視覺發想。
Facing the changing climate, Delta insists the corporate mission of ” Energy Saving, Environmental Protection, and Love the Earth”. Delta continues to develop innovative energy-saving products. This Corporate Social Responsibility report also continues this corporate philosophy, using the concepts of environmental protection, energy saving, and innovation as a visual idea.
台達電 CSR 報告書的視覺方向怎麼發展出來?§
手心在 2019 年 1 月 24 日的風格提案提出三個方向:用宇宙與光源表現未來科技感的「光源宇宙」、把台達標誌的三角形轉化為能源色塊的「科技符碼」,以及從「環保、節能、愛地球」經營使命出發的「環保節能」,並說明色彩配置會加入其他色系,避免整本只有綠色而顯得單調。3 月 4 日的初稿提案再以三種款式試排章節頁與圖表:宇宙風格、區塊化簡約設計,以及依章節內容繪製的插畫圖表。與完稿對照,報告書的「環保、節能、創新」發想、色塊結合文字的目錄頁,以及在藍綠主色中加入相近色點綴的做法,和「環保節能」方向與區塊化簡約設計的描述相近。
章節色與 icon 怎麼讓整本報告書有系統?§
2019 年 3 月 11 日的版型規範提案列出七個章節的主色與輔助色系,並提出兩個版本的章節 icon,其中一版以對話框代表「與利害關係人的對話」、以逐漸升高的長條圖代表「公司治理」。規範也訂出標題與內文的字級、行距,以及一欄、二欄、三欄的欄位格式,作為內頁編排的依據。
目錄頁以企業標準色色塊結合文字呈現,捨棄繁複的裝飾手法,期望呈現簡約專業的整體視覺感受;章節頁系統以藍、綠相互交替運用,並依各章節所敘述的內容設計相對應的icon,同時也利用線條的方式再次強調企業社會報告書整體俐落的感覺。
The catalog page uses corporate standard color blocks combined with text, abandoning complicated techniques, and expects to present a simple and professional overall vision; chapter pages are alternately used in blue and green, and corresponding icons are designed according to the content described in each chapter, and lines are used again. Emphasize the overall neatness of the corporate social report.


利用色彩凸顯環保節能理念的同時,為避免 CSR 整體色系太過於單調統一,在配置上也加入其他相近色彩點綴;內頁資訊則以圖表輔助閱讀,在藍綠色系為主體的前提下適當綴以對比的橘色來凸顯重要資訊,整體設計呈現成熟且專業的企業風格。
While using colors to highlight the concept of environmental protection, in order to avoid the overall color system of CSR from being too monotonous, similar color embellishments are added to the configuration; the information on the inside pages is aided by charts and readings, and a small amount of contrasting orange is used under the premise of blue-green as the main body. Important information, the overall design presents a mature and professional corporate style.

資訊量大的頁面怎麼保持易讀?§
如何將過多的資訊在不改變版型的前提下放入同一頁的內容中?一方面須妥善調整字級、字距、行距、比例,另一方面
在資訊縮小後透過色彩與適當的留白保有一定之易讀性,並注意資訊與資訊群組間的對齊及秩序,保持閱讀上的結構與
清爽。
How to put a lot of information on one page without changing the layout?
On the one hand, the word level, kerning, line spacing, and ratio must be adjusted. On the other hand, after the information is reduced, it is necessary to maintain legibility through color configuration and appropriate white space, and pay attention to the alignment and order between the information to maintain the structure and easy to read.
台達電子報告書的色彩與版型規範,各有什麼用意?§
台達電子報告書的風格提案與版型規範提案,寫明了色彩、輔助圖形與內頁編排的用意及使用原則:
- 色彩配置加入其他色彩,提案寫明用意是避免整本報告書只有綠色系而太過單調。
- 七個章節各訂主色調並延伸輔助色系,提案寫明用意是增加章節差異、強化全書系統性,使整體簡明好讀。
- 各章節輔助圖形由台達 LOGO 的三角形延伸變化,提案寫明用意是串聯整本報告書,延續品牌意象。
- 文字放在規範區域內,插圖與照片可視情況放到區域外或做跨頁,提案寫明用意是提升整本手冊的豐富性。
- 一欄、二欄、三欄的欄位設定,提案註明是基本規範,實際編排可配合圖像調整欄位長度或做文繞圖。
哪些報告書適合參考台達電子的設計做法?§
如果您的報告書有以下情況,台達電子這個案例的做法可以參考:
- 如果您擔心整本只有綠色太單調,可以參考加入其他色彩的配置。
- 如果您的報告書章節多,可以參考由標誌延伸輔助圖形。
- 如果您的報告書資訊多、版型固定,可以參考字級與留白的調整。
可以參考的順序是:先看配色與圖形的用意,再看內頁編排。
如果您也在規劃報告書,可參考ESG 永續報告書設計。
台達電子2018企業社會責任報告書線上下載 Delta 2018 CSR Download
http://filecenter.deltaww.com/about/download/2018_Delta_CSR_Report_CH.pd
-
設計師 Designer:周一潔JHOU,YI-JIE、潘柔慈PAN,ROU-CIH、盧臆雯LU,YI-WUN、張甫正JHANG,FU-JHENG、劉又瑄LIOU,YOU-SYUAN、蘇亮丞SU,LIANG-CHENG
專案經理Project Manager:蘇連捷 SU,LIAN-JIE
設計總監Executive Design Director:徐志揚SYU,JHIH-YANG
#台達電 #台達電子 #編排設計 #資訊視覺化 #手心設計 #2018CSR #CSR設計 #圖表設計 #企業社會責任報告書 #平面設計 #編排設計 #資訊視覺化#TaiwanDesign #Delta #DeltaCSR #HandHeartDesign #GraphicDesign #DesignLayout #InformationDesign #InformationVisualization

