述文老師學習網

不論是上課寫筆記、製作簡報教材、寫報告…等，常常會有繪圖的需要，畢竟圖像式的表達或是記憶，對於學習上會比單純文字的陳述，更容易讓大腦記住！ 「我不會畫圖！」這句話應該是很多人曾經對自己說過的話！Google 新推出的 AutoDraw 線上服務，正是有「美感障礙」人的好幫手！AutoDraw 透過 AI 人工智慧的協助，會自動辨識並列出可能是你想畫出的圖形列表，讓你來選擇哪一個才是心中的「真命天子」！ 當繪製完成後，AutoDraw 可以直接下載為 PNG 圖檔，也可以透過 Share 產生共享網址！ ※ Google AutoDraw 網站： https://www.autodraw.com/ AutoDraw 除了具有 AI 人工智慧的繪圖辨識外，也可以加入單純的手繪、文字，甚至是為這些繪圖做填色…等，建議各位在開始使用前，可以選按「Fast How-To」快速了解 AutoDraw 的相關功能！    現在就一起來試看看 AutoDraw 繪圖！ 一、先決定繪圖區域的大小與方向： 從選按網頁左上角的選單，設定繪圖區域的大小與方向。 ↑ 也可以從網頁右下角直接用滑鼠拖曳喔！ 二、開始繪圖囉！   三、下載或產生分享連結   四、也可以用來製作 GIF 動畫喔！ 在繪製的過程中，AutoDraw 有保留完整的歷史記錄，所以，也可以透過這樣的方式，輕鬆地將創作過程的畫面下載後，配合 Gif 動畫製作的線上服務或軟體，如 http://gifmaker.me/ ，就能製作出 Gif 動畫囉！ 註：AutoDraw 這樣的工具用久了，不知道會不會產生「刻板印象」的效應，反而對於創意發想造成不利的響影！

曾經使用過或是剛接觸 Arduino 裝置的使用者，可能知道 Autodesk 有推出一套免費的線上電路模擬平台：Autodesk Circuits，它擁有相當完整的功能，只需要透過瀏覽器，不需要任何的硬體設備，就能在線上產生程式碼並進行硬體設備模擬，這樣就能在真正實作前，縮短 Debug 的時間！ ※ Autodesk Circuits 網站： https://circuits.io/ 就在這個星期，Webduino 也推出了 Arduino 模擬器開放測試，讓大家可以在沒有購買硬體設備，或是進行硬體實作前，從模擬器中練習如何接線、認識元件或是感應器的模樣與接腳，減少真正使用時的錯誤！ Webduino 的Arduino 模擬器除了上述的優點外，還有以下的特色： 目前有正體中文、簡體中文與 English 語言介面 不需進行註冊即可使用 設計完成後，可將程式積木儲存並產生連結，方便分享或練習 雖然目前僅是開放測試，元件還不夠完整，相信日後會有愈來愈多的模擬元件可供使用！ ※ Webduino 官方網站： https://webduino.io/ ※ Webduino 的Arduino 模擬器網址： http://simulator.webduino.io/ 以下，我們就來介紹一下 Webduino 的Arduino 模擬器該如何使用！ 一、從右上角選按「模擬器區域」，叫出模擬器面板 按下「元件」後會出現如下圖可使用模擬器元件，先按住「Arduino UNO」板子不放，並拖曳到下面適合的空白區域中！如果覺得元件顯示畫面太小，可以使用滑鼠滾輪進行縮放，也可以自行調整空白區域四周的「灰色」邊界大小，或是將空白區域整個移動到網頁畫面中適合的位置上！ 二、加入要進行模擬的元件 依相同方式加入要進行模擬的元件，如果需要的元件比較多，或是元件較大時，除了使用滑鼠滾輪進行縮放外，也可以選按右上角的「最大化」按鈕，以全畫面的方式來調整與安排這些元件。 若有元件加入錯誤，或是多出元件時，可以選按鍵盤上的「DEL」刪除，待元件全部加入完成後，可以再選按一次上方的「元件」，就能把右邊所有的模擬器元件面板關閉。 三、模擬杜邦線連接元件 接...

每個 After Effect 都會遇到上述畫面的情形，奇怪，怎麼突然預覽視窗上的畫面都變黑色了！ 這是因為按到鍵盤上的 大寫按鍵 Caps Lock ，只要解除大寫就可以囉！ 這個功能的主要目的是給非常熟悉 AE 的人，開啟此功能後，可以不需要從螢幕上即時運算預覽結果，以節省影片輸出與調整的時間！ 不過，真的拜託一下，「不要看到紅色框就開槍：說是按到大寫按鍵好嗎？」 After Effect 的訊息上面，其實都有寫是什麼樣的情形造成的，因為，還有其他的情狀也會出現類似的訊息喔！所以，認真看一下這些文字，有不懂的字，查一下字典，或是來「述文老師部落格」看看 After Effect 的 FAQ 常見問題開講 ，應該都有機會找到答案喔！ ※ 延伸閱讀： After Effect FAQ 常見問題開講：都是 Layer Style 圖層樣式惹的禍！3D 圖層與 Layer Style 圖層樣式為什麼不能魚與熊掌兼顧？ After Effect FAQ 常見問題開講：為什麼 Camera 攝影機、Light 燈光都有設定，3D 圖層就是沒有產生投影(陰影)？ After Effect FAQ 常見問題開講：為什麼視訊檔案在AE中播放是 OK 的，但是輸出影片時就變成素材遺失呢？ After Effect FAQ 常見問題開講：用 CC Snowfall AE 內建濾鏡，為聖誕節輕鬆增加下雪氣氛！ After Effect FAQ 常見問題開講：如何顯示 / 隱藏圖層控制項 View / Show Layer Control？(因為有時候會手殘，不小心按到喔！) After Effect FAQ 常見問題開講：如何快速替換時間軸上的圖層，別再傻傻的每次都打掉重練了！ After Effect FAQ 常見問題開講：常用的工作面板開合快速鍵介紹 (1) After Effect FAQ 常見問題開講：Composition 合成也能使用 Expression 語法，不斷重複播放動畫，真的可以不用「手工」逐一加入喔！ After Effect FAQ 常見問題開講：如何使用 Expression 語法，讓圖層中指定的關鍵影格範圍不斷重複執行，不要再用「手工」複製關鍵影格啦！Orz ...

