78
輔仁大學 106 年度教學卓越計畫 「產學成果導向課程」成果報告 106 學年度第一學期 資訊視覺化 報告撰寫人: 賴盈如 中華民國 107 1

106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

  • Upload
    others

  • View
    3

  • Download
    0

Embed Size (px)

Citation preview

Page 1: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

輔仁大學 106 年度教學卓越計畫 「產學成果導向課程」成果報告

106 學年度第一學期

資訊視覺化

報告撰寫人: 賴盈如

中華民國 107 年 1 月

Page 2: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

2

目 錄

壹、課程執行成果摘要…………………………………………………3

貳、課程成果說明………………………………………………………4

1、課程成果說明……………………………………………………4

2、具體教學成果與評估……………………………………………5

3、課程遇到問題與困難……………………………………………6

4、省思與未來的展望………………………………………………7

參、照片…………………………………………………………………8

1、第一組「讓遺忘不再悲傷」……………………………………8

2、第二組「別成為網路霸凌加害者」……………………………12

肆、附件…………………………………………………………………16

1、 學生學習回饋…………………………………………………16

2、 心得報告………………………………………………………17

3、 學生成果………………………………………………………59

4、 課程紀錄表……………………………………………………60

Page 3: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

3

壹、課程執行成果摘要

本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

同主題的教學與學習,包括資訊視覺化概論、資訊設計、專案管理、質化量化資

料蒐集與分析、繪圖軟體 Illustrator 學習、PowerPoint 簡報製作、Excel 資料表教

學、互動網頁、互動遊戲與圖表製作等主題。

全班分成二個小組,經過各組提案以及合作企業與授課教師指導,各組在期

末完成了視覺化專案,二組主題分別為:高齡失智(第一組)、網路霸凌(第二組)

議題,各組專案完成度高,經合作業師與授課教師討論之後,將專案成果展示於

社群平台。

本課程為跨領域學習課程,班級同學為傳播學院大傳所學生,其中有兩位同

學是大陸學校的交換生。各組在完成專案的過程中,除了應用課程學習到資訊視

覺化相關的專業知識和技術之外,也從專案管理主題學習中了解如何與跨領域團

隊進行溝通與合作的寶貴經驗。

Page 4: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

4

貳、課程成果說明

1、課程實際規劃與說明

課程實際規劃依照學期課程大綱的設計,說明如下:

第一週:詳細說明與介紹本課程規劃的內容與上課方式、對同學們的要求與期望,

並邀請合作的企業負責人到課堂與同學們見面,說明學期末的專案成品符合企業

需求者,將成為企業平台的展示案例。

第二、三、四週:內容著重在資訊設計、資訊視覺化概論與資訊處理。同學們對

於資訊設計和視覺化進行初步的認識與了解,並開始進行專案計畫的發想並開始

蒐集與專案計畫相關的數據 (量化、質化)。

第五週:邀請吳凱琳業師進行專題講座。介紹資訊圖表專題的內容與製作流程,

並且分享在業界執行的心得。並對同學的專題給予設計方向與建議。

第六、七、八週:內容著重在數位敘事與動態圖表製作。第八週時也邀請到紀曦

昀業師為同學們上簡報軟體 PowerPoint 的課程,讓同學能針對期末專案主題的

提案內容進行簡報設計,作為後續專案製作的參考。

第九、十、十一、十二週::內容著重在靜態圖表製作,並邀請吳泰輝業師教授

同學們相關資訊圖表的設計,及吳孟學業師的 Excel 教學,將兩位老師所教授的

內容整合:使用 Excel 進行數據資料的彙整,再運用圖表呈現資訊視覺化,作為

專題呈現的內容。

第十三至十六週:同學們利用四週的時間學習 Illustrator 操作,針對專案所需使

用的圖案進行構思與製作。也學習幾個常運用的線上互動小遊戲的製作方法。同

時利用多個成功的視覺化作品作範例,實際展示給同學們不同形式的專案呈現方

式,作為小組在設計各組期末專案時的參考依據。在這段時間,授課教師與業師

也利用課後時間與各組進行多次討論,針對專案進行的情況給予指導和建議。

第十七週:各組進行期末專案發表會,企業老師與授課老師針對各組專案給予講

評與建議。

第十八週:各組針對企業與授課老師的建議完成專案修改,專案正式上線。同時

授課老師利用上課時間傾聽同學們對於本課程的學習狀況以及與組員合作情形

作經驗分享與提出建議想法。

Page 5: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

5

2. 具體教學成果與評估

完本課程的同學在期末完成了二個視覺化專案,透過數位敘事方式,將蒐集

來的資料加以爬梳整理,利用互動問答、互動小遊戲、懶人包、互動式圖表、地

圖等多種形式完成專案。整體而言,二組皆利用課程所學的各種靜態、動態、以

及互動式的視覺呈現方式完成專案作品。

以下針對專案分別進行說明:

A. 「讓遺忘不再悲傷」: 隨著失智人口攀升,每個人在生活周遭,都有機會遇

見失智患者,因此失智症照顧應成為全民教育。小組對於台灣失智人口的情況進

行探討,專案先引入問答遊戲,讓使用者先大略認識失智症,除了破除對失智症

的刻板印象,更點出台灣目前對於失智症患者照護情況的嚴峻與不足處,提出發

展「友善社區」「友善商家」「互助家庭」等解決方法,呼籲大家成為共同照顧的

力量。

專案連結: https://ent3496.wixsite.com/dementia-assistance

B. 「別成為網路霸凌加害者」: 目的在勸導網路使用者,尤其是學生族群,注

意在網路上的一言一行,既便是無意、無心的留言,都有可能傷害到他人,加深

網路霸凌的情形。該專案成功利用遊戲設計故事線,讓使用者選擇在網路上的行

為,依選擇的不同,對應出會發生的結果,最後導向網路霸凌造成的傷害。透過

互動遊戲,加深使用者的印象,也更能感同身受。專案也介紹了霸凌行為可能會

觸犯的法律,加以警惕網路使用者,必需更加注意網路上的言行。

專案連結: https://aaa8367247.wixsite.com/cyberbully

Page 6: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

6

3. 課程遇到問題與困難

本課程的設計為十八週的學期課程,期望能夠將資訊視覺化的相關知識與技

術在有限的一個學期中有效的介紹給同學們,並透過實作讓同學們能有操作運用

的機會。由於時間限制,部分主題的學習僅能以入門方式讓同學們學習(例如繪

圖軟體 Illustrator),雖然因此有些同學反映希望能增加一些主題的學習週數,但

考量到課程結構的完整性,只能鼓勵同學利用別的機會在這個領域繼續學習進階

主題。

選修此課程的大傳所同學來自不同科系的專業背景,跨領域的小組合作為本

課程特色之一,希望能透過跨領域合作,小組成員得以學習如何與來自不同領域

的同學們進行溝通對話,並理解不同領域的專業與做事方式。本課程此次修課人

數偏少,且中途遇到有同學休學的情況,最後實際參與專題的同學只剩七位。在

小組的合作過程中,小組內部多數時間相處融洽,但仍有同學間做事方式不同的

情況,偶有產生意見不合,或是在溝通上的誤解,幸而學期當中透過課程設計的

機制,授課老師介入扮演調停與輔導的角色,幫助同學們理解小組內部衝突很多

時候是出自於立場認知的不同與溝通上的誤解,但經過磨合之後也學習到有效溝

通與完成專案的方法。其中一小組遇到有組員的休學的情況,在專案的製作與工

作的分配遇到問題,但經過多次討論與補救,最後也都一一排除萬難,順利完成

專案。在專案的進行過程中,同學們展現最大的成熟度,坦然面對與接受合作過

程中所造成的衝突是來自於認知上的差異和溝通方式的不同,也從這次經驗中學

習到未來遇到相似狀況時所能夠採取的有效策略。

Page 7: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

7

4. 省思與未來的展望

本課程期望透過讓來自不同領域的同學合作得以一起完成具備社會關懷的

資訊視覺化實作專題,因此課程的設計上以所需的相關知識與技能為主軸進行規

劃。過去開設本課程時,部分小組在合作過程曾因溝通不良而造成衝突,讓授課

老師有機會反思課程中可以增加的主題,例如帶入專案管理(project management)的內容,讓小組成員學習如何有效管理專案以及有效的溝通模式;也可調整部分

課程主題的前後順序,例如把較困難的互動式網頁與圖表設計放在學期前半段,

讓同學們有更多時間摸索;利用不同的課堂活動設計與練習來增加小組成員互動

的機會等。這學期經過調整,小組合作狀況整體而言相當和諧,或許也可能是由

於選課同學為研究生,在各方面的成熟度又更優於大學部學生。

本課程藉由與企業的合作,利用「企業出題、同學解題」的方式讓同學、授

課教師、與業界三方得以共教共學,實為寶貴的經驗,企業帶入最新技術與知識

給同學,同學們能夠學以致用來解決企業問題,而授課教師也從課程當中充實知

識,並且適度調整課程主題,除了基礎知識的傳授之外,也能納入實用的內容,

豐富課程。

Page 8: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

8

參、照片

1. 第一組「讓遺忘不再悲傷」。

專案連結: https://ent3496.wixsite.com/dementia-assistance

(專案開頭)

(問答遊戲)

Page 9: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

9

(失智症介紹)

(介紹臺灣失智症情況)

Page 10: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

10

(提出解決方案)

(專案小組成員)

Page 11: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

11

(第一組專案報告)

Page 12: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

12

2. 第二組「別成為網路霸凌加害者」。

專案連結: https://aaa8367247.wixsite.com/cyberbully

(第二組專案開頭)

(專案故事線小遊戲)

Page 13: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

13

(網路霸凌的介紹)

(霸凌的相關數據資料)

Page 14: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

14

(霸凌觸犯的法律)

(專案小組成員)

Page 15: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

15

(第二組專案報告)

Page 16: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

16

肆、附件

1. 學生學習回饋

A. 學生學習回饋問卷統計結果

B.學生意見回饋:

Page 17: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

17

2. 心得報告

A.吳凱琳業師設計心得

《News Visualization》摘要及心得

王子宇 F06109604

【主講人】《報導者》網路部主任 吳凱琳

【重點】主要介紹了在擔任《報導者》網路部主任時的一些視覺化專案作品;以

《報導者》為例,講述了一個專案作品製作前期需要思考的問題及製作過程。

【摘要】

一、在做一個 project 之前要想好三大問題:

1.Data (1)資料來源是否具權威性

(2)是否有原始資料

(3)資料的整理與統計方法

(4)資料的分析與解讀是否有誤判

2.Format (1)圖表、地圖、影像的形式

(2)是否會扭曲或誤導事實

(3)是否符合邏輯

(4)是否易於理解

*視覺化不能用來扭曲數據

現在數據新聞的趨勢是:更傾向於簡單的形式,一張圖表一個重點即可。可參考

國外的紐約時報、華盛頓郵報等。

3.Cost

(1)時間是否低估

(2)工程與設計複雜度是否低估

Debug 的過程較為複雜,需要考慮到不同的瀏覽器、閱覽終端及屏幕大小等。

二、以《報導者》為例,一個 project 的製作過程包括四大步驟:

1.評估期:需要記者和 PM的參與。

記者主要是進行初步採訪與研究,找到新聞點,以及填寫 Trello,與 PM討論可行

性(包括時效性、做成數位的必要性、是否有其他呈現方式等)。

2.歸納期:需要記者、PM、設計師、工程師的參與。

在此階段要想清楚想要強調的角度、目標讀者、目前想像的數位形式。

3.製作期:需要 PM、設計師、工程師的參與。

列出製作時程、每週 meeting 一次、善用 Google 共用月曆。

Debug階段要請親朋好友盲測、各種載具測試、善用 Google spreadsheet。

4.行銷期:需要記者、PM、設計、工程、行銷、社群等共同參與。

Page 18: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

18

核心溝通主張、讀者樣貌、目標成果、共鳴點、溝通形式、觸及管道、關鍵資源、

所需成本、溝通時間都是行銷時所需考量的內容。

三、兩個概念

從「一人輕裝報導」到「團隊整合敘事」的轉換過程,讓國外編輯台出現了

許多「slash」記者,也就是雙重、多重專業的記者,通稱「互動記者」(Interactive Journalist)。

敘事形態的變化,也對傳統編輯室內的專業造成巨大改變。國外的編輯室開

始出現一個心得工作職稱「專案管理」(Project Manager)。

——FT中文網數據編輯史書華

【心得】

吳凱琳老師從媒體從業者的角度,結合實例,很細緻地為我們講述了視覺化

專案作品的前期策劃、中期製作、後期成效追蹤等內容,給了我很多啟發。

1.做新聞要非常小心。由於現在新媒體的快速發展,我們的作品可以讓更多

的讀者看到,但同時不可避免地也會帶來更多批評的聲音。作品製作過程中我們

就要想好會不會有反對意見,以及如何與反對意見解釋,且盡可能地多方面考慮

減少誤解。

2.作品中遊戲的設計要有目的性。以「零安樂死政策,流浪動物的新天堂樂

園」為例,其中設計了一個「點擊狗狗圖示施行 TNR減少新生狗狗數量」的遊戲,

讀者可以通過遊戲來感受狗口繁衍及棄養的速度,證明 TNR無法完全減少流浪狗

的數量。通過一個簡單的遊戲,讀者便可以深切地感受到作者想要表達的道理。

但是,如果只是為了增加趣味性而設置一些無聊的小遊戲,就有可能使人反感。

3.大多作品都有改進空間,要學會反思。凱琳老師在結合實例講述時,提到

某些作品在哪裡都是存在缺陷的,比如「蔡英文勞動政見追蹤平台」這個專題,

開頭部分不夠吸睛等。有的是技術難關工程師無法完成,有的是公佈於眾後讀者

發現的。不管是什麼原因,我們都應該學會對自己的作品反思,以及根據成效追

蹤的結果來思考作品中每個版塊的優缺點。反思是為了更好地出發,取長補短,

創造出更好的作品。

4.永遠不要喪失學習的能力。正如凱琳老師所講到的,如今有些媒體從業者

開始學習程式、計算機算法等,並且在網上聽相關課程,這不僅有利於我們與工

程師和設計師之間的交流,對我們的思維也是一種鍛鍊。只有不斷學習,才不會

