Image

線上課程

線上課程製作大公開,從風格設計到課程拍攝——專訪「生鮮時書」影音與設計團隊
2 週 ago

線上課程製作大公開,從風格設計到課程拍攝——專訪「生鮮時書」影音與設計團隊

點開線上課程的網頁,琳琅滿目的課程,每一堂看來都十分有趣。喜歡攝取知識的你,一定接觸過不少堂線上課程。

但你有想過,線上課程是如何被製作出來的嗎?

從第一眼看到的課程封面、介紹,到頁面下滑後的課程宣傳片,慢慢地帶你了解這堂課的內容、風格,以及老師的個人資訊。這些,都經過了縝密的思考與設計,讓你在短短幾秒的時間中,被我們吸引,進而留下來。

說起來複雜,究竟,一堂線上課從提案到設計產出影片,中間需要經過多少的腦袋,才能精美地呈現在你的面前呢?讓編輯團隊為你解密,公開「生鮮時書」線上課程的製作思考!

讓老師不只是老師,挖掘隱藏版獨特魅力 —— 設計團隊

從課程企劃手上接到老師資料後,設計團隊便開始一連串緊鑼密鼓的作業。因為,在 1 至 2 週之後,他們就要針對老師、課程的風格,提出兩個版本的視覺設計。

設計團隊一打開電腦,畫面裡塞滿了課程相關的形象照、字體、LOGO、情境等照片。

「從琳琅滿目的素材裡,我們致力開發老師不為人知的魅力。」

她們熟練地將一張張圖檔放進製圖軟體中,從中挑選合適的顏色,提出不同風格的色票。除了顏色上的設計,她們也會透過不同材質的拼接、或是手繪風格,來凸顯老師的風格。

在「軟筆手寫字課」中,設計團隊一開始根據學員特性,做出了偏向清新、淡雅的文青風。但在與老師聊天、蒐集周邊資料的過程中,卻發現她是個很有個性的帥氣女孩。

於是,除了符合手寫字的文青調性之外,還提了另一個方案,以藍綠色與柑橘色撞色,加上手撕紙的材質疊加,將老師精靈古怪、帥氣的那面呈現出來。

不斷地去挖掘老師的個人特色,讓設計團隊在做同類型的課程時,能找到獨具特色的切入點。

即使是同樣的課程類型,我們也能切出每位老師與眾不同的特色!」

歐陽立中老師的「爆文寫作」與瓦基的「知識輸出」課程,同樣都是知識內容為主題的課程,如何做出差異化,便是一大挑戰。

歐陽老師強調如何將生活轉化成可以變現的文字,於是設計團隊以專業形象、讀書人的方向來設計,透過藍色的西裝配上藏綠色的背景,打造出專業的形象感。

為了貼合活潑有趣的「爆文」主題,設計團隊在老師的形象照上,下足了功夫。找了不同的參考圖片,教老師如何擺拍,搭配上後製的巧思,打造出專業又不失親切的形象。

而在瓦基的「知識輸出」課程中,由於有興趣的群眾多為小資族,於是以淺藍色拉近與上班族的距離。又以「紙」的材質打底,配上螢光筆的黃色提醒,使得課程頁面就像是手中的筆記本一般,形成活潑又俏皮的風格。

課程頁面的設計思考:資訊與美感間的拉扯

線上課程購買頁面的設計,不僅要畫面好看,最大的思考點在於「如何將複雜的概念,轉化成圖像化的資訊,讓人讀來清晰易懂?」。

「風格、顏色是基本,內容清晰、有人看得下去,才是課程頁面的成敗關鍵。」

將內容深入淺出地傳達給大眾,靠得是設計團隊的資訊整理與視覺化呈現。在完整了解課程內容後,迎面而來的是一系列的燒腦挑戰。

「要讓資訊清晰明瞭的方式,是直接指出重點。所以我做圖的時候,通常都直接『啪!』」設計團隊指著螢幕上的大標題,十分可愛地用狀聲詞解釋著。


Read More

[jetpack_subscription_form title="輸入電子郵件,免費訂閱生鮮時書每週更新:" subscribe_placeholder="輸入正確電子郵件位址" success_message="訂閱成功!我們剛才已傳送訂閱確認電子郵件,請在Email中按下「啟用」開始訂閱。" subscribe_button="讓知識豐富你的生活" show_subscribers_total="0"]