IOT 物聯網已是未來的網路趨勢，加上 107 年課綱在資訊領域也加上了相關的規劃，讓很多相關的應用的資訊或是研習課程…等，正如一股大浪般襲捲全台！ Webduino 與 Arduino 是目前很多學校的熱門選項，當初選擇以 Webduino 做為日後的主要教學配備，在於它實現了用 Web 串接 Arduino 的完整過程，純粹撰寫 HTML 與 Javascript 的網頁語法，就能夠玩轉各式各樣的傳感器與元件，創造了更加方便簡易，容易擴充與應用的開發模式，帶來更多的創意與契機！ 此外，Webduino 的雲端編輯工具也跟許多人接觸過的 Scratch 一樣，採用積木式的程式設計，簡單易學，除了提供完整的程式範例外，網站上更有豐富的教學範例，對於教學上更是一大的幫助！ ※ Webduino 官方網站： https://webduino.io/ 在這次日南國中的社團研習中，同學們已經有接觸過 Arduino 與 Scratch 的經驗，所以除了簡單介紹 Webduino Smart 的設備與本次研習使用的感應器外，同學對於 Blockly 的網頁設計界面很快就熟悉了！ 也非常感謝日南國中舒校長特別撥冗，在這次研習中全程參與，與同學、老師們一起來體驗 Webduino Smart 套件！ 以下是這次「20170406日南國中：Webduino Smart 物聯網套件初體驗 - 點亮第一盞燈、LED 點矩陣」的相關講義、研習錄影影片！ ※ Google 簡報： https://drive.google.com/open?id=1uPjHPF8HEmrr0v9bzsRrjIipA3mIJ_kxBJW0R1NBXEU ※ Youtube 頻道播放清單： https://www.youtube.com/playlist?list=PLGgb8xybFghuk3Gz4lRSy_6BAXsx0eOsU ※ 廣告時間： 以下有兩場 4/15(六) Webduino 在台中女中舉辦的活動場次，歡迎有興趣的您報名參加喔！ http://www.accupass.com/go/Webduino2017tca http://www.accupass....

在這個資訊時代裏，設計除了以「原創」的方式，從發想、討論、實作逐步實踐進行之外！為了讓設計更有效率，透過「 Templates 範本 」與「 Mockups 原型 」的方式，讓設計的進行可以站在巨人的肩膀上，先從別人已經設計好的內容，再經過適當調整，或是直接套用，快速建立出新的設計作品！ 這樣的概念，其實早就是 ING 進行式，不只是微軟的 Office，包括現在很多線上影像、影片剪輯處理雲端服務、行動裝置 APP 應用程式，大家都在朝這個方向發展！ 對於非設計相關背景的人來說，這樣不僅縮短了學習的時間，更重要的是，能在短時間內，製作出不輸專業水準的設計作品！ 那對於設計相關的人來說，真的這樣就代表機會愈來愈少了嗎？其實不然，反倒是因為工具愈來愈簡單，降低了軟體的學習時間，更能將時間專注在「設計的本質」，而且更容易進行「跨領域」的嚐試與創新！ 關於「 Mockups 原型 」，可以參考以下的維基百科的說明： https://zh.wikipedia.org/wiki/Mockup 在 製造 及 設計 上，mockup是一個設計或是設備的 模型 ，用來教學、展示、設計評估、推廣或是其他用途，可以是 比例模型 或和實物一様大的模型。若mockup已有系統一部份的功能，已可以測試其設計，則稱為 原型 （prototype） [1] 。設計者會用mockup來收集使用者的意見及回饋。mockup表示了一個流行的工程概念：設計者可以在繪圖板上用橡皮擦直接修改設計，也可以晚一點用錘子直接修正 [2] 。 現在，我們就來看看網路上用「 Templates 範本 」與「 Mockups 原型 」這兩個關鍵字，能找到哪些好用的設計資源！ ※ 搜尋技巧：請記得使用「複合關鍵字」，例如，想找免費的海報範本，就用「 mockup poster free 」。 mockups free templates design free 以下有不少優質設計素材網站，都可以做為大家設計的參考喔！ Mockupworld 網站中有一個免費的 Free Mockups 類別！ Behance 由 Adobe 主導的設計人才求職求才網站，也有提供 Best Free Mockup 作品供下載！ Pixe...