力成科技 2019 企業社會責任報告書(CSR 報告書)由手心設計負責封面封底、目錄、章節頁與色彩、圖表與 ICON 規範及中英文版內頁編排。主軸為「傳送門」,封面 3D 發光的門延伸至章節頁,內頁用力成 LOGO 的綠色與產品方形元素。
力成科技的 CSR 報告書設計,要處理哪些難題?§
力成科技的 CSR 報告書設計,要處理技術與角色的視覺表達、上百頁的章節架構,以及歷年報告書的參考脈絡。
- 技術與角色:概念頁要把力成的技術內涵,以及在社會中連結合作夥伴的樞紐角色轉成畫面。
- 章節與篇幅:全書含前言與附錄共九個章節,內頁上百頁,並有中文版與英文版。
- 歷年報告書:封面草圖提案與版型規範提案的開頭,都先列出力成科技 2013 至 2018 年的 CSR 報告書。
封面的「傳送門」概念是怎麼選出來的?§
本次的力成科技 CSR 設計 從企業的經營理念中汲取靈感,訂定出以「傳送門」為主軸的視覺主題,利用封面上的抽象空間表現力成的技術內涵,「發光的門」也代表著力成在各個社會面向中的投射與體現。
The Powertech Technology CSR design inspiration from the business idea, formulates a visual theme with “transportation door” as the main axis, and uses the abstract space on the cover to express the technical connotation of the Powertech Technology. “Glowing Door” also represents that the Powertech Technology always focus on the reflection in various social aspects.
2020 年 2 月的封面草圖提案,手心以「智能創新・開創新世代」為概念,提出四個方向:除了傳送門,也嘗試取用力成標誌中的 IC、以英文縮寫 PTI 延伸電路封裝的線條,以及拆解重組 IC 面板的正方形。
3 月的封面封底精稿延續草圖 A 的 3D 傳送門說明,強調科技感、未來意象與多面向,也與現行報告書封面一致;精稿再提出書背深色與無底色兩種展開版本。

傳送門如何延伸到章節頁與色彩計畫?§
內頁首先拆解封面的設計元素,再配合妥善的資訊層級制定,一步步在作為骨架的結構之上,建構起能夠講述出品牌故事的血與肉:以力成科技的LOGO主色調綠色作為主題色彩,並環繞此一色彩,根據章節主題為各章制定出一套完整的色彩計畫。
The inner page disassembles the design elements of the cover, and then cooperates with the appropriate information level to formulate, step by step, on the structure as the framework, builds the blood and flesh that can tell the brand story. Taking the Powertech Technology’s logo main color as the theme color, a complete set of color plan for each chapter is formulated according to the chapter theme.
章節頁延續封面傳送門的手法,作為報告書七大章節的主視覺,門後的景色依各章主題替換成能表達主題的影像。色彩計畫則為全書九個章節(含前言與附錄)各訂一個主色,再延伸出各自的輔助色,讓各章容易區分,整本書也更有系統、更好閱讀。

採用力成科技的產品元素「方形」作為輔助圖形及頁眉的設計靈感,不但能夠完整傳達力成的企業特性,也能夠與封面設計有所呼應。
The product element “square” of the Powertech Technology is used as the design inspiration for auxiliary graphics and page headers, which can not only fully convey the corporate characteristics of the Powertech Technology, but also echo the cover design.

內頁的圖表與 ICON 怎麼讓資訊更好讀?§
Pictogram及插畫則延伸自整體設計較具專業、科技的設計氛圍,並配合資訊視覺化的半立體圖表,讓冰冷的資訊有更好的易讀性,同時也讓品牌的調性在冰冷的刊物中透過美術編排更顯鮮明。
Pictogram and illustrations extend a more professional and technological design atmosphere from the overall design and cooperate with the semi-stereoscopic chart of information visualization to make the information easier to read, and also make the brand’s tonality more vivid through the art arrangement.
在版型規範中,手心把內頁的文字編排範圍、章節頁與內文的字型字級、圖表與表格、ICON 都訂成規則,實際編排時再依資訊需要微調。中文版總校期間另以英文版層級規範提案(2020 年 6 月起)發展英文版。


這些設計選擇分別用來處理什麼問題?§
力成科技報告書的設計選擇,分別用來表達技術內涵與章節主題、區分章節,並安排文字和圖像。
- 封面用 3D 手法呈現傳送門與抽象空間,提案寫明,用意是表達科技感與未來意象,將力成的專業技術具象化。
- 章節頁依主題替換傳送門後的景色,提案寫明,用意是呼應力成在各個社會面向中的投射與體現。
- 九個章節各用一個主色調並延伸輔助色系,提案寫明,用意是增加章節差異,強化全書系統性。
- 內頁文字編排放在淡紅色區域內,插圖與照片可放到區域外或跨頁,提案寫明,用意是增加手冊的豐富性。
- 文字依標題、內文、附註與圖片說明訂出字型及行距,提案註明編排時須遵守;圖表、表格與 ICON 列為基本規範,用來讓實際編排可以依資訊需要調整。
哪些單位適合參考這個案例?§
如果您的永續或 CSR 報告書有以下情況,力成科技這個案例的做法可以參考:
- 如果您的技術或產品較抽象,可以參考封面把技術內涵轉成畫面的做法。
- 如果您的報告書章節多、頁數上百,且需要中英文版,可以參考章節與文字層級規範。
可以參考的順序是先定視覺主題,再發展章節與內頁規範,並規劃英文版層級。
永續報告書從架構、規範到全書編排的做法,整理在ESG 永續報告書設計。
力成科技2019企業責任報告書下載:
The Powertech Technology 2019 CSR Design download:
https://www.pti.com.tw/zh/csr/interactive/download
-
結案時間 Case Closed-2020.08
設計師 Designer-盧臆雯 LU,YI-WEN、李奕臻 LEE,I-CHEN、周一潔 JHOU,YI-JIE
專案企劃 Project Planning-蘇連捷 SU,LIEN-CHIEH、王彥筑 WANG,YAN-ZHU
設計總監 Executive Design Director-徐志揚 HSU,CHIH-YANG