被時代拋棄。

最後,針對我們小組期末 project“失智友善社區”的設想,我們跟凱琳老師

進行了簡單的交流,凱琳老師給我們小組提出了一些修改意見,比如遊戲的設置

可以取消;以及最後可以設置一個 ending,徵求網友與失智老人之間的溫暖故

事等。非常感謝凱琳老師的講述,讓我們與視覺化專案作品更近了一步,更加感

謝賴老師能夠邀請到業界的專業人士來分享經驗,期待之後的課程!

Page 19: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

19

資料新聞學講座之收穫與心得

劉一然 F6109601

一、關於《報導者》的數位報導作品:

1.《報導者》當前的數位報導模式多為:借鑑國外作品形式,報導本土議題內容。

如蔡英文政見追蹤、血淚漁場、台灣動物保護靈感均來自國外媒體的類似報導,

如川普政見追蹤、以及日經雜誌和紐約時報的相似報導。形式上對國外優秀作品

的借鑑可能是當前階段資料新聞報導比較可行的實踐方式,可以有效減少構思與

試錯所用的時間成本。

2.相較於《Data Journalism Handbook》中的資料新聞報導,《報導者》的數位

報導專案更偏重於對多媒體報導手法的運用,注重對新聞內容的全方位報導以及

報導形式上的趣味、新穎與美觀;對數據的運用偏重於描述與呈現,而非深度的

數據挖掘與數據驅動(data-driven),因而作品的調查性與揭露性還不太明顯。

二、關於《報導者》數位團隊的製作流程:

1.評估期:(評判選題是否可做)

參與人員:記者、PM

階段任務:記者做好案頭工作,對選題有初步的瞭解,找到新聞點。

PM(項目經理)綜合衡量該項目的可行性,包括:發布時機、時間成本、人

力成本、資金成本以及作成數位專案的必要性,並填寫 Trello。

tips:鑒於“我們永遠高估自己的能力(只能實現設想的 50%)、低估所需的時

間(計畫一個月,實際兩三個月完成)”的現實,因而要為項目的完成預留出足

夠的時間,並想出可行的備選方案。

2.歸納期:(選題通過,開始構思)

參與人員:記者、PM、設計師、工程師

階段任務:記者和 PM確定報導的目的、切入點、報導角度、故事主軸(報

導的中心要聚焦,不可太雜太散);確定報導的目標讀者(先抓住目標讀者,

再爭取一般讀者)。記者、工程師、設計師一起發想、討論架構,使設計的

架構與文字的架構相一致,構想數位形式是怎樣的,可能的方案有哪些,包

括每種方案的優缺點和可執行性(時間成本、人力成本等)。

tips:

完成構想時切記:

將最終的共識用文字清清楚楚地記錄下來(口頭的共識不算數,即使錄音也

不行)。

處理資料時切記:

資料的正確性永遠比視覺效果重要。

尋找原始、權威的(政府、學術)資料,反覆檢查、多方求證,萬不可出錯。

不懂的地方請教專家學者(比如請教統計學家數據是否被美化)。

視覺設計時切記:

Page 20: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

20

不可為了設計而設計,不追求沒必要的互動效果。

設計成讀者容易理解的形式,從讀者的視角出發,一目了然(乾淨、簡潔、

直觀、易懂)的圖表才是最好的。

圖表設計要適應手機的小屏幕。

一張圖講一個重點,盡量不用雙 Y軸。

讀者很懶惰,不想點按,只想滑屏,所以盡量不設計需要點擊的內容。

讀者只在乎信息,不那麼在乎創意。

3.製作期:(緊盯進度,測試並 debug)

參與人員:PM、設計師、工程師

階段任務:PM要緊盯進度!團隊每週開會碰面,匯報進度,30分鐘內結束

(站著開會)。團隊要善於運用 google共用月曆。初步製成後,請對項目完

全不了解的人進行盲測,還要測試不同的終端和瀏覽器,並進行 debug。

tips:一定要留出充裕的時間 debug!並優先解決最重要的問題。

4.行銷期:(最大限度地推廣作品,主動出擊)

參與人員:記者、PM、設計師、工程師、行銷、社群

階段任務:PM告訴社群小編新聞點在哪裡,哪些素材適合放在 FB上。工程

師追蹤成效(流量),發現 UI設計的不足之處。團隊全員最大限度地展開推廣,

@與報導議題相關的意見領袖,實現兩級傳播。

tips:影響流量的原因很多,只能將其作為參考,不能簡化歸因。

Page 21: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

21

171018報導者演講心得

406056045陳映軒

感謝老師邀請到報導者的網路部主任吳凱琳老師擔任這一次講座的主講人,

自考研究所以來就對報導者的運作十分感興趣,有幸能藉此機會一窺報導者內部

運作情形,上課前也先看過報導者在臉書發佈關於專案管理的文章,使我更投入

在講座中,不僅推翻了以前對新聞媒體產製新聞專題程序的理解,報導者的運作

模式,彰顯了數位化浪潮中,媒體仍有新的不一樣的可能。

專案管理(Project manager)流程

評估期: 記者及工程師協作使用 trello 提出議題發想,專案管理從中協調、評

估內容呈現之可行性,避免建構議題,時間太過緊縮。

歸納期: 工程師、記者與專案管理三方評估議題新聞點、目標讀者及呈現之數位

形式。

製作期: 以工程師的意見為優先, 測試內容是否適用於用戶載具,並將前期規

劃視覺化成新聞專案。

行銷期: 主動聯絡相關意見領袖通知新聞專題增加曝光度,觸及核心讀者遠比一

般讀者來的重要,並研究閱聽人跳出視窗的次數及互動性。

新聞議題呈現方式

資料 花費成本 形式

1政府及學術來源較好

2確立資料來源再補其他

資料來源,平衡報導。

3資料正確>視覺化

高估自己的能力導致常

超過預估的時間

1.一個圖表一個重點

2.不可過於注重效果而

是要重於理解度

新聞遊戲是否符合新聞事實

對於傳統媒體工作者來說,新聞遊戲不符合新聞事實,會誤導閱聽人理解事件,

但新聞遊戲的重點不在於要理解新聞事實的狀況,而是以情境體驗的遊戲讓閱聽

人能了解新聞議題的嚴重性。

Page 22: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

22

資訊視覺化講座

《報導者》吳凱琳老師分享

學生:邱顯誠 405056191

內容摘要:

吳凱琳老師的演講主要分成二大部份,第一部分是分享她在《報導者》的作

品與工作的心路歷程,第二部分則是講解資訊圖表新聞的製作過程與經驗分享。

一、《報導者》作品分享

〈蔡英文勞動政見追蹤平台〉:

由團隊裡的程式工程師所發起,製作平台來勞動政見的效率與成果,並對這

個專題提出優缺點分析。

〈台灣遠洋漁業的大尾鱸鰻〉:

這篇的內容是參考日本經濟雜誌,以台灣漁業捕撈為主題,探討捕撈魚種的

數量與生態,是由團隊的成員們所共同討論、整理而發起的。此專題有獲獎。

〈零安樂死政策,流浪動物新天堂樂園〉:

結合時令政策所推出的專題,花了四個月的時間製作。此篇以一個虛構的情

境故事作為開頭,闡述流浪動物收容的現況。老師也在這篇分享專題製作其中的

一個難題:由於報導型態的不同,可能會招受傳統媒體或其他同業的批評,所以

在客觀真實的要求下,若是以虛構的故事,要讓讀者親身體會新聞的榮,還是需

要經過縝密的思考與程度拿捏。

二、資訊圖表新聞經驗分享:

1. 製作過程中的難題:

必須要在 Data, Format, Cost這三者之間取得平衡。資料的部分要留意

是否具有權威性?正確與否與資料的來源?資料的正確性需要多方比對、驗

證,請教專家學者,先做到自我質疑,爾後就不怕被質疑。在運用中也須謹

慎小心,能使用但不必完全地依賴資訊,可以藉由其他的方式來補充。其中,

重要的一點是資料的重要性絕對大於之後專題的視覺化設計,因此必須要很

重視資料。

圖表的格式要留意該專題內容適合哪一種格式,無需太多花樣與太突然

的效果呈現。另外格式是否容易被理解,要簡單流暢,版面乾淨,需要從使

用者的角度來發想,視覺化的設計要運用在正確的地方,並符合邏輯。

成本的部分則是包含了時間、人力。需要先評估該專題製作的時間與所

花費的人力、工程與設計的複雜程度,千萬別低估時間且高估自己的能力。

2. 專案管理的工作內容:

專案需要有專門的 PM (Project Manager)來負責管理。監督文字記者、編

輯、工程師的工作情況。需要熟悉每一個階段的內容細節,並定期與專題團

隊開會討論。

3. 專題製作的流程:

(1)評估期:要找到新聞點,作初步的研究、採訪,與 PM套論專題進行的可

Page 23: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

23

能性與必要性,主要是在發動專題之前記者的工作。(但是 PM、工程師、設

計師也都有發動專題的能力)

(2)歸納期:提出各種問題,訂定該專題需要強調的角度是什麼?(找到主軸、

目的)所設定的目標讀者群是誰?(抓住核心讀者)想要以何種的形式呈現?

(形式的優缺點)再來針對各項問題提出解決的方案,最後達成共識。

(3)製作期:需要列出製作的各個時程,PM定期監督進度,排除各項遇到的

難題。完成後還需要進行錯誤的抓漏與專題的多重測試。

(4)行銷期:負責宣傳,透過社群網站上架,知會編輯宣傳的重點與何種形式

的宣傳方法。然後需要追蹤發布後的網頁流量數、分享數、觸及率,了解成

效,獲得結果後並再作改進。

心得:

上週閱讀了數據新聞手冊的前兩章節,介紹了數據新聞與重要性,如何將新

聞藉由資訊圖表的方式呈現,是現今新起的風潮。雖然大概瞭解了數據新聞,但

對於新聞如何製作仍是模糊不清,沒能更進一步了它的細部流程,對此內心是充

滿好奇。而這次的講座內容恰好回應了我心中的祈求。很感謝老師能邀請到在業

界有豐富經驗的吳凱琳老師,為大家介紹資訊圖表新聞完整的樣貌與製作過程。

吳老師在演講中提出了一個重要觀念:在一個團隊中,任何人都能提出他的

想法與點子,不論是文字記者、工程師或編輯,每個人都能是專題的發起者。不

同的人、不同的職位,大家能從各種不同的角度來思考,結合自己的原本專業,

從中發想出新的問題,彌補單一思考的不足,這是非常重要可貴的。如同老師分

享〈蔡英文政見的追蹤〉專題,就是來自於團隊內工程師自己長期關注的焦點議

題。每個人都是這個社會的觀察者,一雙眼睛所能見的有限,但若有了許多隻眼

睛的觀察,那就能捕捉到更多、更值得被探討的事情議題。

另一個讓我重新審思的地方是對於新聞目標讀者的看法。以往我認為新聞的

製作與呈現,目的就是為了要讓每一個人都能看懂接收,所以對新聞的處理傾向

於以淺顯易懂、通俗的方式來表現。但吳老師認為,應該要確立出新聞的「目標

讀者」。並不是每一個議題讀者都有興趣,願意花時間關注,所以在製作時就必

須優先抓住某議題的核心讀者群。考量議題的性質順序,與其做一篇簡易平凡的

專題,不如專攻特定的讀者們,將專題內容詳細完整地傳達。成功的專題或許也

能透過意見領袖的傳播,被更多的人知道。之後課堂的專案製作,我也會設立主

要的目標讀者群,並在專題的呈現方式更多功夫。

資訊圖表新聞能透過多元、具有創意的方式來呈現新聞議題。但在製作中,

我們必須要思考創意的使用。吳老師也有叮嚀:千萬別為了創意而創意。究竟創

意對讀者重要嗎?創意的重要度能高於本身新聞內容嗎?我想除了創意的表現,

議題內容才是必需著重的焦點核心。創意能讓圖表新聞更活潑,但別讓創意掩蓋

了重要的內容;能夠跳脫出傳統新聞的框架固然是好事,但是適當的保留真實內

容文字敘述也是不能遺漏的。要如何能在內容文字與圖表之間取得平衡,兩者相

互的結合,完成一篇好的專題,這就是需要相當的製作經驗與累積了。

Page 24: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

24

演講心得

劉旭 406056241

上週四我們聽了曾在《報道者》任職的吳凱琳老師做的關於製作視覺專案流

程的講座,憑藉著吳老師多年的任職經驗,這場講座讓人聽完感覺收穫滿滿。

吳凱琳老師是用她曾經做過的一些視覺專案做案例來針對講解的,首先她給我們

看了她在《報道者》和別人合寫的一篇文章,《台灣勞工,你好嗎?蔡英文勞動

政策平台等你來追蹤》,整個頁面的視覺風格簡潔大方,只有蔡英文的大頭畫像

和一些簡單的顏色堆疊,這麼做的好處是能更凸顯出內容。吳凱琳老師還特別提

及到,文章裡有一個區塊是有專門的背景資料說明,就是蔡英文政見的原文,因

為開玩笑說是怕網路鄉民罵他們是亂寫的,所以才自動 po上證據,以證明是言

之有物。

吳凱琳老師之後還用了一張圖,那張圖上標明了製作視覺專案的三個重要的

因素,它們分別是:數據(Data),格式(Format),成本(Cost),這三個因素

互相聯繫,缺一不可。先說數據方面,吳凱琳老師告誡我們,數據的來源一定要

有確實的渠道,千萬不能用假數據,否則這種媒體會喪失今後的公信力。數據能

去政府機構查的就去政府機構查明後再使用,雖然政府的數據也不一定可靠,也

有可能會作假,但是可以作為數據來源之一使用,同時不能偷懶,自己也要做實

地的考察或是找相關專家(如統計學專家)咨詢,補上另外的數據,這樣來說數

據收集的才夠全面和準確。

再說格式,格式包含了專案裡涉及到的圖表,地圖,影像,互動類小遊戲等

等。篩選格式是要注意的問題是,這種格式是否符合邏輯,是否易於理解,以及

是否容易扭曲,誤導事實。最後談的是成本,老師說我們每個人在做這個的時候

都會高估自己,而高估的結果就是時間被嚴重低估,工程與設計的複雜度同時也

