探索創意無限 ─ 八款線上製作 Blob 動畫網站

2024/10/30 更新2023/10/31 發佈閱讀 2 分鐘

嗨！朋友們！你有沒有印象曾在網頁看見的動態變形的球體？是的，它就是 Blob 動畫。在現代網頁設計中，動畫成為了一個引人注目的元素，為用戶提供了更豐富、生動的使用體驗。在其中，Blob 動畫成為了一個為設計師們帶來了許多創意和嶄新可能性的工具。

這篇文章將分享八款值得一試的 Blob 動畫網站，這些網站讓你可以輕鬆製作 Blob 動畫，無需額外的軟體安裝。對於 User Interface (UI) 和 User Experience (UX) 設計師們而言，這意味著他們可以透過線上調整動畫格式，輕鬆下載 SVG 檔案或者複製 SVG 檔案的Code，從而製作出令人驚艷的使用者體驗設計。

04 MD Design Toolbox

今天的分享就到這邊啦，期待下一篇的分享，祝福大家都有個美好的一天！喜歡窩DEMAA(OS: 就是取自”我的媽啊“的諧音)的朋友，歡迎按讚追蹤分享，並且加入數位生產力 IG 和 FB 社團，就能在第一時間收到最新的生產力工具介紹。最後，Blob 動畫是一個強大的網頁設計工具，能為你的項目帶來更多創意和動態感。無論你是專業的 UI / UX 設計師，還是想要為自己的網站增色的創作者，這些 Blob 動畫網站都值得一試。快去探索它們，為你的設計帶來全新的可能性吧！

☸ 窩DEMAA

｜FB｜IG｜Tiktok｜Matter｜Popdaily｜

留言

窩 World

1.1K會員

120內容數

在多工處理已是日常的世代，具備提升效率的能力變得非常重要。我們相信只要瞭解如何使用數位工具，就能夠優化工作型態及學習模式，讓生活逐步精緻化。基於此信念，窩 World 包含的 Notion 的 Small Talk 以及數位生產力，將重點說明 Notion 的使用及數位工具的分享，讓大家能視個人需求建立專屬的知識地圖。

窩 World 的其他內容

2025/03/14

結合 ChatGPT 以及 VDraw.ai，讓你能用簡報圖卡掌握英文影片內容

過去，當我們在 YouTube 看到英文影片時，常常因為語言障礙而感到挫折。不過時代變了，今天要跟大家分享的 Draw.ai，它不僅能將影片內容整理成重點摘要，還能製作成簡報風格的圖卡，讓你在複習及分享時更方便。此外，還可以搭配 ChatGPT 的運用，將圖卡內容翻譯成繁體中文，降低大家理解的門檻！

2025/03/14

結合 ChatGPT 以及 VDraw.ai，讓你能用簡報圖卡掌握英文影片內容

2025/03/04

Afforai：協助你寫作及彙整文獻的 AI 好幫手

在大數據世代來臨，如何高效地彙整文獻並提煉出你所關心的核心資訊，成為寫作者面臨的一大挑戰。雖然現今已經有一些文獻管理工具，例如 EndNote、Zotero、Mendeley，在各有各的優勢下，今天要分享另一款結合 AI 與文獻管理的工具 — Afforai，讓你的寫作旅程有另一種可能。

2025/03/04

Afforai：協助你寫作及彙整文獻的 AI 好幫手

2025/02/24

如何用 Google Sheets / Excel 來檢視你的規劃與實際執行的落差

在現今這個高效率至上的時代，我們都知道事前規劃的重要性，然而，多數人卻忽略規劃與實際執行之間往往存在落差，而這個落差正是我們需要檢視與優化的地方。因此，為了幫助大家更精確地了解自己的執行能力，特別設計了一個「規劃 & 實際執行對照表」，希望透過每日與每週的紀錄，幫助大家更有效率地管理時間。

2025/02/24

如何用 Google Sheets / Excel 來檢視你的規劃與實際執行的落差

#科技力的其他內容

Steam Deck OLED 開箱評測, 改版規格解析, 推薦買下去指數五顆星

你可能也想看

小P趨勢投資

算力的盡頭是電力！009819 小P量化交易者眼中的AI基建雙引擎致勝邏輯

背景：從冷門配角到市場主線，算力與電力被重新定價小P從2008進入股市，每一個時期的投資亮點都不同，記得2009蘋果手機剛上市，當時蘋果只要在媒體上提到哪一間供應鏈，隔天股價就有驚人的表現，當時光學鏡頭非常熱門，因為手機第一次搭上鏡頭可以拍照，也造就傳統相機廠的殞落，如今手機已經全面普及，題

#AI#算力#電力

2026/04/11

小P趨勢投資

算力的盡頭是電力！009819 小P量化交易者眼中的AI基建雙引擎致勝邏輯

#AI#算力#電力

2026/04/11

李介介的沙龍

等著瞧。設計月報：2111期

【設計素材】3dicons 這個網站提供了精美的 3D 圖標，使用 CC0 開源授權，可以 100% 免費用於商業和個人用途，還可以整批一次下載，除了提供一般圖片檔之外，還提供了 3D原始檔，例如 Figma、Blender、Fbx 等檔案格式。【線上工具】cleanup.pictures

2021/11/21

李介介的沙龍

等著瞧。設計月報：2111期

2021/11/21

窩 World

探索創意無限 ─ 八款線上製作 Blob 動畫網站

嗨！朋友們！你有沒有印象曾在網頁看見的動態變形的球體？是的，它就是 Blob 動畫。現代網頁設計中，動畫成為了一個引人注目的元素。因此，本篇文章將要和大家分享八款值得一試的 Blob 動畫網站，這些網站提供了簡單易用的工具，讓你可以輕鬆製作出令人驚艷的 Blob 動畫效果。

#動畫#設計師#網頁

2023/10/31

窩 World

探索創意無限 ─ 八款線上製作 Blob 動畫網站

#動畫#設計師#網頁

2023/10/31

🛸 Fei 起來的動態館 🛸

動態靈感_Day01 (動畫小技巧)

介紹如何使用 Warp 效果來製作箱子擠壓效果！

#動畫#分享#學習

2024/04/06

🛸 Fei 起來的動態館 🛸

動態靈感_Day01 (動畫小技巧)

介紹如何使用 Warp 效果來製作箱子擠壓效果！

#動畫#分享#學習

2024/04/06

Erica Liu的沙龍

使用 GIFMaker.Me 網站製作 gif 動圖教學

這次來用這個網站 https://gifmaker.me/ ，製作 GIF 動圖，主要是覺得把自己畫貓的過程弄成動圖時覺得很療癒．．．什麼？！？你說你不會畫，沒關係，即使是畫個火柴棒人也可以很趣味的．．．

#教學#gif#動態圖片

2021/10/17

Erica Liu的沙龍

使用 GIFMaker.Me 網站製作 gif 動圖教學

#教學#gif#動態圖片

2021/10/17

陳沅綦的沙龍

柏林劇團《三便士歌劇》：巴里．柯斯基的經典再造，與布萊希特劇場的當代轉向

本文分析導演巴里・柯斯基（Barrie Kosky）如何運用極簡的舞臺配置，將布萊希特（Bertolt Brecht）的「疏離效果」轉化為視覺奇觀與黑色幽默，探討《三便士歌劇》在當代劇場中的新詮釋，並藉由舞臺、燈光、服裝、音樂等多方面，分析該作如何在保留批判核心的同時，觸及觀眾的觀看位置與人性幽微。

#2026北藝嚴選#北藝嚴選#臺北表演藝術中心

2026/02/11