點開線上課程的網頁，琳琅滿目的課程，每一堂看來都十分有趣。喜歡攝取知識的你，一定接觸過不少堂線上課程。
但你有想過，線上課程是如何被製作出來的嗎？
從第一眼看到的課程封面、介紹，到頁面下滑後的課程宣傳片，慢慢地帶你了解這堂課的內容、風格，以及老師的個人資訊。這些，都經過了縝密的思考與設計，讓你在短短幾秒的時間中，被我們吸引，進而留下來。
說起來複雜，究竟，一堂線上課從提案到設計產出影片，中間需要經過多少的腦袋，才能精美地呈現在你的面前呢？讓編輯團隊為你解密，公開「生鮮時書」線上課程的製作思考！
讓老師不只是老師，挖掘隱藏版獨特魅力 —— 設計團隊
從課程企劃手上接到老師資料後，設計團隊便開始一連串緊鑼密鼓的作業。因為，在 1 至 2 週之後，他們就要針對老師、課程的風格，提出兩個版本的視覺設計。
設計團隊一打開電腦，畫面裡塞滿了課程相關的形象照、字體、LOGO、情境等照片。
「從琳琅滿目的素材裡，我們致力開發老師不為人知的魅力。」
她們熟練地將一張張圖檔放進製圖軟體中，從中挑選合適的顏色，提出不同風格的色票。除了顏色上的設計，她們也會透過不同材質的拼接、或是手繪風格，來凸顯老師的風格。
在「軟筆手寫字課」中，設計團隊一開始根據學員特性，做出了偏向清新、淡雅的文青風。但在與老師聊天、蒐集周邊資料的過程中，卻發現她是個很有個性的帥氣女孩。
於是，除了符合手寫字的文青調性之外，還提了另一個方案，以藍綠色與柑橘色撞色，加上手撕紙的材質疊加，將老師精靈古怪、帥氣的那面呈現出來。
不斷地去挖掘老師的個人特色，讓設計團隊在做同類型的課程時，能找到獨具特色的切入點。
「即使是同樣的課程類型，我們也能切出每位老師與眾不同的特色！」
歐陽立中老師的「爆文寫作」與瓦基的「知識輸出」課程，同樣都是知識內容為主題的課程，如何做出差異化，便是一大挑戰。
歐陽老師強調如何將生活轉化成可以變現的文字，於是設計團隊以專業形象、讀書人的方向來設計，透過藍色的西裝配上藏綠色的背景，打造出專業的形象感。
為了貼合活潑有趣的「爆文」主題，設計團隊在老師的形象照上，下足了功夫。找了不同的參考圖片，教老師如何擺拍，搭配上後製的巧思，打造出專業又不失親切的形象。
而在瓦基的「知識輸出」課程中，由於有興趣的群眾多為小資族，於是以淺藍色拉近與上班族的距離。又以「紙」的材質打底，配上螢光筆的黃色提醒，使得課程頁面就像是手中的筆記本一般，形成活潑又俏皮的風格。
課程頁面的設計思考：資訊與美感間的拉扯
線上課程購買頁面的設計，不僅要畫面好看，最大的思考點在於「如何將複雜的概念，轉化成圖像化的資訊，讓人讀來清晰易懂？」。
「風格、顏色是基本，內容清晰、有人看得下去，才是課程頁面的成敗關鍵。」
將內容深入淺出地傳達給大眾，靠得是設計團隊的資訊整理與視覺化呈現。在完整了解課程內容後，迎面而來的是一系列的燒腦挑戰。
「要讓資訊清晰明瞭的方式，是直接指出重點。所以我做圖的時候，通常都直接『啪！』」設計團隊指著螢幕上的大標題，十分可愛地用狀聲詞解釋著。
說起來簡單，但是如何提煉出重點，都需要經過一次次的思考與重整。
遇到資訊過於龐大的課程，為了讓頁面避免過於擁擠，且在有限的字數內說清楚重點，力求資訊與美觀之間的平衡。
設計團隊常常需要將資料依照重要的層級劃分，以字體大小、螢光筆記號標註，讓資訊一目了然。
透過數字將資訊重新編排，加上小圖示的精準指引，不僅讓觀眾能快速地抓住課程主旨，更能增加他們對課程內容的信任。
從拍攝現場到影片後製，致力讓知識更好入口—— 影音團隊
訪影音團隊，最能概括他們的大概就是以下這句：
「沒有什麼事情是可控的！不斷思考最佳作法，縮短學員與知識間的距離。」
就算在事前已經將所有道具準備好、場勘過，拍攝依舊是一場硬戰。也許你會想，合作的老師都已經超級專業：烘焙師已經做過無數個蛋糕、有實體課經驗的老師甚至口條都很不錯，還會遇到什麼問題嗎？
但是如果有一堆鏡頭對著你，講話，頓時變成了一件非常不容易的事情。
根據多次的經驗累積，從一進攝影棚開始，影音團隊便會與老師聊聊接下來拍的課程內容，讓老師多加放鬆，也同時維持現場活潑、愉悅的氣氛。
拍攝進行時，導演也會透過鼓勵的話與眼神的肯定，來引導老師進入講課狀態，對於線上課的錄製更快速上手。這些都有助於老師在拍攝的情境下，心情更加放鬆，也更能流利地講課。
不只是拍攝現場，從課程製作前期開始，影音團隊便會思考：「如何透過不同的形式，讓學員更好吸收課程內容？」
於是，在影片後製時，導演們會根據每堂課程的不同需求，設計出不同的鏡位、剪輯、動畫。例如：
「皮拉提斯」課程，就會著重於需要注意的部位來拍特寫，後製也加上倒數計時的時鐘，方便學員跟著一起運動；
若是與「烘焙」相關的課程，便會需要多台攝影機，讓學員能清楚老師的每個動作與食物的狀態，邊跟著動手做，也能檢視自己是否做得正確；
而內容較抽象的「知識輸出」課程，畫面上就會以簡報為主，將老師的臉縮小到一旁，讓學員在理解課程時，除了聲音，還有視覺上的輔助。
在與 ELLE 合作開設的「療癒相談室」課程中，攝影團隊顛覆以往大眾對命理占卜的印象，不採用宇宙浩瀚的深藍背景，或是大紅色的占卜色彩。整部課程影片以淡粉色調為主，搭配白色背景與木質調的點綴，營造出親民、療癒卻又不失典雅的風格。
在課程畫面中，影音團隊將複雜的風水、占星知識消化後，參考老師提供的簡報，重新製作成精美的字卡，透過動畫、手繪設計將資訊巧妙地融入這次的療癒主題。
課程完成後，影音團隊也收到來自兩位老師的大力稱讚。成功讓命理、星座主題，以心靈療癒的面貌，重新與大眾見面。
如何留住你的目光？宣傳片的製作思考
線上課程的拍攝，著重於觀看者的「使用者體驗」，而在宣傳片、試看片中，則是需要引人入勝的劇本編排。
為的是讓大眾願意花時間來了解這堂課。最常見的作法，就是要把握宣傳片的前幾秒，展現課程的特色或是痛點，讓人願意看完整個影片。
談及如何設計影片腳本，導演們笑著說，做宣傳片就像是私家偵探一樣，需要不斷翻找 Podcast、YouTube、Facebook 上老師們的蛛絲馬跡。看到老師曾講過的金句，就要立刻筆記下來，也許能放進宣傳片，成為畫龍點睛的一筆。
片頭一句「欸，你多久沒寫字了？」伴隨著慵懶法式風的音樂響起。突然，老師一個帥氣的轉筆，節奏感的音樂配上華麗轉身。翻轉的亮點，讓大家記住「手寫字不只能文青，也能寫出自己的個性」。
果然，這個版本深受老師的喜愛，甚至吸引了不少人來詢問與稱讚，來自各方的反饋也讓影音團隊成就感滿滿。
設計與影音團隊最大的成就感來源，來自於每位老師的反饋。有些老師看到自己被拍得如此專業、有風格，感到十分驚訝，沒有想到自己的課程可以這樣被呈現。
而每一段感謝的話，都是團隊工作的成果被重視、被看見的證據。對設計、影音團隊來說更是滿滿地感動，也成為他們在製作線上課程上持續努力、精進的動力。
看完這次的「線上課程」製作大公開，從課程頁面到影片一系列的體驗，都是由設計與影音一同腦力激盪的成果。願熱愛學習的你，能透過時書的線上課程，一同邁向更好的自己。