會被低估,製作期就一直 delay,沒有效率。

吳老師還跟我們分享了專案完成後要做的工作,首先,要請親朋好友進行盲

測,然後用各種載具測試專案,看是不是每種載具打開都可以適應,最後老師還

告訴我們了一個一般流量追蹤的竅門,那就是利用 Facebook的分享數與觸及數

來做宣傳,增加觀看流量。

吳老師最後給了我們一個很受用的忠告,那就是讀者並不想看你了不起的創

意,所以簡潔大方的畫面,有時候就是致勝的法寶。

Page 25: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

25

吳凱琳老師上課摘要和心得

大傳所碩一 羅惠勻 406056162

吳老師一開始就用她和她的團隊製作過的專案來講解製作專案的過程中,有

哪些需要注意和改進的地方。我印象最深的一句話,就是她一直強調新聞不能亂

做,否則容易被民眾「打臉」。所以在將資訊視覺化的時候,一定要小心求證資

訊的來源和正確性。另外,專案執行的過程中,遇到的困難遠比想像中的多。不

論是技術上還是時間上,常常都在自己的預料之外。然而,造成這樣的差異在於,

有時文字記者會把一則報導美化的過程想得太容易,但負責美化的專業工程師卻

會告訴文字記者們,一個小小的按鍵可能就要耗上個幾天來寫程式,因此,理想

與現實,往往是有落差的。在上課之前,我也一直認為,這些專案的美術編排應

該都是有固定的工具可以簡單地運用吧!可是在上課後,我發現我真的把他想得

太容易。原來一張圖表、一個小動畫,要花費這麼多時間,再加上文字的報導,

只能說,我真的想得太簡單!然而,開始製作前的前置作業,也是很辛苦的,從

發想的過程到決定開始製作,都需要考慮各個層面,不是想做甚麼就做甚麼。如

同老師說的,要去思考「為甚麼要做這個專案?目的是什麼?」。從多媒體想傳遞

的給人們什麼樣的訊息的角度出發,再去決定要做一個什麼樣的專案,進而引起

大眾的共鳴。在這些專案中,我們可以發現都有個小遊戲,這些都是製作團隊的

心血,除了要克服技術問題,也要跟時間賽跑。儘管製作得辛苦,卻也有傳統新

聞業者看不到他們的努力,而批評他們不專業。因為就像老師說的,專案中的情

境是虛擬的,讀者的體驗不等於事實,而新聞的目的是要呈現真相,因此難免會

引來批評。我認為,雖然情境是虛擬的,可是卻可以讓我們去思考遊戲本身要傳

達的目的是甚麼,讓讀者有一種臨場感。

接下來老師開始講述製作專案會遇到的三大難題,分別為資料、形式、成

本。

首先是資料。老師強調,資料一定要查證它並追到它最原始的來源。如果只

有政府和學術單位的資料,那就要想辦法取得其他資料,如果沒有,可以請專家

幫忙判斷。如果資料沒有經過調查和求證就運用,那麼有極大的可能被誤用進而

造成人民誤信,也就違反報導要呈現事實的本意。再者,資料容易產生誤差,不

經查證就運用,也會造成解讀錯誤,這樣不僅無法傳達報導的目的,也有違新聞

專業。因此,我們永遠要對資料保持懷疑的態度,不要完全認同,先確認資料再

視覺化,才是身為新聞工作者應該要有的工作態度。

第二個難題是圖表的製作。「圖表呈現形式不能蓋過資料正確性」這是老

師一直強調的。製作圖表的人對圖表的資訊瞭若指掌,但讀者不是,因此,我們

要站在讀者的角度,去理解圖表,要去想如果我們是讀者,看到圖表能不能很快

就看懂圖表所要表達的意思,這樣圖表的呈現才有意義。美化圖表的本意雖好,

可是如果資料正確性的表達因而被影響,那麼圖表做的再美也沒有用。有時我們

Page 26: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

26

會看到一張圖有很多顏色和數字,或許它有區隔的作用,可是最終我們要回到「資

料是否容易理解」這個重點上。把握圖表製作的三原則:「乾淨、流暢、容易理

解」,一張圖表講清楚一件事即可。

最後一個難題是成本。成本包含時間成本及人力成本。「我們會高估自己的

能力,低估需要的時間」,一個專案真正開始製作時,需要的時間往往會比自己

預期的時間超出很多,而耗時最久的通常是工程。就如同前述,一個小巧思耗費

的時間也許就需要好幾天的時間,更何況是一整個專案需要呈現的圖表資訊這麼

龐大,超出預期的時間也是件很正常的事。不過,專案沒有進度規劃也不是一件

好事,當手上有好幾個專案時,時間的分配和專案進度的規劃也就相對重要。專

案管理者扮演的就是監督的腳色,讓大家能夠有效率的在時間內完成專案,不要

延誤了進度。溝通也顯得重要,因為大家是一個團隊,分工合作、各司其職,大

家負責的部分不一樣,但要告訴彼此的想法,才能夠把專案更順利的完成。就像

老師說的,文字記者必須要告訴工程師他想要把報導怎麼呈現,工程師才能給予

建議,告訴記者哪些方法可行哪些不可行,是不是要換一種方法呈現。因此,溝

通也是影響進度很重要的一環。專案管理的內容分為四個時期:評估期、歸納期、

製作期、行銷期。每一個時期都影響著專案的完成。在發動數位專題前,記者的

工作就是要與專案管理者討論專案的可行性。媒體永遠都要強調新聞點,並且要

去思考是以甚麼角度報導、要給誰看,以及主題、目的、功能、素材之間如何搭

配,並去評估在現有的條件下,是否可行。製作時遇到的技術性問題也不能每一

樣都解決後才將專案上線,因此要懂得設停損點。再者,專案上線後,流量也是

要顧及的,因為我們不可能顧及到所有讀者群,因此一定會有所取捨。這時候就

要思考,報導要以核心讀者還是一般讀者為主。就像我們平常看網路新聞,有些

比較小眾的新聞就不一定會吸引到關注,而是平常有在關注和那則報導相同議題

的人才有可能點閱。有時候我們不一定能夠滿足所有人,但我們可以做到的是,

先吸引某一部分人的目光,再藉由那些被我們吸引到的人去影響還沒有關注到報

導的人。

製作一則新聞甚至專案,背後付出的心力不是一般大眾可以體會的,我

們看到的數據、新聞、專案,都是經過新聞工作團隊整理過並呈現出在大眾眼前。

作為一個讀者,除了閱讀這些報導和專案,應該也要思考,這些新聞報導的可信

度或是專案想要傳達的意味。有時,讀者也可以是「給」的角色,回饋在點閱率、

流量,甚至是在現今網路發達的時代,可以直接在社群平台留下自己的看法,讓

新聞工作者直接得到讀者的反饋,讓新聞工作者可以在下一次製作的過程中參考

這些建議,進而讓專案的製作更符合讀者所需。經過老師的講課後,我更了解,

製作一個新聞或專案,需要考慮的面向不只是大眾會不會想看,而是要考慮多層

面向以及技術問題,不能把現實太過理想化。還有,一定要切記,不論新聞再怎

麼難做,都一定要查證資料的來源,不要做假新聞,這是身為媒體最基本的職業

道德。最後,我們都不要忘了,製作的初衷,是要帶給這個社會一點好的影響力,

讓大眾思考我們報導的議題。

Page 27: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

27

摘要

• 案例講解

• 為甚麼要要做這些事?了解媒體的功能和目的

• 製作過程遇到的難題

(一)資料

1. 資料是否具權威性---查證最原始的資料來源

2. 是否有原始資料?

有,解讀要小心;無,尋找政府或學術單位的資料,再請專家幫忙

解讀。

3. 資料的整理和統計方法---因為容易有誤差,可以找專家,建議還是要了解

統計方面的技術

(二)圖表、地圖、影像形式

1. 呈現形式不能蓋過資料正確性

2. 視覺化不要扭曲資訊

3. 資訊要容易理解

4. 要站在讀者的角度---找專業人士、一般讀者測試

5. 工程、美術設計要好做---乾淨、流暢、容易理解

6. 一張圖講清楚一件事就好

(三)成本

1. 時間評估

• 我們會高估自己的能力,低估所需的時間

• 工程花最多時間

(四)專案管理者的內容:以前沒有專案管理的概念

1. 文字記者需要告訴合作夥伴自己的想法---一定要溝通,夥伴有時會給你

建議

2. 四個時期

• 評估期---初步採訪和研究,找到新聞點,並和專案管理者討論可行性

• 歸納期

(1)媒體永遠要強調新聞點

(2)目標讀者是誰---要抓住核心讀者

(3)發想--->評估缺點--->在現有時間及人力成本下是否可以完成

• 製作期---盯、盯、盯

(1)列出製作時程

(2)每週開一次會

(3)善用 google共用月曆,一定要用文字記錄每次開會討論的內容

(4)鬼打牆的 Debug

a.請狀況外的人進行看測

b.各種載具測試

Page 28: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

28

c.善用 google Spreadsheet

d.工程師需設停損點排程解決 bug

• 行銷期---成效追蹤

1. 一般流量追蹤:臉書分享數、觸及數、網頁流量、跳出率

2. 特殊流量追蹤---知道哪些細節出錯

(五)

• 讀者的需求不一定百分之百決定我們想做的事

• 先了解專案要吸引核心讀者或一般讀者(通常不會兩者都吸引,要有所取

捨)

• 設定優先順序,列 google表單

• 流量只是一個參考值。流量低,找原因,但有時不一定找得到,所以在分

析流量時不要太簡化原因,做參考及比較即可。

• 了解國外媒體做新聞的技術、工程師的邏輯、程式

Page 29: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

29

B.簡報工作坊

簡報製作摘要及心得

F06109604 王子宇 2017/11/9

簡報觀念

文字簡潔、配色舒服、圖表簡單易懂

簡報製作流程

內容:架構、邏輯、觀眾、賣點

設計:圖片、文字、顏色、動畫

表達:肢體、口語、台風、風格

設計原則

母片製作

基本架構:封面、目錄、轉換頁、正文

步驟:檢視——母片——修改文字類型、色彩、更改模板等

母版有的,樣版都會有!

插入頁碼:插入——頁碼——全部套用

新增投影片——新增預設母版

字體

推薦無襯線、字體夠清晰、兩字體最好

字體工具:快速取代字體功能(常用——取代——取代字型)、設為預設字

體(設定為預設文字方塊)、複製格式刷(雙擊可多次複製)

字體大小由現場環境決定

顏色

參考配色:風格、主題、內容、APP、LOGO

或參考 Adobe Color CC、printerest等

鮮豔但不刺眼、使用滴管工具

排版四原則(對齊工具)

親密:把相關聚集,產生凝聚力

對齊:元素與頁面上內容對齊,製造美感

對比:增加視覺效果並清晰區分

重複:元素重複出現,顏色、圖案、文字、空間統一

設計原則:視覺動線

找高清圖:高畫質且符合主題

ICON風格化使用

圖表(數據視覺化):柱狀圖變形,更有力的直方圖形

投影片切換:速度感,乾脆、不花俏、不吸引注意(淡入、平移、推入)

動畫=動作+時間,觸發動作(將動畫按鈕設置為觸發程序)

簡報比例:一般用 16:9,少數情況下可用 4:3

Page 30: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

30

合併圖案:聯集、合併、分割、交集、減去

快捷鍵分享

快速複製:ctrl+平移 等比例縮放:shift+縮放

中心縮放:ctrl+縮放 水平垂直移動:shift+平移

群組:ctrl+G 解除群組:ctrl+shift+G

心得

在上這個課程之前,很羨慕將簡報製作的很酷炫的大神,覺得他們的操

作遙不可及。曦曦老師的講述讓我們離大神更近了一步,今天真的學會了很

多小技巧和竅門,受益匪淺。特別是在老師講到一些比較簡便的方法,比如

在母版添加頁碼可以全部套用、統一字體、群組等,讓我回想起自己以前做

簡報時耗費了很多不必要的時間在排版上。由此可見,如果將這些技巧練習

的很熟悉後,不僅可以讓我們的簡報更加美觀,也可以為我們節省很多時間。

我認為,簡報最重要的是邏輯和內容,以及講述者的上台表達和台風。如果

對簡報製作熟悉的話,我們就有更多的時間去做這兩方面的準備。

聽曦曦老師說到,自己以前上台也有些許怯場,後來也是通過不斷的練

習才能達到如今非常好的效果。我想我也應該向她學習,增強自己的自信,

勇於表達和挑戰自己,訓練自己的上台表達的能力和台風。

真心非常感謝盈如老師能夠利用自己的人脈資源為我們請到這麼多優

秀的人來分享,讓課程不僅限於課本和固定的知識,而是基於我們的真正實

用的需求。很喜歡這門非常有意義的課程!

Page 31: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

31

簡報製作分享之摘要整理與聆聽心得

學習思路:從模仿開始,再登峰造極!

劉一然 F6109601

一、總體風格:

簡報的設計美學:

什麼是不好的簡報設計?

文字太多、字型

錯誤

配色不舒

圖 表 不

清楚

動畫沒意

化解方案:

圖文排版 參考配色 特 色 圖

動畫輔助

架構原則與技巧:

一般架構:封面(標題、姓名)、目錄(架構)、過渡頁(架構)、內容頁

(各級標題、頁碼、內文、資料來源)

最好的簡報:一看就知道講演進行到哪裡了

架構技巧:運用母片製作模板

