CSR 設計|力成科技2020企業責任報告書 Powertech Technology 2020 CSR

力成科技 2020 年企業社會責任報告書(CSR 報告書)由手心設計負責,從主題概念、封面草圖到封面封底與版型規範,再到中英文版的內頁編排。主題「封不住的力量」以口罩人物插畫封面對比書名頁的同仁笑容照片。內頁以手繪插畫、資訊圖表與九個章節色彩編⁠排⁠。

受疫情影響,2020年的世界一度停止運轉,但人們仍戴上口罩,不減微笑地為了明天而努力。力成科技本年度的CSR設計以此為題,利用封面與書名頁對比的手法,呈現企業面對挑戰時隱藏的韌實⁠力⁠。

Affected by the Covid-19, the world almost ceases in 2020. However, people wear masks and still work hard for tomorrow without reducing their smiles. This CSR design for Powertech Technology is based on this theme, using the method of comparing the cover and the title page to show the hidden strength of Powertech Technology.

力成科技 2020 年的 CSR 報告書設計,要處理哪些難題?§

力成科技這一年的報告書要處理疫情年的主題、龐大的資訊與文字量,以及章節與版本的安⁠排⁠。

  • 年度主題:2020 年受疫情影響,人們仍戴著口罩為明天努力,報告書以這一年的處境為⁠題⁠。
  • 資訊份量:力成科技這份報告書資訊量龐大,文字量也⁠多⁠。
  • 章節與版本:全書有九個章節,從 CH0 前言到 CH8 附錄,另有英文版與電子書⁠版⁠。

「封不住的力量」這個主題是怎麼來的?§

2021 年 1 月 21 日的主題概念提案,提出四個方向:以「名片」比喻力成產品向世界展示實力的「成為台灣的名片」、以封面鏤空或錯視手法表現韌實力的「封不住的力量」、以超現實影像堆疊呈現發展歷程的「瞬間堆疊的現在」,以及用插畫描繪力成人事物的「推動力成的每個你」。現行報告書的主題就是其中的「封不住的力量」:提案寫下「疫情封住我們的行動,但封不住持續前進的力量」,並以「韌實力、驚艷感、鏤空」三個關鍵字定⁠調⁠。

2020 力成科技企業社會責任報告書封面與書名頁:封面為一群戴彩色口罩的同仁線條插畫,書名頁為同仁們舉手歡笑的照片與「UNMASKABLE POWER 封不住的力量」標題

封面描繪口罩不離口的力成同仁們,利用無彩色的配色與面無表情的人物插畫,象徵面對疫情下多舛的未來,與人們徬徨與迷惘的心境;當翻開報告書後展現的則是燦爛笑容的影像,其驚喜與反差的感覺,貼切地詮釋此次報告書的主題「封不住的力量」,呈現力成上下不畏疫情,團結一致、彼此扶持的堅定信念。即便景況艱難,仍封不住企業的熱情與堅毅,低調卻令人驚豔的展示自⁠我⁠。

The cover depicts the partners of Powertech Technology who wear masks all the time, using achromatic color schemes and expressionless characters illustration to symbolize the uncertain future of the epidemic and the confusion with people; open up the CSR, it shows an image of a bright smile, and its contrasting feeling aptly interprets the theme of this CSR “unstoppable power”, showing the belief that we will not fear the epidemic, unite and support each other. Even in difficult circumstances, the enthusiasm and perseverance of Powertech Technology still cannot be stopped, and it is a low-key but stunning display of oneself.

封面和書名頁怎麼做出翻開後的反差?§

2021 年 2 月初的封面草圖提案,圍繞「封不住的力量」發展出五種翻閱方式:封面右上角軋型、微微露出內頁的光電城市;取下透明封套後,口罩下的笑容才出現;封面上疲倦的防疫人士,翻開後轉為輕鬆和樂的場景;把力成的標誌與口罩形狀結合成方形鏤空;以及在封面與書名頁之間夾一張透明片,讓驚喜在翻閱間一層層疊加。3 月 29 日的封面封底與版型規範提案則說明書名頁改用真實拍攝的照片,呈現同仁們口罩下的溫暖笑⁠容⁠。

報告書前言跨頁:左頁為力成廠房建築照片,右頁為綠色底上兩位經營者的寫實人物插畫與簽名
多組章節開頭跨頁並排:每頁以不同章節色塊搭配一位主管的寫實人物插畫與致詞文字

