動畫背後邏輯與創意－臺灣吧知識轉譯力
- 學會讀懂眼花撩亂的資料、整理歸納出其中脈絡、戳破似是而非的論點
- 將龐雜的資訊轉化為易讀的摘要
- 有邏輯地架構內容文本，陳述自己的觀點
- 創意手法包裝，將嚴肅題材轉化為活潑的影片腳本
Hahow好學校104學習精靈
網頁動畫設計
網頁動畫設計
關注
邀請朋友 
Facebook
Line
複製連結
Hi~ 歡迎分享學習資源，有學習問題可匿名向Giver發問！
我要分享
我要提問
網頁動畫設計 學習推薦
全部
影片
文章
翻滾吧蔥油餅！簡單 SVG 動畫製作_下集：讓場景元件動起來
本篇文章接續上集，要帶大家簡單做出好玩的 SVG 網頁動畫，讓蔥油餅翻滾！怎麼讓場景元件動起來，一步步帶你動手做。
本文翻自 [週四寫程式系列] 來做SVG動畫讓蔥油餅翻滾吧!，若是對文章內容有疑問，或是想要老闆手把手帶你飛，都可以觀看影片詳細內容。
在上集中，老闆帶大家從發想素材、將素材引入網頁，到製作場景進出的動畫。接下來我們將要賦予場景中的每個元件生命。
本篇文章會談到：
本篇文章中，老闆會帶大家完成蔥油餅小島中角色與物件的動畫，也會提示大家每個部份需要注意的地方，以下動畫的設定數值都都只是參考，開發時大家都能試試看不同的數值。
實際應用﹔讓場景中的元件動起來
怎麼讓素材動起來？
一、驚嘆號
首先我們從驚嘆號下手，老闆讓驚嘆號分布在場景的各處，用意是要提示使用者這邊有驚喜，引導使用者靠近這個區塊。為了增加提示效果，我們利用左右晃動的動畫效果，固定時間後會再撥放。
這邊使用了新的 css 屬性 animation ，需要搭配 @keyframes 使用，在 keyframes 用百分比去註記不同時間該顯示的樣式，透過 animation 定義動畫總時間，這也代表這個 keyframes 可以提供給不同元件使用，使用的元件賦予不同的時間等屬性，就是一個全新的樣貌。
要注意元件會以左上角為旋轉中心點，適時加上 transform-origin, transform-box 讓動畫更加合理。
詳見原文>
1
0
484 1
拍手
留言
分享
Line
複製連結
收藏
熱門精選
【最新】2024年11月AI課程熱門排行榜TOP 10：最受歡迎的AI學習課程推薦
從AI基礎知識到應用，市面上提供了各種AI學習課程：AI線上課程、AI實體課程，無論您是初學者還是專業人士，都可以找到適合自己的AI課程。本文將為您揭曉2024年11月最受歡迎的AI課程排行榜，幫助您輕鬆找到優質的AI學習資源，快速掌握AI技能。
本篇透過從104課程中心的用戶學習大數據，整理出大家都在搜尋的TOP 10 熱門課程；可透過排行榜，找到你所需的學習內容，增進職場的職能成長，加強自我競爭力，打造你的職涯藍圖！
第1名。ChatGPT x Excel | 職場必學商務數據分析術
講師將以系統化教學法，教授數據分析常用情境，搭上火紅 ChatGPT ，步驟式實戰，能隨學即用，讓你知道如何在工作中運用所學到的技能！
第2名。AI資料科學家【 聽課全系列 】
「基礎思維」AI資料科學的新朋友，必定要了解一下人工智慧的歷史里程碑與事件，從這裡出發，您也能與不熟悉這個領域的朋友侃侃而談地分享您所學領域的轉變與趨勢，而初學者免不了學習的十字路口，不知道該從哪個部分開始學習AI，這裡也會給您適合適當的指引。常常被混的網頁爬蟲與ETL您真的認識並了解嗎？聽聽看TibaMe的講師們怎麼說吧！
第3名。生成式AI應用速成：商業溝通師-數位行銷課(12/21開課)
🔴報名截止日：2024/12/8🔴
你可以學到
🌟AI 行銷創作零基礎也能秒上手｜不需任何行銷經驗，快速學會生成式 AI 工具，輕鬆打造吸睛行銷素材。
🌟行銷策略效果爆發式成長｜ 有效運用 AI 提升執行力，讓行銷效率飆升、策略效果倍增。
🌟精準鎖定目標受眾，打中痛點｜ 用 AI 技術解析消費者行為，精準掌握市場趨勢，一次抓住受眾需求。
🌟品牌形象全面升級｜ AI 創造獨特行銷風格，讓品牌成為目光焦點，迅速在市場中脫穎而出。
第4名。2小時輕鬆學AI | 基礎觀念與應用
從資料科學的基礎觀念談起、商業智慧、資料探勘、影像辨識等技術應用，最後再討論企業實際導入人工智慧所需的相關流程。
第5名。生成式AI應用速成：創作詠唱師-影音創作課(11/30開課)
🔴報名截止日：2024/11/17🔴
你可以學到
🌟虛擬角色打造 ｜ 從角色設計、到AI影片製作，一站式打造你的專屬虛擬網紅。
🌟短影音製作 ｜ 運用AI工具，快速生成各種特效、濾鏡，製作出精緻的短影音。
🌟內容行銷 ｜ 學習如何利用AI工具製作出更能觸動觀眾的內容。
第6名。生成式AI工具應用實戰 (線上直播課程)
你可以學到
行銷廣告文案+社群策略及內容+SEO生成+BingAI繪圖，一次學會生成式AI工具應用！
本課程「生成式AI工具應用」旨在教導學員如何利用最先進的生成式AI工具，特別是ChatGPT和微軟Bing AI繪圖工具，來提升行銷文案、社群媒體內容、SEO優化、廣告文案創作以及內容行銷的效率和成效。
第7名。生成式AI應用速成：創作詠唱師-繪圖設計課(12/21開課)
🔴報名截止日：2024/12/8🔴
你可以學到
🌟成為AI設計高手｜ 從設計小白變身AI設計達人，自信接下各種設計挑戰。
🌟擴大職涯發展｜ 掌握AI設計技能，提升職場競爭力，開拓更多職涯發展機會。
🌟節省設計成本｜ 減少外包設計費用，提高工作效率，為企業創造更多價值。
🌟實現創意無限｜ 突破傳統設計框架，用AI工具打造出獨一無二的視覺作品。
第8名。AI應用時代｜從邏輯思維到文字溝通，從職場複利到高效生活
藉由AI助手的力量，更高效地完成商務工作、激發靈感。也透過AI協助經營社群，包含工作行程、日常旅遊、飲食規劃等，提高短影音規劃的效率，進而產出斜槓複利。
第9名。一次搞懂 ChatGPT 工作法 | 5分鐘看懂，立即上手 AI 應用觀念！
5分鐘輕巧學：圖解式影音 X 25應用情境 X 30組AI神器
第10名。AI x 產品企劃(產品開發)實務應用班
你可以學到
往在產品企劃及開發上，所面臨到的難以解決的疑難問題，在未來都有機會利用AI工具進一步改善，取得更有效的解決方案。
本課程將教會您如何快速掌握AI在商業分析、創意生成、行銷文案、用戶旅程設計與消費者行為洞察中的應用，並了解如何將這些工具應用於產品企劃流程中。
更多AI課程推薦：
2
0
8568 1
拍手
留言
分享
Line
複製連結
收藏
104學習精靈精選課程
想提升職場競爭力？專業技能課程看起來👇
學習精靈
05/30 00:00
youtube.com
品牌廣告│天韻 網頁動畫設計
2 0
分享
Line
複製連結
收藏
學習精靈
09/17 00:00
youtube.com
自製網頁動畫設計
0 0
分享
Line
複製連結
收藏
推薦給你
意志動詞是什麼？一次學Will、Want、Decide、Hope、Plan、Promise和Intend
在多益考試中，意志動詞（Verbs of Willingness and Intention）是常見的文法考題，這些動詞用來表達說話者的意圖、決心或願意做某事的態度。而這些動詞包括：will、want、decide、hope、plan、promise和intend 等，本篇文章帶你認識這七個意志動詞以及它們的文法規律！
▍七個意志動詞
1. Will – 表示未來的意圖或決定
⇨ Will 是最常見的意志動詞，用來表達說話者的未來計劃或願意做的事情。
• 例句：I will attend the meeting tomorrow.
我明天會參加會議。
• 例句：She will help you with the project.
她會幫你處理這個專案。
2. Want – 表示願望或需求
⇨ Want 表示某人希望或渴望某事。
• 例句：I want to improve my English skills.
我想提高我的英語能力。
• 例句：They want to meet the client next week.
他們想下週見客戶。
3. Decide – 表示做出決定
⇨ Decide 用來表示某人已經做出決定，並且要進行某個行動。
• 例句：We decided to launch the new product next month.
我們決定下個月推出新產品。
• 例句：She decided not to attend the conference.
她決定不參加會議。
4. Hope – 表示希望或期望
⇨ Hope 是一個表達願望或期望的動詞，通常不會直接接動詞原形，會使用 to 或 that 引導的從句。
• 例句：I hope to get a promotion soon.
我希望不久後能升遷。
• 例句：We hope that the project will be completed on time.
我們希望專案能按時完成。
5. Plan – 表示計劃
⇨ Plan 表示某人為未來的某個行動制定計劃。
• 例句：We plan to expand our business to Europe next year.
我們計劃明年將業務擴展到歐洲。
• 例句：She plans to start a new project in the coming months.
她計劃在未來幾個月開始一個新專案。
6. Promise – 表示承諾
⇨ Promise 表示某人保證做某事，通常有強烈的意圖去完成某個目標。
• 例句：I promise to submit the report by Friday.
我保證在週五前提交報告。
• 例句：They promised to provide a solution within 24 hours.
他們保證在24小時內提供解決方案。
7. Intend – 表示打算
⇨ Intend 表示某人計劃或打算做某事。
• 例句：We intend to hold the meeting in the morning.
我們打算在早上召開會議。
• 例句：She intends to leave the company next year.
她打算明年離開公司。
▍文法規律
1. 後接動詞原形 to V
⇨ 這些意志動詞後面通常接動詞的原形，表示將來的動作或意圖。
• 例句：She will attend the meeting.
她會參加會議。
• 例句：They want to improve their performance.
他們希望提高表現。
2. 部分動詞後接 to + 動詞原形
⇨ 部分意志動詞（如 hope, plan, decide, intend）後面接 to 再加動詞原形，這是這些動詞的固定搭配！
• 例句：We hope to finish the project by next week.
我們希望在下週前完成這個專案。
• 例句：They plan to expand the market.
他們計劃擴展市場。
3. 後接名詞或名詞片語
⇨ 這些動詞後接名詞或名詞片語，表達意圖或決定。
• 例句：I decided on a new strategy.
我決定了新的策略。
• 例句：He promised a better outcome.
他承諾會有更好的結果。
4. 特殊情況：hope 的用法
⇨ 雖然 hope 常常後接 to + 動詞原形，但當 hope 用在表達期望的時候，常常會接 that 引導的從句。
• 例句：I hope that the meeting goes well.
我希望會議順利進行。
• 例句：They hope that the project will be completed on time.
他們希望專案能按時完成。
5. 未來意圖的表達
⇨ 這些意志動詞多數與未來相關，表示某人計劃、希望或願意做某事，因此它們的語法結構通常指向未來。
• 例句：We will attend the conference next month.
我們下個月會參加會議。
• 例句：She intends to start a new business.
她打算開創一個新業務。
希望這篇文章對你有幫助！記得加入共學教室掌握我們的最新文章，一起提升多益實力！
0
0
78 0
拍手
留言
分享
Line
複製連結
收藏
你可能感興趣的教室