在母片設置自動頁碼:在母片插入投影片編號作為頁碼(#)

視覺設計原則:

16:9畫幅視覺效果好於 4:3畫幅

視覺上左上角最重要

左對齊視覺效果比較好

顏色不宜過多

深色底淺色字;淺色底深色字

架構與配色參考:

Google搜索簡報 infographic

pinterest(找尋模板,參考風格、配色、零件)

配色網站:Adobe color CC

二、具體操作:

圖文排版:

文字:

Page 32: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

32

字體:推薦使用無襯線(線條等寬的)字體,同一文檔不超過兩種字體

字號: 建議用 39號以上字(保證遠距離能看清楚)

統一字體:統一文檔字體(英文、中文),亦可使用「取代字型」功能

拷貝字型格式操作:1,運用格式刷;2,右鍵選中「預設為文字方塊」

圖片:

把圖放大,視覺效果會好(找合乎主題的高畫質品質好的圖)

解決圖層遮蓋問題:打開選取窗格,可以選擇被遮蓋住的圖層

迅速實現多圖排版:可運用 SmartArt迅速完成多張圖片的排版設計

圖片素材:Google(大型|允許非商業再利用|以圖搜圖|英、日、韓)

pixobay(CCO授權,可不標註來源)

Unsplash

PAKUTAS(日本,亞洲面孔比較親切)

圖標:

建議統一格式(大小、顏色)

可以運用联结、合併、分割、交集、减去工具製作圖標或文字分割效果

提示:为背景圖片摳圖時一定要先選中,再選摳去的形狀,再按「合併」。

圖標素材:flaticon.com(可以自改顏色、可下載)

thenounproject.com

圖表:

特殊形狀(堆疊)柱形圖:複製形狀,粘貼入圖表(再設置為堆疊效果)

可結合其他視覺元素設計成很美觀的效果(可參考 infographic模板)

動畫效果:

觸發動畫:先設好動畫,點選「觸發程序」,選中觸發元件(提前命名)。

頁面切換:

「推入」(實現兩張投影片連綴移動的效果)

「全景」(母片部分不動,其餘部份連綴移動)

一些快捷鍵:

control+shift 拖拽素材,可實現複製

control+縮放 可實現從中間放大

shift+縮放 可實現等比例放大

Page 33: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

33

shift+拖拽 可實現水平或垂直的平移

control+G 建立群組(可將多個元素同時縮放不變形,對文字不適用)

三、聆聽心得

聆聽這次講座之前,筆者在大陸有學習和自學過簡報的製作,對簡報的製作

技術還算熟悉,但仍有很多未知的領域,比如联结、合併、分割、交集、减去工

具的使用、觸發式動畫的製作、選取窗格的運用,以及運用 SmartArt工具迅速

完成多張圖片的排版設計,都是之前未曾接觸過的,這次學習讓我有如發現新大

陸一般的興奮!曦曦老師的分享,讓我在技術上有了更上一層樓的感覺!

第二個收穫是關於簡報的設計美學與同理心。經過曦曦老師的講解,我發現

簡報畫幅的選用、圖片的大小、字型字號的選取、顏色的搭配原來都大有講究!

而且對於簡報的內容與形式的主次關係也有了更深的認識:內容永遠是核心,動

畫只起輔助作用,萬不可喧賓奪主。並且,製作簡報時要有同理心,要從聆聽觀

眾的角度觸發進行簡報的設計,在細節之處多加考量,譬如 16:9的畫幅更符合

人眼的視域範圍;字號的大小要在 39號以上,確保遠處的觀眾亦能看清;在簡

報上方放置標示演講進度的標題欄,可以幫助觀眾感知講演進度和把握總體架構

等等。另外,講演者的語言表達能力與現場應變能力也是極其重要的,這方面我

還很欠缺,要多加學習和改進。

第三個收穫是資料的收集與學習渠道。曦曦老師課堂中有講到,關於設計風

格、配色、圖片、圖標等,要多參照前人設計的優良範例。對素材進行賞析、整

合、模仿與改編,並融入自己的風格,真的是一個很棒的學習方法。是所謂「從

模仿開始,再登峰造極!」曦曦老師還分享了好多優質且實用的素材庫,譬如

Google、pixobay、Unsplash、PAKUTAS、flaticon.com、thenounproject.com

等等都是很棒的素材來源,這對於總是苦於無處找尋優質素材的我而言,真的是

一個極大的收穫!此外,曦曦老師還有提到可以在 YouTube和 TED上搜尋視頻資

源,學習有關簡報製作與當眾講演的技巧,這也是一個好棒的學習渠道,以後要

多加利用起來呢~ 來台灣後,感覺視野開闊了好多!感謝老師們的不吝賜教與

辛勞付出!❤

Page 34: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

34

171109 資訊視覺化簡報工作坊

406056045陳映軒

簡報與我們生活息息相關,適切簡報呈現不僅增加溝通表達能力及快速提升

聽眾的理解力,感謝老師開啟我簡報活用技巧的新大門,老師簡潔明瞭的說明及

即時實做課程,由淺入深教學使我受益良多。

基本概念

事先確認聽眾基本背景及場地大小,進而決定所傳達的內容深廣及表達方式。

避免一張投影片放入太多文字及絢爛的背景,不但造成聽眾的感官負擔,使其無

法快速理解投影片所要傳達的重點事項。

為避免簡報製作時與演講時所使用的播放硬體不同,造成原有格式跑板及字

體改變,可選擇內嵌字元的選項,減少出錯的狀況更大幅縮短準備演講的時間。

另外,準備簡報內容過程中,若遭遇到要移轉舊有簡報檔案到新檔案,可選擇重

複使用投影片選項並插入所需要之投影片即可。

簡報製作

完整的簡報具備封面、目錄、轉換頁及正文等架構,如何快速調整簡報中的

色調風格及背景呢,過去人們總是逐頁逐框格改正字型及調整背景樣式,但其實

只要透過投影片母片樣式即可快速精準的調整簡報中的架構,以及投影片頁碼編

排,減少後續製作簡報內容的時間。

觀眾觀賞視角,將重點文字及文字放大對比小字強調其重要性。適時使用圖

片替代文字增進觀眾理解能力,使用圖片的同時要註明來源出處,老師也介紹了

Google、Flickr、Unsplash及 Pixaboy等網站供我們參考。

圖片製作

聯集、合併、分割、減去之功能大幅增加 PPT的美編功能,使用基本的圖像

編輯即可組合出多變的圖形,並藉由光影的變化強調重點,適時使用遮罩方格避

免圖片與字混淆界線,造成閱讀上的困難。

Page 35: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

35

資訊視覺化講座摘要心得

簡報工作坊:三小時打造你的簡報競爭力

學生:邱顯誠 405056191

一、內容摘要:

紀曦昀老師的講座先用一段幽默有趣的影片座作為開頭,透過影片,為我們

演示了錯誤的簡報使用方式。之後開始帶入簡報的觀念、設計的原則與進階功能

的實作:

A.設計功能介紹:

1. 投影片母片:

如同投影片的背景,在母片內設計好所需的背景樣式,之後新增的投影片就能直

接套用母片內設計好的背景,無須再重複設計,能夠省時。

2. 設計的四原則:

親密:與其讓內容四散,不如結合在一起,然後突顯最重要的部分。

對齊:將標題、內文開頭對齊,更有利於觀看的一致性與流暢性。

對比:住要是突現內容的不同,可以運用色塊或位置來呈現。

重複:依循一種主要的設計模式,增強部分的一致性。

3. 圖片的搜尋:

介紹許多的圖庫資源,建議由英文搜索關鍵字,能更精確檢索到符合自己需求的

圖。並採用「以圖搜圖」的方式,挑選出高畫質的圖檔。

4. 圖表使用(資訊視覺化):

使用簡單的圖形工具,能將枯燥乏味的數據,轉變成有趣且易懂的資訊圖表。例

如:以蘋果圖案的堆疊來顯示數量,取代了一般的長條圖。

5. 動畫的使用:

調整切換投影片的動畫,並自訂時間差,讓投影內容的呈現能夠更順暢。另外也

能設計簡易的觸發按鈕,讓簡報有互動式的功能。

6. 合併圖案:

透過聯集、合併、分割、交集、減去的方式,創作新的圖案,也能用來突顯特定

內容,或是增強焦點。

B.觀念分享:

在製作簡報時,必需要考慮到你的聽眾是誰(Who)?然後你的內容要怎麼表

達(What)?再來如何表達(How)?這觀念也與製作資訊圖表專題符合,都是需要

隨時用來檢驗自己的作品。另外簡報呈現需要去蕪存菁,不需要或雜亂的內容,

不放上去,且一張投影片專注表達一件事即可。

二、心得:

這次講座的主題我們並不陌生,PPT簡報在日常生活中,一直扮演著重要角

色。不論是課業報告,工作提案,甚至是專家學者的演講,都會需要使用簡報呈

Page 36: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

36

現。雖然是常用的軟體,但大部分的人幾乎只使用最簡單、基礎入門的操作,實

在可惜了這套實用的簡報軟體所能帶給我們的好處。

課程中所提到簡報的內容、設計與表達三大要素,將這些要素結合,思考架

構,規劃內容與表達方式,最後創造出與眾不同的簡報,讓人耳目一新,這其實

是一種多功能的訓練。藉由簡報製作,增進自我的邏輯思考、提升美感、激發創

意與表達能力,並建立獨特的風格,是很值得投入學習的,也讓我意識到,自己

還要更進一步學習簡報的能力。

再來是資源的開發與探索。在課堂中老師提供了許多的圖庫資源,來自各個

授權網站的圖片、標誌,讓我大開眼界。以往的簡報製作,總是運用最基本的方

式進行搜尋,結果多是品質參差不齊的圖片資源,這讓我在簡報時無法更精確地

運用圖片來傳達內容,一直困擾著我,也印證了老師的說法:「找圖片真的是門

學問!」太常安逸於自己擅長、熟悉的使用模式,將無法突破瓶頸與進步。不時

地開闢新資源,留意可能會用到的資料庫,甚至是與他人互相交流或向專業人員

求助,這都是在增加自己的能力與資源,但卻也是容易被忽略之處。

以往自己的簡報設計,呈現常常流於單調、乏味,既沒有特別突出的變化,

也無法有效抓住觀眾的目光,對於這樣的困境,我多歸咎於自己天生的美感缺乏。

但是經過這堂簡報課之後,我開始思考:也許自己所缺乏的並不是美感,而是缺

少觀察與練習。如同那句名言:「世界不缺少美,而是缺少發現」,美感也是能夠

藉由培養與訓練來增進,勤於練習,然後熟能生巧。對於一些設計上的敏銳度,

還是需要經驗的累積養成。老師也在講座的最後勉勵我們多觀摩他人的簡報設計,

也甚至是參加簡報比賽,這些都是提升美感與建立自我風格的好機會。

簡報的使用除了完成課業、工作的需求之外,也是一種視覺化的產物,而簡

報設計更可以是一門藝術創作。投影片就是畫布,各式各樣的設計功能如同畫筆,

而設計的邏輯架構、表達方式的運用,就是源自於你的靈感與巧思了。在製作簡

報時,不妨將它視為是創作藝術,或許更能投入情感與激發出新想法,也就不再

只是枯燥乏味的工作了。而要如何做出同時兼具使用與藝術的簡報,我想最重要

的還是必須勤奮練習,期許自己在每一次製作簡報時,都能比前一次更加精進。

Page 37: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

37

演講心得

劉旭 406056241

上週四來自政大的紀曦昀學姐在課堂上和我們分享了關於簡報製作的經驗。

她認為簡報的常見錯誤主要分為四大類,分別是文字,配色,圖表和動畫,不要

讓你的簡報喧賓奪主,簡報還是要服務於你所報告的內容。

紀曦昀學姐在接下來主要交給我們自製 PPT的技巧,也就是學會用母片來製

作自己的 PPT模板,母片的基本架構有:封面(標題,演講人)、目錄、轉換頁、

正文(頁碼、資料來源)這幾個組成部分,在母片里也可以調整你想要的任何內

容,比如你在封面頁改動了你的版面設計的話,那你接下來的PPT都會隨之改變,

所以這種方法很方便。

在文字方面,紀曦昀學姐推薦我們多多使用無襯線字,她尤其推薦的字體是

微軟正黑體;至於字體使用的規則,她的建議是,不要超過兩種字體,而且要善

於使用字型的變化。她還教給我們快速取代字體的功能以及你怎樣將字體設為預

設字體,這些功能都會使我們做 PPT的效率更高。

再來談談顏色,學姐認為配色參考的點應該有風格,主題,內容的一致性,

並且她還推薦給我們一些好用的配色網站,比如 ADOBE官方的配色網站。對於排

版,學姐也提出了排版四大原則:親密、對齊、對比、重複。

學姐還介紹了尋找高清圖的方法,比如去 Google用英文搜尋原圖,或者去

專門的高圖片網站,或是圖片授權網站找。

最後,紀曦昀學姐提到了簡報的觀念,簡報的三個大流程是,Who(誰是聽

眾)、What(內容如何傳達)、How(怎麼傳達)以及不會說的不要放,一張投影

片要傳達一件事情。

Page 38: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

38

資訊視覺化 簡報課心得

大傳碩一 羅惠勻 406056162

在上簡報課之前,我一直是個不太會使用 PPT的人,只會打字及改顏色,最

多就是加幾張圖片,甚至覺得 PPT功能很少,對我來說是個不太實用的軟體。但

是,在上了紀學姊的簡報課後,大大改觀!之前從來不知道 PPT有現成模板可以

找、有「後台」功能可以做快速編輯,還有一些小技巧可以讓自己的簡報看起來

有質感又不失清楚的資訊視覺化,彷彿重新認識了這個 PPT這個軟體。

一開始,學姊讓我們看的影片,讓我反思自己是否有犯過 PPT不該出現的錯

誤,幸好,目前都還沒有犯過影片中提到的錯誤。然而,在看到學姊做的簡報後,

我卻發現自己做的簡報真的有待加強。因為我本身不是一個很懂電腦的人,甚至

以前很害怕電腦課,只要會簡單的基本功能就不錯了,更不用說快速編輯和美工

設計了!這堂課學姊教了很多讓簡報看起來可以與別人與眾不同的小技巧,很容

易上手,卻不容易發現「哇!原來還有這一招!」尤其是快捷鍵,真是太方便了!

以後做簡報就可以節省很多時間了!另外,學姊在課堂上有提到,簡報是輔助主

講者,所以不要太貪心想把全部資訊放在同一張圖,這也是前幾堂課老師有講過

的,所以印象深刻。因此,簡報應該是重點整理,再經由主講者去詳細講述簡報

上提到的重點分別是甚麼,雖然聽起來很簡單,可是常常上台因為緊張,就會忘

記自己要講甚麼,因而發生照稿念的情況,所以我認為口條和膽量也是簡報者需

要訓練的地方。

三個小時的簡報課,讓我重新認識了簡報是甚麼。簡報其實沒有想像中的簡

單,因為他需要注意的小細節很多,比如資訊的呈現、圖表的呈現方式等等......。

或許從學生時代就已經在使用簡報,可是把它的功能研究的透徹並發揮的淋漓盡

致,真的不是一般人能夠做到的,都是需要時間和經驗的累積。學姊非常無私地

傳授他的經驗,讓我深感佩服,從她的談吐和講述,可以感受到他對簡報的熱愛,

以及想要傾囊相授給我們的熱情。課後還非常用心地做了問卷,希望我們給予他

回饋,如果要說有甚麼不好的地方,那應該就是只上三個小時不夠,很希望多幾

堂。這堂課教導的,我認為,不管是學生時期做報告,抑或是未來在職場上需要

提案報告,都是受用無窮,真的獲益良多,非常值得。最後,謝謝老師請學姊來

教導我們簡報技巧,我很喜歡授課的方式和內容,如果有機會的話,希望老師還

可以多讓學姊來教課,簡報課真的很棒!

Page 39: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

39

三小時打造你的簡報競爭力 心得

李虹葶 405056189

在這簡短的三小時中,這門課給予我們的重點在於簡報製作的技巧與呈現方

式。基本上,簡報主要是用來輔助演講者的一個工具,所以不能占太多版面蓋過

演講者的風采。曦昀特別強調在製作簡報時應要遵循「減法原則」,不必要的演

講內容不要全放、避免多餘的項目符號和過多的簡報張數。在設計要放置於簡報

內的資訊圖表時,也盡量追求精簡原則,讓內容架構能讓台下聽眾一目瞭然。

我認為曦昀講解的這門課對我來說很受用,雖然從高中時期就很常需要製作

簡報上台報告,在製作簡報其實有過不少經驗,那時也很清楚一張簡報上不能放

置太多內容,不然重點會很容易失焦。不過在當時自己對於簡報的配色能力十分

不足、製作簡報效率也低,簡報模板也只會選擇原有提供的或是網路上的模板直

接挪用,少了自己製作的風格。所以對我而言,這次的教學讓我深深贊同 Power

Point的強大功能,例如使用投影片母片內的母版與樣版來設計簡報可以減少製

作的時間,圖片的合併如聯集、合併、分割、交集等方式可以讓一張平面的圖片

變得更鮮活等等。其中我覺得比較不熟練的莫過於圖片合併的部份,在課堂中練

習將一張都是麵包的圖片讓它特別強調其中一個。由於這類型的圖片合併手法有

好幾種,所以在學習過程中比較分不清楚哪種合併手法是用哪種操作方式。

曦昀教了不少我們簡報內部的細節修改或小撇步在文字字體、顏色、排版、

動畫、圖片等方面,但我想以總的來看,曦昀同時也傳達給我們一個想法:簡報

是個具有時間軸概念的工具,聽眾會根據自己的視覺動線來抓取簡報上的圖片或

文字重點。因此我們在製作簡報的時候,其實是在訓練我們的說故事能力,透過

資訊內容的篩選、調整、修飾,讓聽眾能夠在短時間內吸收到演講者所要表達的

重點,而這種能力是需要從不斷的嘗試中漸漸習得的。因此我很認同曦昀在演講

結束前所提點的一句:「實戰是最好的練習、觀摩是最好的學習。」不論是過去、

現在抑或未來,簡報的使用我認為會越趨頻繁,因此我想這次的教學恰巧是我可

以轉變過去的簡報設計方式的契機,讓我在做一份簡報時能再將內容去蕪存菁,

試著用比較活潑的動畫方式替代 2D 平淡的展現,使簡報與演講能夠相得益彰,

抓住聽眾的眼球與耳朵。

Page 40: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

40

C. Excel心得

Excel 課程心得

大眾傳播研究所 王子宇 F06109604

課程一開始從一個動物的視頻開始,鍛鍊我們的觀察能力。發覺自己的觀察

能力還是比較差,以後的學習中可以特意去鍛鍊。

接下來,孟學老師講了很多關於 excel中數據處理的技能。其中,非常受用

的一個技能是 ctrl+上箭頭/下箭頭,因為平時導師任務需要,經常會處理上萬

條數據,以前的方法總是慢慢往下拉,這個快捷鍵極大地提高了我的效率。

另外,left函數、randbetween函數、vlookup 函數很強大,以前只知道 excel

有一些厲害的功能,但是總是沒有花精力去學習,現在總算有個入門,「師傅引

進門,修行在個人」,接下來就靠自己慢慢去摸索了。

Excel作業練習過程中基本沒遇到什麼問題,有些不會的操作通過 Google

解決了。過程中發現,上課所聽到的知識還是需要自己實踐才能真正化為自己所

有,才能在以後遇到的時候得以順利使用。

對這門課的小期待:希望老師可以結合我們以後工作中經常會用到的技能/

案例來進行講解和練習。

最後,感謝孟學老師帶我們開闢了excel的新天地,感謝盈如老師費心安排,

我想還是需要不斷的練習,才能使 excel的技能更加高深。感謝!

Page 41: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

41

Excel操作技能講座之聆聽心得

大眾傳播研究所 劉一然 F6109601

在聆聽講座之前,筆者在大陸有學習過 excel的運用,自詡對 excel還算熟

悉,但孟學老師問到的好多問題還是答不出來,不免有些羞愧。不過這樣也好,

至少說明進步空間還是大大滴~

講座結束後,事實證明,收穫確實是大大滴!內心充滿了頭腦被知識填充後

的喜悅與滿足。感謝孟學老師的不吝賜教和耐心講解,讓我對 excel的高階技術

產生了濃厚的興趣,並且就在此後一週內,我就將課堂之所學學以致用,用新學

會的 excel技術(left函數,)完成了遠在北京的導師所佈置的數據清洗的工

作,成就感 get!

此外,我個人對於 excel的一個感受就是,要多動腦、多練習,找尋可以實

現目標的最佳方案,從而避免手動操作「到天荒地老」(此處引用孟學老師的話)。

Excel有豐富的函數可以運用,可以滿足我們多種多樣的數據處理需求,必要時

還可以參考網路平台上的操作帖,隨時充電並多加練習,才會熟能生巧,活學活

用。

課下時,孟學老師有問過我們對 excel培訓課程的期待,我結合自己的情況

大概想到了兩點:

1)希望多掌握一些 excel的函數運算功能

