怎樣學慣用Flash做一個交互型的課件/學件?

經常用Powerpoint來做一些交互型的課件(應該有這種說法吧?)。現在我想要學用Flash來製作這種交互型的課件,不過因為之前只接觸了一點點Flash(只會基本操作做簡單的動畫),完全做不出來那種課件(技術上)。
所以想問一下如果我想要做成以下網站或PPT的效果(交互型的課件),我需要怎麼學習?
1. PPT觸發器-動畫效果
2. Repères Juniors : jeux éducatifs, activités pour enfants


十年過去了,沒想到還是要來回答課件的問題 :-)

但這個問題不太好回答,我不太確定題主期望偏向與界面設計、交互體驗、程序設計還是教學內容。但我將盡量嘗試。

1. 定義課件

課件大約是個只有師範生和老師們才會明確知道含義的名詞,不過即使是這個名字,也需要一些仔細的理解。

我不能確定你說的「交互性課件」指的是教師在課堂上以展示為主使用的課件,還是只學生獨立使用或者在家長和老師的指導之下主動使用的學件

你給的例子裡面,第1個偏向與前一種範疇,第2個偏向於後一種範疇。第3、4個訪問有些問題(等了5分鐘打不開),我沒有看。

其實第1個並不是一個好的課件例子。它花了太多的功夫來制(炫)作(耀)靈動的菜單和輕巧的音效,卻沒有展現什麼有意義的內容。按照它展現的效果和音效來看,應該是針對低年級的學生(他們會對這些比較感興趣),可是整體設計上又過於簡潔,無法吸引小朋友的注意。而如果它原本是設計給16歲以上的學習者使用,我又看不出它的那些小把戲能真正給授課帶來什麼直接的效果。

第2個例子是個學件,或者說教學類遊戲。這類作品(或者商品)更適合在線獨立學習,這是課件的一種離開教師的自學表現形式。

課件其實是多媒體作品的一種子類型,準確的說,和各種電子產品(或軟體)自帶的教學光碟、政府大廳的觸摸屏、旅遊景點互動介紹等等屬於同一種類型。Google地球算課件么?如果把它用於教學,當然算。虛擬紫禁城 算課件么?太算了。

這樣看來,互動式課件 也就沒有什麼可獨立討論的了。製作一個課件,和製作任何的需要交互的多媒體作品在技術上沒什麼不同。當然,只是技術上。從另一個方面考慮,課件和普通的多媒體作品還是有非常大的差別,就是製作優秀的課件需要對教學規律和課程內容有深刻的了解和研究。

但是如果從教學方面討論,作為一個離開了教學一線10年,離開了教育界3年的前老師,應該是力有不逮了。所以我只能從一個程序員的角度來談談技術方面的問題,我想題主也應該是這個意思。

2. 技術選擇

多媒體技術涉及的範圍非常廣,除了必要的整合工具之外,音頻視頻圖形圖像處理技術,都必須熟悉,這些如果展開說,那麼本篇就無法結束。所以只說用於整合的工具。

那麼,十年前最好的(當然目前也是最好的)整合工具,就是 Adobe Flash,沒有之一。題主你選對了。

當然,還有Adobe Director、Macromedia Authorware,還有方正奧思,或者VB/VC/Dreamweaver 都是可以的。這些我都用過,而且用的足夠深入。但既然題主已有選擇,就按正確的來說。

其實 Microsoft PowerPoint 也能達到你說的的效果,你深入學習VBA,達到你給的第1個例子的水平也並不難。但既然你選擇了Flash,那就繼續。

3. 學習方法

我 2004年 寫過一本 Flash MX互動教學課件製作實例教程[按需印刷] , 這本應該是很適合題主,只是書店一定買不到。另外這本是用AS1編寫的,可能在語言上有些落後。但是,如果你能找到這本書,我還是建議你看一下的。對於編寫課件來說,AS1已經完全可以勝任,而且書中介紹的關於結構組織的相關知識是無論什麼版本的Flash都必須要精通的,即使用現在的Flash CC也不例外。

然後,在熟悉Flash的過程中,必須掌握一種圖像編輯工具(推薦Adobe Photoshop或者GIMP),一種音頻編輯工具(推薦Adobe Audition或者Goldwave),一種非線性編輯工具(推薦Aodbe Premiere或者Corel 會聲會影),一種手繪工具(推薦Adobe Illustrator或者Corel Draw),一種3D編輯工具(這個可選)。

在學習這些工具的過程中,掌握圖像文件、視頻文件、音頻文件的常見的種類與區別,音視頻編碼技術以及碼率、codec對視音頻質量的影響,不同軟體和平台對多媒體(視頻、音頻、圖像)文件的支持情況。

需要學習一些界面設計知識和交互設計知識,掌握基本的排版和配色技巧。此處需要向美術和設計專業同學請教。

Adobe Flash 軟體以及AS3語言的學習,參考下面兩篇文章。

  • 怎樣學習Flash?
  • 關於 ActionScript 有哪些書籍值得推薦?

最後,就是利用題主的教學理論和教學實踐知識,再加上 Adobe Flash軟體的便利,製作出鬼斧神工的作品吧!


祝你成功。


製作互動式課件的工具,從簡單的到複雜的可以有很多選擇,但是如果本身不是多媒體技術專業,掌握Flash技術,建議不要去碰Flash,你還可以有更好的選擇:
1. Powerpoint,利用PPT自身的超鏈接和觸發器功能已經能夠實現很多效果,做得不好很大程度上是想法的問題;

2. iSpring,這個是PPT轉Flash和HTML5的神器,完全兼容Powerpoint幾乎所有的動畫效果和超鏈接、觸發器功能。如果你不打算花錢,用個iSpring Free Suite 6 還可以簡單的添加單選、多選和判斷題,如果要PPT輸出Flash,這是最簡單好用的。如果你還想在移動設備上播放,那你可以選iSpring Free 7,可以直接從PPT輸出HTML5,效果杠杠的。如果你還需要做熱點、連線配對、等複雜的題型,甚至是複雜的電子書,那就推薦你用iSpring Suite完整套件,平南學習已經做了全面漢化,可以提供全中文版本。

更直觀的感受一下iSpring和PPT搞基的強大效果:遊戲化PPT教學案例 手機黨戳鏈接:挑戰秋葉PPT七星陣,PC黨掃碼播放

3. Storyline,如果你對交互有更多要求,有很多很好的想法,用上面PPT和iSpring無法實現。還有一個Storyline的互動式課件創作工具。有免費30天試用版,無功能限制。通過它,你完全不用學Action Script,Java Script,通過簡單的點擊配置就能夠做出遊戲化交互效果的課件。國外很多專業的e-Learning供應商都是用它來開發互動式課件。應用廣度和受歡迎程度,遠遠超出了Flash、Director之類的工具。


可以使用知牛網互動式微課製作,操作簡單


推薦閱讀:

為什麼 OS X Lion 滾動手勢的方向反過來了?
如何看待OS X Yosemite中UI不統一的問題?
為什麼中國的甲方都不願意為設計付出高額費用?
打電話的時候臉蛋總是會碰到手機屏幕上的「結束通話」按鈕怎麼辦?
OS X Yosemite 為何要將左上角的窗口最大化按鈕替換成全屏按鈕?

TAG:交互設計 | AdobeFlash | ActionScript3 | 網路課件開發 |