章節頁設計呼應封面風格,將各部門的主管以寫實插畫方式呈現,使資訊量龐大的報告書多了溫暖、貼近的親切感,卻不失其嚴謹與專業;內頁所有icon與圖表的設計同樣以一致的手繪風格表現,將龐大的文字量轉化為資訊圖表,使閱讀者能更直覺的理解其內容重點,其中飽和卻不過於鮮豔的色彩計畫也貫串全書設計,閱讀時能更加明確的區分各章節,同時再次展現企業以人為本、重視社會責任的穩重信⁠念⁠。

The chapter pages echo the style of the cover, presenting the heads of each department with realistic illustrations, making the CSR with a huge amount of information more intimacy, but without losing rigor and professionalism; all the icons and charts on the inside pages are also designed in a consistent hand-drawn style. The huge amount of text is transformed into infographics, so that readers can more intuitively understand the key points of the content. The saturated but not overly bright color plan also runs through the design of the CSR, and the chapters can be distinguished more clearly when reading. It once again demonstrates the firm belief that Powertech Technology is people-oriented and values social responsibility.

資訊量龐大的報告書,怎麼讓各章節好辨識、好閱讀?§

同一份提案也訂出全書的版型規範:九個章節各有一個主色,並延伸出各自的輔助色系,用來區分章節、也讓整本書維持系統感;目錄以跨頁攝影搭配章節色彩;經營者的話等重點頁面延續封面的寫實插畫風格,關於力成與經營策略等頁面則以手繪線條勾勒地圖與 icon。內頁另有文字編排範圍、字型與字級、圖表與 icon 的規範,編排時都須遵守這些原⁠則⁠。

多張內頁跨頁:台灣與世界地圖的據點介紹、發展歷程時間軸、手繪 icon 資訊圖表,以及「封不住的力量」書名頁

這些設計選擇分別用來處理什麼問題?§

力成科技報告書的設計選擇,用意是呈現面對疫情的信念、區分章節,並規劃文字與圖像的位⁠置⁠。

  • 主題提案中的鏤空或錯視手法,用意是呈現企業面對挑戰時隱藏的韌實⁠力⁠。
  • 書名頁改用真實拍攝的同仁照片,用意是呈現口罩下的溫暖笑容與不畏疫情、彼此扶持的信⁠念⁠。
  • 九個章節各用一個主色調並延伸輔助色系,用意是增加章節差異,強化全書的系統⁠性⁠。
  • 目錄以跨頁方式呈現,搭配攝影作品與各章節色彩,提案寫明用意是明顯辨別章節之間的區⁠別⁠。
  • 內頁文字放在淡紅色區域內,插圖與照片可視情況放到區域外或做跨頁,提案寫明用意是增加手冊的豐富⁠性⁠。

哪些單位適合參考這個案例?§

如果您的永續或 CSR 報告書有以下情況,力成科技這個案例的做法可以參⁠考⁠:

  • 如果您要回應年度事件,可以參考封面與書名頁的對⁠比⁠。
  • 如果您的內容量大、章節多,可以參考資訊圖表與章節色的規⁠劃⁠。

可以參考的順序是先整理年度主題,再訂出章節色與版型規範,最後進入內頁編⁠排⁠。

永續報告書從架構、規範到全書編排的做法,整理在 ESG 永續報告書設計。

-

結案時間 Case Closed-2021.06

設計統籌 Design Overall Planning–潘東 PAN,DONG

插畫設計 Illustration Designer-潘東 PAN,DONG

設計師 Designer-潘東 PAN,DONG、林宜慧 LIN,YI-HUEI、蘇筱雯 SU,SIAO-WUN、葉子豪 YE,ZIH-HAO、劉家溱 LIOU,JIA-JHEN

專案企劃 Project Planning-王彥筑 WANG,YAN-JHU

設計總監 Executive Design Director-徐志揚 HSU,CHIH-YANG

-

                                  

#CSR #企業社會責任報告書 #力成科技 #平面設計 #編排設計 #資訊視覺化 #插畫設計 #手心設計 #TaiwanDesign #IllustrationDesign #PowertechTechnology #HandHeartDesign #GraphicDesign #DesignLayout #InformationDesign # InformationVisualization #Infovis