2)有聽說過 excel可以繪製地圖,很想知道要怎樣操作才可以。

最後,再次感謝孟學老師的不吝賜教,讓我們不只在技術上有所突破,還培

養和鍛鍊了我們思考問題與解決問題的思路與能力。這樣的分享課程讓我們獲益

匪淺,感謝孟學老師用心的準備與精彩的講解,感謝盈如老師為我們營造了這樣

好的學習機會,讓我們在知識的海洋裡快樂的學習~

Page 42: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

42

資訊視覺化 EXCEL 課程

406056045陳映軒

從小接觸 EXCEL系統機會很多,但真正運用到進階功能的時間卻幾乎沒有,

甚至 是有許多功能是在這次課程中第一次聽到,感謝老師安排這麼多豐盛的課

程, 由淺入深帶領大家步步打穩基礎,並引薦許多優秀的老師教導我們真正使

用平 常我們就在使用,卻不是真正使用透徹的軟體。

尤其是這次 EXCEL的課程更是讓我大開眼界,由幾個指令就可以省去繁雜複

製貼 上的步驟,隨著檔案數越大,使用指令的需要也越多,老師課堂開始使用

了動 物的動畫影片帶領我們逐步學習 EXCEL的基本觀念,透過幾個問題讓我們

很快了 解從蒐集資料、解析資料、刪除缺漏及錯誤的數據到分析資料的過程,

因為剛 取得數據時,可能看不出規律並且雜亂無章,義透過各種形式的方程擬

合,才 能找到某種方式去揭示隱含在數據中的規律性。

另外更教導我們 Left函數、Len 函數、Randbetween及 Vlookup的指令,Left

函數 使用於拆分一表格中的資訊,像是將名字王大明,可藉由此函數來分成王

和大 明兩格,Len函數則是用來計算儲存格中的字元數,包括空白格及全形半

形的計 算,其中半形和全形字元都是為一個個體;Randbetween函數則用在抽

取亂數的 時候,每一次的使用都會形成隨機亂數,很適合應用在實驗中隨機分

配的狀況; 而 Vlookup函數則試用在可以在多個試算表間,跨試算表快速搜尋

所想要的資料, 省去大筆的麻煩和時間,當老師介紹到這個函數的時候,內心

滿滿相見恨晚的 感覺, 可惜上課時間太短無法學習所有的技巧,希望以後有機

會能再多學習 EX CEL進階的功能,感謝老師。

Page 43: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

43

資訊視覺化 Excel講座心得

講座老師:李孟學

學生:邱顯誠 405056191

摘要與心得:

國中時的電腦課,我曾學過 Excel的入門教學。當時對於 Excel能整理大量

的數據資料,並透過各種函數的指令運用,快速地進行排列與計算,實在是令我

震懾與驚嘆不已。但由於在學習上對數學的挫折感愈加嚴重,連帶地排斥了與數

學計算相關的 Excel軟體,加上生活課業中對 excel的需求不高,所以對於這套

軟體是相當的生疏與恐懼。而這次的 Excel講座,算是讓我重新認識 Excel的軟

體世界。

礙於講座的時間有限,孟學老師只介紹了幾種常用的函數用法與圖表製作。

其中最讓我眼睛為之一亮的是樞紐分析表與數據資料的熱點分析圖(Heatmap)。

樞紐分析表是將各項所需的數據資料分類,編列欄位,製成能夠快速顯示、切換

想查閱資料的功能表。而熱點分析圖則是利用色塊,製造出顏色深淺的差異,展

示數據在不同時段的分部的狀況,易於讀者讀懂資訊內容,是一種視覺圖表的呈

現。

在講座的開頭,孟學老師透過小短片的測驗,藉以訓練我們觀察事物細節的

能力,並講解探索性資料的分析的重要性,這部分我十分的贊同。在面對龐大雜

亂的數據資料、問題現象,首先需要學會觀察,瞭解全貌,抓住所需要的部分,

問對問題。然後再開始將資料整理、編譯,進行分析計算,最後再將導回現實,

回應訴求問題。而在這樣的過程中,最常發生的錯誤就是忽略了一些看似無關的

細節,但其實這可能正是所需要的資料。如同小短片實驗中計算動物的種類,我

只關注到實際出現的動物,卻忽略了雖未出現卻一直能聽見的鳥鳴聲。這著實讓

我得到了寶貴的經驗教訓。

Page 44: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

44

EXCEL學習心得

劉旭 406056241

EXCEL中的函數很多,功能也非常強大,如能掌握一些常用的函數,將給日

常的資料處理帶來很大的便利。本人認為想要學習 excel至少要具備兩個條件:

一是興趣,動力來源於些,萬事皆准,大家都知道;二是耐心,畢竟有些東西還

是不太好理解的,特別是剛接觸這些英文表示的東西。

下面是我總結了一些 Excel的優點。

1、Excel是個人電腦普及以來用途最廣泛的辦公軟體之一,也是

MicrosoftWindows平臺下最成功的應用軟體之一。說它是普通的軟體可能已經

不足以形容它的威力,事實上,在很多公司,Excel已經完全成為了一種生產工

具,在各個部門的核心工作中發揮著重要的作用。無論用戶身處哪個行業、所在

公司有沒有實施資訊系統,只要需要和資料打交道,Excel 幾乎是不二的選擇。

Excel之所以有這樣的普及性,是因為它被設計成為一個資料計算與分析的

平臺,集成了最優秀的資料計算與分析功能,用戶完全可以按照自己的思路來創

建試算表,並在 Excel的幫助下出色的完成工作任務。

如果能熟練使用 Excel,就能做到"一招鮮,吃遍天",無論在哪個行業哪家公司,

高超的 Excel水準都能在職場上助您成功。

2、在試算表軟體領域,Excel軟體唯一的競爭對手就是自己。基於這樣的

絕對優勢地位,Excel 已經成為事實上的行業標準。因此,您大可不必花時間去

關注別的試算表軟體。即使需要,以 Excel的功底去學習其他同類軟體,學習成

本會非常低。如此,學習 Excel的綜合優勢就很明顯了。

3、Excel一向具有良好的向下相容特性,特別是自從進入 97版本的成熟期

以來,歷經 9年時間中 3個版本的升級,每一次升級都能帶來新的功能,但卻幾

乎可以不費力的掌握這些新功能並同時沿用原有的功能。而且,這 4 個版本的功

能有 99%的部分都是通用的,檔案格式也可以完全通用。

Page 45: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

45

D. Illustrator 學習心得

AI 摘要及心得

大眾傳播研究所 F06109604 王子宇

PS由像素點組成,是色塊的組合,相當於函數上的點。

AI是向量的集合,不會出現解析度的問題,相當於函數的線。

AI設計的要點是物件數量越少越好。

【一些快捷鍵】

ctrl+N 新增

ctrl+「+」/「-」放大/縮小顯示比例

ctrl+O 顯示整頁

ctrl+Alt+O顯示全部頁

ctrl+U 開啓或關閉智慧型參考線

黑箭頭+shift 水平/垂直/45度角移動

黑箭頭+Alt移動時複製

ctrl+D 重復複製

ctrl+shift+D顯示透明

ctrl+G 群組

ctrl+R 尺規

圖形工具+shift/Alt/⬆⬇=不同的效果

【顏色】

CMYK印刷所需色彩,青色、洋紅、黃色、黑色

RGB多媒體色彩,紅綠藍

顏色切換:外框筆畫&填色

【物件屬性】

物件屬性指的是其形狀、位置、與其他物件的聯繫。

變形:控制單一物件狀態

對齊:多個物件狀態

路徑管理員:形狀之間的聯繫

【工具】

橡皮擦:不會擦掉,放開鼠標後會出現輪廓

美工刀:乾脆;從外切進來;切誰選誰

剪刀工具:可以剪斷線段

滴管:屬性吸取工具

變形:縮放筆畫和效果

物件——展開——變成形狀

筆刷:包括沾水筆筆刷、毛刷筆刷、散落筆刷、線條筆刷

Page 46: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

46

色票:拼版標示色、圖樣(做底紋等)

【文字】

「字元」「段落」面板

ctrl+k 打開「偏好設定」,關閉「假字」

變直排:文字——文字方向

AI不能多頁面排版

溢排文字:黑箭頭點「+」可以形成文字流

文字——文字緒——移除文字緒可以切開文字流

文字變外框:物件——展開(標題用了特殊字體時,去別的電腦也可以打開)

【心得】

四節課上完以後,覺得收穫滿滿,特別是做完老師佈置的作業後,很有成就感!

感謝世綱老師帶我們解鎖又一個新技能。老師課上不單單會講關於 AI的操作,

還會提到其他關於操作背後的原理,比如 RGB模式與 CMYK模式的不同,印刷時

的原理,讓我可以更加深刻的理解和牢記,以及會問到一些生活中的小問題,讓

我們的思維也活躍起來。四節課緊跟老師的思路,真的會學到很多,不過以後還

是要多加練習啦,才能像老師一樣成為 AI高手,嘻嘻。

Page 47: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

47

Illustrater 課程之摘要整理與聆聽心得

製圖思路:用面積而非線條的思路繪圖,物件越少越好。

大眾傳播研究所 劉一然 F6109601

一、摘要整理

(一)關於頁面顯示:

Alt+滾輪滾動 拉近/拉遠

control&+- 同上

空白鍵+拖拽 移動紙張

control+0 顯示整頁

control+alt+0 顯示多個頁面

control+U 開啟或關閉智慧型參考線

control+R 打開尺標

control+J 連線

control+K 偏好設定

(二)關於色彩:

1. 色彩模式:

CMYK(適用印刷)C+M+Y=黑色

RGB(適用螢幕)R+G+B=白光

2. 顏色工具

滴管工具:拷貝顏色

顏色滑桿:按著 shift拖拽顏色滑桿,可以等比例同時變化

顏色漸層:滴管+shift

(三)關於文字

1. 三種文字語段狀態:

一般文字物件:具有圖片身份的文字;

區域文字:支援所有段落狀態的文字;

路徑文字工具:可以隨線條形狀書寫。

2. 文字工具

control+T 打開字元和段落面板

切開文字框:文字-文字緒-移除文字緒

將線條變為圖形:「物件」-展開-擴充外觀

(四)關於圖形:

shift+F8 顯示變形/對齊/路徑管理員面板

Page 48: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

48

shift+拖拽 水平/垂直/45度移動

alt+拖拽 移動時複製元件

control+D 重複剛剛做的動作

control+shift+D 背景透明

白鍵頭按住點+delete 刪除線條

建立圖形時,按住鼠標和⬆⬇可以增加邊角數量

1英吋=72pt=2.54cm

鋼筆按 alt可以打折

(五)關於圖片:

圖片連結:建立資料夹,把置入的圖片放入其中,一併傳輸,以防掉圖。

(六)輸出格式:

儲存時選擇較舊版本,但不要低於 CS4

保留背景透明的格式:PSD(檔案大),PNG(支持透明,不適合印刷),TIFF

(可壓縮)

輸出為 PDF不會掉圖,字型不用轉外框。支援文字內嵌,不用轉外框。且可

壓縮檔案。

二、聆聽心得

聆聽這次講座之前,筆者對於 illustrater這個軟體可謂知之甚少,經過世

綱老師為期八個小時的訓練,筆者在技術上突飛猛進,並且對於繪圖一事興趣大

增、意興正濃。

掌握一門新的工具就如同擁有了一把通向新世界的大門的鑰匙,而且在這個

過程中發現了軟件設計上很多融會貫通之處,譬如相近的快捷鍵的設計,圖層理

念的運用等等,與機器對話,可以感受到蘊含於其中的一種簡潔的美感,軟體中

各種功能之 icon的設計,其實也是「資訊視覺化」的一種運用的呢。

課後,世綱老師佈置了運用 ai軟體製作手機應用 logo的作業,在製圖的過

程中,筆者發現那些看似複雜的圖案,其實都是由簡單的圖形剪切、拼接而成的,

並沒有需要很深的繪畫功底,這讓我對 ai繪圖信心大增。我於是選擇繪製了一

個看起來相對複雜的圖形(下圖),這個看似複雜的圖案,其實是由最基礎的圓

形、圓角矩形、等腰三角形、六邊形構成的,將上述元件剪切、疊加,再以特定

的位置排布,就完成啦~繪製成功後,筆者不只收穫了滿滿的成就感,對繪圖的

喜愛也更深了一層。😄

Page 49: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

49

近期有收到遠在北京的導師佈置的任務,我嘗試著運用新學習的

illustrater軟體製作了圖表,在這個過程中,解鎖了在 illustrater中繪製數

據圖表的功能,也算是個人在 illustrater學習之路上的一個小探索,希望這樣

的點滴進步,可以匯流成河,讓我得以在 illustrater的繪圖之路上愈走愈遠。

最後,感謝世綱老師的耐心地「授之以漁」,感謝盈如老師為我們爭取到了

這麼多寶貴的學習機會。臨近期末,回顧這一學期的學習生活,這門課程對我的

教益非比尋常,感恩所有!

Page 50: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

50

Illustrator 課堂心得

大傳碩一 406056045陳映軒

為期四周的 illustrator 課程,先前就已接觸此軟體,卻只能使用基本功能

的我,聽到要學習此軟體的使用方法讓我很期待,可惜只有四堂課不能把所有的

軟體功能都摸熟悉,但老師逐步漸進地穩固我們基礎並援引多樣的例子教學,每

每看著老師三兩下就完成一個擬真的圖示,我在底下只能自嘆不如,也暗暗立下

決心,希望在不久的將來可以跟老師一樣,使用軟體可以得心應手,把玩在手掌

心裡。 老師在課堂之初曾提到 illustrator 的三大要點,首先是形狀間組合成形狀,

而非使用線條繪圖,另外我們只能在色塊上上色,線條繪圖是不能上大面積的顏

色的;再者,檔案的面積和大小沒有關係,和物件數量多寡有正向關係,物件數

量越多則檔案面積越大;最後此軟體不具備多頁面編輯的功能,若有此需求可以

使用其他軟體編輯。另外,檔案色彩的應用是依據使用者不同的用途選擇,例如

RGB 色彩依光源產生顏色,故適用於網頁觀賞用,CMYK 指的是紙張列印油墨

所吸收的光源而定,適用於印刷。若想將當下所用顏色轉換成常用色,可以使用

色票功能,色票是拼板標示色,軟體已事先將常用色存入提供使用者選擇,色票

除了能儲存單純的顏色外,也可以儲存圖樣,只要先畫出圖形後再選擇色票即可,

單純的顏色會填滿圖形,而圖樣則會依序排列填滿圖形,變成馬賽克磁磚的樣

貌。 除了選擇一般正方型、長方型等基本形狀製圖外,假如要拼湊成不同形狀就

需要路徑管理員的功能,點選路徑-路徑管理員即可打開面板,不僅能夠排列圖

形,也能透過聯集、交集、排除、相減與分割等功能選項處理形狀,聯集是將兩

個形狀合併成一個物件,交集則是描繪出所有物件重疊的區域,排除指描出所有

未重疊的區域,相減是使用最後面的物件減去最前面的物件,分割則是將一圖分

割成若干塊圖塊,我們可以藉由路徑管理員的功能堆疊形狀,輔以白箭頭微調圖

片細節,即可完成多樣式的設計。 當圖片設計完成後,illustrator 可同時支援轉存 JPG、PNG、PSD、TIF 與 PDF等檔案類型,PDF 檔案容量較小,網路傳輸時較方便,已內嵌圖片,不需要連結

圖檔與文字圖,多數軟體支援 PDF 格式,在遠端不同電腦確認圖片樣式時可減

少時間的浪費,且可以直接印刷但缺點是在檔案數量很多的情況下,需要一個個

轉存成 PDF 檔。 這四堂課每分秒都很珍貴,學到技巧很多仍待我們不斷的練習才會進步,希

望以後還能多上點 illustrator 的課,感謝老師。

Page 51: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

51

李世綱老師的 Illustrator教學摘要及心得

李虹葶 405056189

摘要:

Illustrator是一項繪圖軟體,主要用於繪製設計圖案、海報等等,與一般

小畫家畫出來的點陣圖不一樣,Illustrator主要繪製出的是向量圖,所謂的向

量圖簡單來說是運用數學的複列函數公式去計算描述出一個圖形,所以無論放大

或縮小,都不會影響圖案的解析度。此外,即因為它是由數學式去構成一個圖形,

我們每當要使用 Illustrator時,即需以形狀為構思重點,而非是點或線的思考

構面。這四門課中,老師主要先指導基礎的繪圖功能面板和快捷鍵後,便開始教

我們各項的繪圖功能如何應用,例如矩形工具、鉛筆、鋼筆、美工刀、漸層工具、

繪圖筆刷、文字工具等等。特別的是,它與 Power Point一樣都具有圖案的對齊

和類似路徑管理員的功能,我們可以將兩者以上的圖案選擇聯集、分割、減去上

層、垂直齊上等等的變化。因此在使用上,繪圖方式比較可以依照自己的想法且

彈性地運用。

心得:

在進入研究所前,其實自己不曾修習過任何有關專業繪圖軟體的課程。這次

能夠修資訊視覺化的 Illustrator課程,對我而言是個難得的學習機會。由於自

己以前就很想學一些實務上的課程,但家裡的經濟負擔比較大,如果到外面補習

班學習,勢必要花不少的錢,所以也一直不敢跟爸媽開口。而此次的 Illustrator

學習雖然僅有四堂課,但老師把基本的繪圖功能都有傳授給我們了。而在課程最

末的階段,老師讓我們自行模仿繪製三到四個手機的 app圖案實戰演練。雖然在

繪製的過程中因為不熟練而時常翻閱筆記,也有請教學過 Illustrator的同學,

不過很享受這段練習的過程,因為在繪製完成後獲得了成就感,感覺自己多習得

了一種能力,可以對於自己的未來有所幫助。

Page 52: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

52

資訊視覺化講座

李世綱老師:「Adobe Illustrator」向量軟體教學

學生:邱顯誠 405056191

心得:

此學期資訊視覺化的教學重點主要是要實際製作資訊圖表專題。為了讓我們

在專題的設計上能更加地豐富、多元,也希望我們能夠自行繪製專題所需的圖案,

因此,盈如老師邀請了李世綱老師來教導我們操作專業的向量繪圖軟體「Adobe

Illustrator」。

這學期總共進行了四次教學課程,礙於上課的次數與時間有限,也為了能讓

我們在短短的幾堂課中熟悉運用向量圖,世綱老師教授的方式偏向於速成教學。

從各式的工具操作,物件複製、移動及調整版面的快捷鍵著手,讓我們在使用上

能更便捷、有效率。雖然是快速上手,但老師對於向量繪圖的概念介紹,一點也

不馬虎,講解著向量的圖形是由一組一組不同的方程式所建構而成,在繪圖必須

要從圖案的面積、形狀來構思,而不是單依靠線條,有別於其他繪圖軟體一筆一

畫一線的繪圖方式。雖然很多工具、物件都能簡單學成,但在實際練習時,還是

時常不知所措。繪圖考驗著是你對各項工具、功能的靈活使用與搭配結合,將在

你腦中的所構築的圖形呈現出來。看著老師那靈活、熟練的步驟,快速地點選滑

鼠操作工具,不花幾分鐘便完成了多個精美的圖案,這讓當時全神觀看的我與其

他同學都不禁讚嘆。但老師並未因為追求快速而忽略該有的細節,像是物品的陰

影呈現、光線投射的角度,圖形顏色的深淺變化,這些必須要是經過長時間的練

習與經驗才能習得的功夫。

感謝老師這幾堂內容充實又豐富的課堂教學,讓我這個從未接觸過向量繪圖

的人,現在也能夠靠著所學到的招式,簡易地繪製出自己專題所需的圖案,給了

我很大的鼓勵和成就感,還有學習新知的感動。

Page 53: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

53

Adobe Illustrator 學習心得

劉旭 406056241

學習 Illustrator有一個月的時間,在我看來它是一款強大的設計繪畫軟體,

在平面廣告設計這個領域應用的非常多。這段時間,可以說我學到了很多,但也

可以說什麼都沒學到,一個月四節課的時間畢竟太短,Ai裡面的變化又是無窮

無盡的,所以需要我們在結課之後也要不停地學習和練習。

相對於 PS,我更喜歡 AI,操作靈活,功能強大,但是真的是需要自己有些

靈感去創作一些有趣的有意思的東西。老師上課也在教我們畫各種有趣的東西,

比如蘋果公司的 Logo或是彎曲吸管的畫法,通過幾天學習發現 AI在處理 logo

上面真的強大,具有 PS不能比擬的效果,AI做出的圖示,logo等放大不會失真

就是一個很實用的功能,因為通過近段時間學習,瞭解到在設計行業,客戶的要

求就是 logo大,醒目,吸引眼球,這些在普通海報上用 PS沒事情,因為這樣的

海報小,放大不會影響效果,但是轉換成大些的海報就不行了,PS放大到一定

的程度會模糊失真,這時候就需要使用向量圖形,顯然 AI就是一個具有解決這

個問題的軟體,很強大。

同時,AI在字體設計上也很強大現在自己處於學習階段,臨摹一些海報字體

對自己有好處,相信自己熟練了也可以達到的。在排版方面也很強大,當然要注

意流出"出血"度,一般在 3px,同時在學習中也瞭解到一些文字排版後給印刷廠

會出現的問題,要麼印刷廠沒有使用的字體,要麼就是排版時你文檔中的圖片沒

有一起發過去,這樣就會很尷尬了,印出的海報或者書籍不是你想要的,老師說

如果不注意這些的話,以後這不僅浪費客戶的金錢,更浪費客戶發行宣傳的時間,

造成嚴重的後果,所以在這些方面一定要注意,文字轉曲(備份沒有轉曲的原版,

以便修改),圖片嵌入處理或者發送的時候帶著圖片的資料夾一起發給印刷廠。

這些業界的設計知識不僅開闊了我們的眼界,也讓我們更會使用這些設計軟

體,收穫滿滿。

Page 54: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

54

E. 吳泰輝(Kirby)業師上課心得

互動圖表&互動遊戲製作課程之摘要整理與聆聽心得

劉一然 F6109601

一、摘要整理

(一)互動圖表的製作

依託於 plot.db平台 https://plotdb.com 進行互動圖表的設計

plotdb.com平台上有展示大量可套用的互動式圖表模板,依據數據的結

構與內容,構思它的呈現形態,選用合適的模板,然後,改寫模板中的數據,

並對其呈現樣貌(如顏色、字型、字號、邊距、標籤等)進行設定與調整,

即可輕鬆的實現數據圖表的製作。在 plotdb平台完成數據圖表的製作後,

轉移至 wix網頁製作平台,將網址內嵌入專案的網頁之中,即可實現交互式

數據圖表的在線呈現。

(二)互動遊戲的製作

依託於 plot.db平台 https://plotdb.com/chart/2145/ 進行問答式設

plotdb.com平台上亦有可以套用的互動式問答題模板,其製作思路與前

述互動圖表之製作思路大體相同。將問題、干擾選項、正確選項及其解釋

置放於模板的相應位置中,即可實現。問答式設計的重點在於釐清選項之

間跳轉的邏輯順序,處理技巧在於,預先設計好問答題題目跳轉的邏輯框

架。有結構清晰的邏輯框架圖做為依據,後續的工作就輕而易舉了。

二、聆聽心得

聆聽這次講座之前,筆者對於程式語言的編寫以及網頁的製作所知無多,

對於期末專案的在線呈現也心懷忐忑。經過 Kirby老師的講解與輔導,筆者

了解到依託於現有的工具(如 wix.com、plotdb.com等)便可以相對輕易地

完成網頁的設計,經過實踐的歷練,方才消除了對於網頁製作的憂慮與恐

懼。

經過課堂的學習與期末專案的製作,筆者意識到,對技術的畏難不應該

成為我們故步自封的理由,在求學之路上,我們不應該自我設限。並且,資

訊室覺化的重點在於對資訊的把握、整理,進而運用豐富的技術手段,將彙

整好的資訊以更益於人們理解的形式呈現,讓人們可以更好地瞭解這個世界

正在發生什麼。

Page 55: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

55

Kirby 老師課程心得

大眾傳播研究所 F06109604 王子宇

Kirby老師這學期為我們講解了 PlotDB互動圖表製作平台,可以用來製作

互動圖表、互動問答小遊戲等。這是一個非常簡單方便的製作平台,只需要選擇

圖表模版——導入數據——調整,就可以將現有的數據以可視化的方式呈現,非

常的簡潔和方便。Kirby老師不僅很詳細地為我們講解了這個平台的使用方法,

而且還很耐心地為我們解決了專案具體使用這個平台時所出現的問題。此外,我

還可以在其他科研項目中使用這個平台來呈現數據,非常感謝 Kirby老師和盈如

老師讓我這門課可以學到這麼多。感謝~

Page 56: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

56

互動遊戲課堂心得

大傳碩一 406056045陳映軒

資訊爆炸時代來臨,我們每天接觸過量的訊息,訊息漫天飛舞,短時間了解

事件始末與電影、快時尚、速食等開始流行,更加速了我們過生活的速度,而當

我們要好好說故事的時候,就要想盡辦法設計簡單明瞭的說明與可愛逗趣的設計

吸引人們駐足觀看,互動遊戲應運而生。

互動遊戲採人機互動的模式,閱聽人接收訊息不再只能透過圖文或影片介紹,

而是可以透過滑鼠參與遊戲,不僅提升閱聽人好奇也提高深入了解議題的興趣,

這次很高興能有這次機會,學習使用 Plotdb製作互動式圖表與互動遊戲,透過

簡單的操作頁面與語法,就能將我們收集來的數據圖像化,增添我們說故事的能

力與渲染力,原本還很擔心完全沒有學習過相關語法的我是否能夠將數據視覺化

兼具美觀效果,想來是多此一舉,Plotdb的設計簡潔明瞭與老師的詳盡解說,

我們這樣的初學者能夠很快上手,但某些專業的語法與技術上的困難還是需要老

師的指導,在此同時,我們能透過實地學習基礎電腦語法的使用,並激起我想學

習相關語法的動機,希望能設計出兼具美觀與實用性的互動遊戲。

在設計互動遊戲的過程中,首次以設計者的角度出發,不僅要設想提高玩遊

戲的動機,同時要設計適洽展現專案主題的遊戲方式,我覺得我仍需要多點練習

才能設計出吸引人的遊戲,感謝藉由這次機會才能開始接觸到互動遊戲與圖表的

設計,希望我以後能繼續精進這方面的能力,感謝老師。

Page 57: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

57

資訊視覺化講座

吳泰輝(Kirby)老師:視覺化圖表教學

學生:邱顯誠

心得:

吳泰輝(Kirby)老師這學期的教學內容主要是視覺化圖表的教學。一個優秀

的圖表專題,最不能缺少的便是能讓觀看者方便、簡易能吸收的視覺化的圖表了。

這次的圖表設計是採用 PlotDB的模板。PlotDB是一個專業的圖表設計網站,這

裡頭有著數百種專門用來呈現數據的視覺圖表。每一種圖表都能依照你的偏好來

設定顏色、調整圖表的形狀,能夠讓圖表完全地呈現所想要的風格,帶來視覺上

的衝擊。除了視覺化的圖表外,PlotDB還有能夠簡單設計問答的模型。它是屬

於一種互動式的圖表。在設計好故事線後,經由下指令與執行程式,能使圖表呈

現出如同遊戲般的形式,讓讀者點選按鈕來觸發故事線的連結,並搭配文字補述,

將資訊以更輕鬆、有趣的方式來表達。像是在玩小遊戲,但同時也是在吸取新資

訊。這個講座的內容,如同是打開了一座通往新奇的大門,每次上課都能接受到

新知、認識新的工具軟體、新的媒介平台,總是令我眼界大開。

Page 58: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

58

視覺專案設計心得

劉旭 406056241

這學期我們組可以說是面臨了很多困難,原本是四個人的小組,有兩個人在

這學期里陸續休學,最後變成只有兩個人,但我們兩個還是遇到困難,克服困難,

這學期的視覺專案我們選擇的主題是網路霸凌,因為隨著科技的發展,網路霸

凌問題日益嚴重;孩子身處資訊爆炸的環境,能以快速、多元且便利的管道

來交友、聊天、玩遊戲,而在網路的世界裡,由於隱匿性高、傳播範圍無遠

弗屆,孩子很容易成為網路世界的霸凌者。加上學童使用手機普及,孩子使

用網路不再受限電腦,隨身手機讓他們 24 小時與網路接觸,手機照相、錄影

功能更給了學童可以隨時錄、隨時照的工具,也給了他們可以快速、廣泛散

佈照片、影片的機會,影響也更長更深遠。

在賴盈如老師對我們進行指導的同時,吳泰輝老師也不定期的過來,給

我們不成熟的專案提出修改意見。因為吳泰輝老師有著豐富的業界工作經驗,

所以他對我們的建議和意見我們都會很認真的聽取。

比如,我和顯誠有一次在怎麼給 wix 換背景的地方卡了好久,討論了將近半

個小時,吳老師進來之後,一下子就幫我們解決了問題,當技術上卡關的時

候,吳老師總是會像及時雨一樣幫我們解答疑難,我們都很感謝他。

Page 59: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

59

3. 學生成果

A. 第一組「讓失智不再悲傷」學生與其作品之合照

B. 第二組「別稱為網路霸凌加害者」學生與其作品之合照

Page 60: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

60

4. 課程紀錄表 輔仁大學 106 年度「產學成果導向課程」

課 程 紀 錄 表 (1) 課程名

稱 資訊視覺化 開課系所

大眾傳播研究所 一年級

填表人 邱顯誠 行動電話 0975706113

Email [email protected]

課程/諮詢紀錄 課程主

題 專題講座-圖表新聞專題的經驗分享

授課教

師 賴盈如 參與人數 9人

業師姓

名 吳凱琳 業師服務單位 報導者

授課方

□ 企業參訪 □ 教育訓練 □ 企業導師共同授課 □ 企業諮詢 □ 專題講座 □ 成果發表 □ 實作課程 □ 其他_______________

時 間 106 年 10 月 19 日( 四 ) PM01:30-PM04:30

課程/諮詢內容 (400字)

本課程目的在訓練學生運用數據資料來製作專題新聞,學習如何利用靜

態、動態圖像有效地傳達訊息,熟悉資訊視覺化相關的理論與實作。

本次講座請到吳凱琳老師為同學們介紹資訊圖表專題,講解何謂圖表專

題?專題所具備的要素、操作方式與流程等,並分享她的專題工作的心路歷

程與經驗談,最後指導同學們的專題作品與問題討論。

演講內容:

第一部分,分享在《報導者》中所參與製作的專題作品

〈蔡英文勞動政見追蹤平台〉、〈零安樂死政策,流浪動物新天堂樂園〉

藉由這些實際的作品,來說明專題中的一些優缺點,與製作時需要注意、改

進的地方。

第二部分,資訊圖表專題的經驗分享

吳凱琳講師講述專題製作的整個過程,從初期專案的評估與歸納,中期的製

作流程,到後期的宣傳、推廣,透過簡報的方式向同學分享。讓同學們暸解

團隊的重要性,分工合作,管理工作內容、進度的難題,遇到問題的處理方

式。

第三部分,指導同學們的課堂專題

各組同學向吳凱琳講師報告專題製作的想法與規劃,老師則針對專題內容提

出改善的方式與建議。

Page 61: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

61

課程/

諮詢照片

吳凱琳講師分享她的專題作品 同學們專心觀看吳凱琳講師上機操作

吳凱琳講師給予同學建議與指教 賴盈如老師與吳凱琳講師意見交流

使用經費

項目 說明與金額 項目 說明與金額

企業導

講座鐘 4800元 專家交通費 0

校外專

諮詢費 0 餐費 0

印刷費 0 實作材料費 0

小計 4800元整

備註:請同時將課程紀錄表請將電子檔寄到 [email protected]

填寫人:___ 邱顯誠____ 授課教師:___賴盈如____ (分機:2905-3339 )

Page 62: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

62

輔仁大學 106 年度「產學成果導向課程」 課 程 紀 錄 表 (2)

課程

名稱 資訊視覺化 開課系所 大眾傳播研究所 一年級

填表

人 邱顯誠 行動電話 0975706113

Email

[email protected]

課程/諮詢紀錄 課程

主題 專題講座-簡報工作坊:三小時打造你的簡報競爭力

授課

教師 賴盈如 參與人數 9人

業師

姓名 紀曦昀 業師服務單位

授課

方式

□ 企業參訪 □ 教育訓練 □ 企業導師共同授課 □ 企業諮詢

□ 專題講座 □ 成果發表 □ 實作課程 □ 其他_______________

時 間

106 年 11 月 09 日( 四 ) PM01:30-PM04:30

課程

/諮詢內

容 (400字)

本次講座請到紀曦昀老師來為同學們介紹專業簡報軟體PowerPoint的使用教

學,講解如何設計好的簡報?簡報的設計概念、操作方式與實用技巧等,並分享她

的簡報作品、學習的心路歷程與經驗談,最後帶領同學們實際操作簡報。

演講內容:

第一部分:PowerPoint各項設計設計功能的介紹

1.投影片母片:投影片的背景在母片內設計好所需的背景樣式。

2.設計的四原則:親密、對齊、對比、重複

3.介紹許多的圖庫資源,能精確檢索到符合自己需求的圖。

4.圖表使用(資訊視覺化的應用):

使用簡單的圖形工具,能將枯燥乏味的數據,轉變成有趣且易懂的資訊圖表。

5.動畫的使用:

調整切換投影片的動畫,自訂播放的時間差與觸發的按鈕,讓投影內容的呈現能更

順暢精彩。

第二部分:簡報的觀念分享

在製作簡報時,必需要考慮到你的聽眾是誰(Who)?然後你的內容要怎麼表達

(What)?再來如何表達(How)?另外簡報呈現需要去蕪存菁,不需要或雜亂的內容,

不放上去,且一張投影片專注表達一件事即可。

Page 63: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

63

課程

/諮詢照

紀曦昀講師講述課程內容 同學們專心觀看紀曦昀講師上機操作

同學們專心聽講 紀曦昀講師指導同學操作簡報

使用經費

項目 說明與金額 項目 說明與金額 企業導

師 講座鐘

點費

4800元 專家交通費 0

校外專

家 諮詢費

0 餐費 0

印刷費 0 實作材料費 0

小計 4800元整

備註:請同時將課程紀錄表請將電子檔寄到[email protected] 填寫人:___ 邱顯誠____ 授課教師:___賴盈如____ (分機:2905-3339 )

Page 64: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

64

輔仁大學 106 年度「產學成果導向課程」 課 程 紀 錄 表 (3)

課程名

稱 資訊視覺化 開課系所 大眾傳播研究所 一年級

填表人 邱顯誠 行動電話 0975706113

Email [email protected]

課程/諮詢紀錄 課程主

題 資訊圖表設計網站PlotDB介紹與教學

授課教

師 賴盈如 參與人數 9人

業師姓

名 吳泰輝 業師服務單位

授課方

□ 企業參訪 □ 教育訓練 □ 企業導師共同授課 □ 企業諮詢

□專題講座 □ 成果發表 □ 實作課程 □ 其他_______________

時 間 106 年 11 月 02 日( 四 ) PM03:30-PM04:30

課程/諮詢內

容 (400字)

本週邀請了吳泰輝業師來位同學們講解專業圖表設計的網站;PlotDB。由於專案

的製作會需要使用大量的資訊圖表。因此藉由PlotDB網站內的大量圖表模板能夠處理

同學們在專題上的需求。這堂課,吳泰輝業師對同學們介紹PlotDB網站的各項式圖表

功能與運用方式。包括了常使用到的長條圖、圓餅圖,例外還結合台灣的地形圖,透

過輸入數據資料,演示出資訊地圖式的圖表。

此周的課程除了介紹圖表網站的功能外,也實際讓同學們運用課堂學習到的技

術進行練習。為了讓同學們了解如何將數字具體圖像化,同學們該如何應用大量的數

字去處理成乾淨且清楚的圖像化資訊,進而清楚地傳遞給觀眾。在處理大量數據的過

程中,同學們所遇到難題與圖表的設計需求,吳泰輝業師也都一一為各位同學解說與

排除。

Page 65: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

65

課程/諮詢照

吳泰輝業師解說圖表功能 PlotDB圖表設計網站

同學實際操作練習

使用經費

項目 說明與金額 項目 說明與金額 企業導師 講座鐘點

費 2000元 專家交通費 0

校外專家 諮詢費

0 餐費 0

印刷費 0 實作材料費 0

小計 2000元整

備註:請同時將課程紀錄表請將電子檔寄到[email protected]

填寫人:___ 邱顯誠____ 授課教師:___賴盈如____ (分機:2905-3339 )

Page 66: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

66

輔仁大學 106 年度「產學成果導向課程」 課 程 紀 錄 表 (4)

課程名

稱 資訊視覺化 開課系所 大眾傳播研究所 一年級

填表人 邱顯誠 行動電話 0975706113

Email [email protected]

課程/諮詢紀錄 課程主

題 資訊圖表設計網站PlotDB介紹與教學-互動遊戲設計

授課教

師 賴盈如 參與人數 9人

業師姓

名 吳泰輝 業師服務單位

授課方

□ 企業參訪 □ 教育訓練 □ 企業導師共同授課 □ 企業諮詢

□專題講座 □ 成果發表 □ 實作課程 □ 其他_______________

時 間 106 年 11 月 07 日( 四 ) PM02:30-PM04:30

課程/諮詢內

容 (400字)

本週邀請了吳泰輝業師來為同學們更深入講解專業圖表設計的網站:PlotDB。這

次吳泰輝業師帶著各組同學操作PlotDB網站裡其中一項特別的介面。PlotDB裡有個能

專門的問答遊戲的設計模板,能輸入簡單的指令與程式,做出類似互動遊戲的功能。

這項功能能運用在專題上,以遊戲的方式,讓觀眾能夠容易理解專題想表達的訴求與

想法,既富有趣味,也能達成資訊圖表專題的目的。

除此之外,吳泰輝業師教導同學們簡單的程式指令應用,以容易上手的圖表軟

體,讓各組同學們發想,如何能將主題藉由遊戲進行包裝與設計。同學們得以從問題

發想為起點,進行故事線設計、遊戲製作與分析的練習,以及最終將結果以視覺化的

方式呈現。

Page 67: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

67

課程/諮詢照

吳泰輝業師解說著問答遊戲的功能 同學們觀看吳泰輝業師的操作

同學實際操作練習

使用經費

項目 說明與金額 項目 說明與金額 企業導師 講座鐘點

費 1600元 專家交通費 0

校外專家 諮詢費

0 餐費 0

印刷費 0 實作材料費 0

小計 1600元整

備註:請同時將課程紀錄表請將電子檔寄到[email protected]

填寫人:___ 邱顯誠____ 授課教師:___賴盈如____ (分機:2905-3339 )

Page 68: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

68

輔仁大學 106 年度「產學成果導向課程」 課 程 紀 錄 表 (5)

課程名稱 資訊視覺化 開課系所

大眾傳播研究所 一年

填表人 邱顯誠 行動電話 0975706113

Email [email protected]

課程/諮詢紀錄

課程主題 資訊圖表專題提案報告與意見討論

授課教師 賴盈如 參與人數 10人

業師姓名 吳凱琳 業師服務單位

授課方式 □ 企業參訪 □ 教育訓練 □ 企業導師共同授課 □ 企業諮詢

□專題講座 □ 成果發表 □ 實作課程 □ 其他_______________

時 間 106 年 11 月 23 日( 四 ) PM01:30-PM03:30

課程/諮詢內容 (400字)

本週同學們根據課組所討論出來的主題做提案報告,由吳凱琳業師針對各組

所提出的想法,給予可以發展以及製作專題的方向,告訴同學們可以如何呈現自

己的網頁,本班的二個小組,每組的視覺化主題的議題都和社會上的問題息息相

關,希望透過各組同學的發想,讓政府可以關注到相關問題,或者是將此問題用

簡單的方式呈現給大眾知道。

同學們在課程中提出許多很好的想法,但是有些不夠具體化或是概念化,或是

與專題訴求有些差異,吳凱琳業師根據同學們個別的問題給予對症下藥的指導,

以及在專題網頁中可以如何將其蒐集到的資訊整理清楚。

Page 69: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

69

課程/諮詢照片

吳凱琳業師對第一組的專題提出建議 吳凱琳業師對第二組的專題提出建議

賴盈如老師與吳凱琳業師合影 老師與同學合影

使用經費

項目 說明與金額 項目 說明與金額 企業導師 講座鐘點費

0 專家交通費 0

校外專家 諮詢費

2000元 餐費 0

印刷費 0 實作材料費 0

小計 2000元整

備註:請同時將課程紀錄表請將電子檔寄到[email protected]

填寫人:___ 邱顯誠____ 授課教師:___賴盈如____ (分機:2905-3339 )

Page 70: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

70

輔仁大學 106 年度「產學成果導向課程」 課 程 紀 錄 表 (6)

課程名稱 資訊視覺化 開課系所

大眾傳播研究所 一年

填表人 邱顯誠 行動電話 0975706113

Email [email protected]

課程/諮詢紀錄

課程主題 資訊圖表專題提案報告與意見討論

授課教師 賴盈如 參與人數 10人

業師姓名 吳泰輝 業師服務單位

授課方式 □ 企業參訪 □ 教育訓練 □ 企業導師共同授課 □ 企業諮詢

□專題講座 □ 成果發表 □ 實作課程 □ 其他_______________

時 間 106 年 11 月 23 日( 四 ) PM02:30-PM04:30

課程/諮詢內容 (400字)

本週同學們根據課組所討論出來的主題做提案報告,由吳泰輝業師針對各組

所提出的想法,給予可以發展以及製作專題的方向,告訴同學們可以如何呈現自

己的網頁,本班的二個小組,每組的視覺化主題的議題都和社會上的問題息息相

關,希望透過各組同學的發想,讓政府可以關注到相關問題,或者是將此問題用

簡單的方式呈現給大眾知道。

同學們在課程中提出許多很好的想法,但是有些不夠具體化或是概念化,或是

與專題訴求有些差異,吳凱琳業師根據同學們個別的問題給予對症下藥的指導,

以及在專題網頁中可以如何將其蒐集到的資訊整理清楚。

Page 71: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

71

課程/諮詢照片

第一組提案報告 第二組提案報告

老師與同學合影

使用經費

項目 說明與金額 項目 說明與金額 企業導師 講座鐘點費

0 專家交通費 0

校外專家 諮詢費

2000元 餐費 0

印刷費 0 實作材料費 0

小計 2000元整

備註:請同時將課程紀錄表請將電子檔寄到[email protected]

填寫人:___ 邱顯誠____ 授課教師:___賴盈如____ (分機:2905-3339 )

Page 72: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

72

輔仁大學 106 年度「產學成果導向課程」 課 程 紀 錄 表 (7)

課程名

稱 資訊視覺化 開課系所 大眾傳播研究所 一年級

填表人 邱顯誠 行動電話 0975706113

Email [email protected]

課程/諮詢紀錄 課程主

題 專題講座-Excel教學講座

授課教

師 賴盈如 參與人數 9人

業師姓

名 李孟學 業師服務單位

授課方

□ 企業參訪 □ 教育訓練 □ 企業導師共同授課 □ 企業諮詢

□ 專題講座 □ 成果發表 □ 實作課程 □ 其他_______________ 時 間

106 年 11 月 30 日( 四 ) PM01:30-PM04:30

課程/諮詢

內容 (400字)

本課程目的在訓練學生運用數據資料來製作專題新聞,學習如何利用靜態、動

態圖像有效地傳達訊息,熟悉資訊視覺化相關的理論與實作。

本次講座請到裏孟學老師來為同學們介紹專業Excel軟體的使用教學,講解如何

設運用Excel整理資料?簡單的函數概念、數據的統整方式與常用的運算法,帶領同

學們實作練習Excel。

製作資訊專題,時常需要處理龐大的數據,將數據轉換成簡單易懂的資訊圖表。

而Excel正是可以用來處理數據、整理與計算的軟體,對將數據轉變成資料的過程有

很大幫助。

演講內容:

介紹常用的Excel運算函數: Left函數、Randbetween函數、 Vlookup函數、樞紐分析等。老師提供一些範

例,讓同學們實際練習,熟悉操作的方式。 觀念分享:處理資訊的態度與方式 面對龐大雜亂的數據資料、問題現象,首先需要學會觀察,瞭解全貌,

抓住所需要的部分,問對問題。然後再開始將資料整理、編譯,進行分析計

算,最後再將導回現實,回應訴求問題。

Page 73: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

73

課程/諮詢

照片

李孟學講師講述課程內容 同學們專心觀看李孟學講師上機操作

同學們專心聽講 李孟學講師 excel內容簡報

使用經費

項目 說明與金額 項目 說明與金額 企業導師 講座鐘點

費 4800元 專家交通費 0

校外專家 諮詢費

0 餐費 0

印刷費 0 實作材料費 0

小計 4800元整

備註:請同時將課程紀錄表請將電子檔寄到[email protected]

填寫人:___ 邱顯誠____ 授課教師:___賴盈如____ (分機:2905-3339 )

Page 74: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

74

輔仁大學 106 年度「產學成果導向課程」 課 程 紀 錄 表 (8)

課程名

稱 資訊視覺化 開課系所 大眾傳播研究所 一年級

填表人 邱顯誠 行動電話 0975706113

Email [email protected]

課程/諮詢紀錄 課程主

題 專題講座-繪圖軟體Illustratorr教學

授課教

師 賴盈如 參與人數 9人

業師姓

名 李世綱 業師服務單位

授課方

□ 企業參訪 □ 教育訓練 □ 企業導師共同授課 □ 企業諮詢

□ 專題講座 □ 成果發表 □ 實作課程 □ 其他_______________

時 間

106 年 11 月 29 日( 四 ) PM01:30-PM04:30 106 年 12 月 6 日( 四 ) PM01:30-PM04:30 106 年 12 月 13 日( 四 ) PM01:30-PM04:30 106 年 12 月 27 日( 四 ) PM01:30-PM04:30

Page 75: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

75

課程/諮詢內

容 (400字)

此次的課程,共分成四周的課堂時間進行,邀請到李世綱業師來教導同學向量

繪圖軟體 Illustrator 的使用方式。以實際上機操作的方式讓同學們可以操作練

習,上課內容著重在靜態圖表製作,讓同學們學習 Illustrator操作,並針對專案

所需使用的圖案進行構思與製作,可以將 Illustrator 所學習到的繪畫方式,自

己繪製期末報告所需的圖像,一方面無須顧慮網路上圖片的使用版權問題,一方面

也可以讓同學們學以致用,發揮創造力,讓同學們在日後的專題製作上可以更順利。

第一次課程(12/29):

介紹向量繪圖軟體 Illustrator 的操作介面與各式常用的功能與快捷鍵。讓同

學熟悉各種功能,並進行第一次的練習繪畫。

第二次課程(12/06):

介紹各種繪圖工具:圖形工具、畫筆工具、線條工具,形狀的聯集、交集、差

集等,透過這些工具的結合使用,能簡易地畫出所需的圖案。

第三次課程(12/13):

介紹圖形的填色,包括各種色塊的調色,表現圖案顏色的深淺、陰影效果。還

有運用顏色漸層,讓圖案更顯豐富與生動。

第四次課程(12/27)

介紹文字功能:使用軟體內建的文字工具,結合原本的繪圖,使圖像效果更加

完美。另外,李世綱業師也講解了檔案完成後的需要儲存的格式,針對不同的系統

軟體,需要個別存成相容的檔案格式

課程/諮詢照

李世綱講師示範圖像構圖 同學們專心觀看李世綱講師上機操作

Page 76: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

76

同學實際操作練習 讓同學實際練習:畫出各式的圖像

使用經費

項目 說明與金額 項目 說明與金額 企業導師 講座鐘點

費 6400元 專家交通費 0

校外專家 諮詢費

0 餐費 0

印刷費 0 實作材料費 0

小計 6400元整

備註:請同時將課程紀錄表請將電子檔寄到[email protected]

填寫人:___ 邱顯誠____ 授課教師:___賴盈如____ (分機:2905-3339 )

Page 77: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

77

輔仁大學 106 年度「產學成果導向課程」 課 程 紀 錄 表 (9)

課程名

稱 資訊視覺化 開課系所

大眾傳播研究所 一年

填表人 邱顯誠 行動電話 0975706113

Email [email protected]

課程/諮詢紀錄 課程主

題 小組專案成果報告,請吳泰輝業師給予同學們需要修改及改進的建議

授課教

師 賴盈如 參與人數 9人

業師姓

名 吳泰輝 業師服務單位

授課方

□ 企業參訪 □ 教育訓練 □ 企業導師共同授課 □ 企業諮詢

□ 專題講座 □ 成果發表 □ 實作課程 □ 其他_______________

時 間 106 年 12 月 28 日( 四 ) PM02:30-PM04:30

課程/諮詢內容 (400字)

此次的課程,為各小組的專案完成後的報告演示,分享其成果,並邀請了吳泰

輝業師聆聽小組的報告,給予同學們專業的建議,以及需要修改、改進的部分。兩

組的同學在報告整體呈現上相當完整,只有些小小的缺失與細節需要再做修改。二

組的專案報告都有將之前由吳泰輝業師所教授的軟體加以運用其中,展示出好的資

訊專題。賴盈如老師及吳泰輝業師對於同學們的期末成果頗為滿意。

Page 78: 106 學年度第一學期 資訊視覺化 - fju.edu.twteachup.fju.edu.tw/upload/002/lesson/report_20180125013738.pdf · 本課程依照學期初的規劃,由授課老師與業界老師合作,順利完成十八周不

78

課程/諮詢照片

第一組專案演示 第二組專案演示

老師觀看各小組的專案報告 吳泰輝業師、賴盈如老師與同學的合

使用經費

項目 說明與金額 項目 說明與金額 企業導師 講座鐘點

費 2000元 專家交通費 0

校外專家 諮詢費

0 餐費 0

印刷費 0 實作材料費 0

小計 2000元整

備註:請同時將課程紀錄表請將電子檔寄到[email protected]

填寫人:___ 邱顯誠____ 授課教師:___賴盈如____ (分機:2905-3339 )