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

窩DEMAA-avatar-img
窩DEMAA
發佈於數位生產力
更新於 發佈於 閱讀時間約 2 分鐘
© 窩DEMAA

© 窩DEMAA

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

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

01 Blob Animation

01 Blob Animation

01 Blob Animation

02 Blobs

02 Blobs

02 Blobs

03 Generate blobs

03 Generate blobs

03 Generate blobs

04 MD Design Toolbox

05 Shuffle

05 Shuffle

05 Shuffle

06 Blobmaker

06 Blobmaker

06 Blobmaker

07 Super designer

07 Super designer

07 Super designer

08 Code Beautify

08 Code Beautify

08 Code Beautify

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

☸ 窩DEMAA

｜FB｜IG｜Tiktok｜Matter｜Popdaily｜

© 窩DEMAA｜數位生產力

© 窩DEMAA｜數位生產力

窩 World 數位生產力
留言
avatar-img
留言分享你的想法！
avatar-img
窩 World
851會員
108內容數
在多工處理已是日常的世代，具備提升效率的能力變得非常重要。我們相信只要瞭解如何使用數位工具，就能夠優化工作型態及學習模式，讓生活逐步精緻化。基於此信念，窩 World 包含的 Notion 的 Small Talk 以及數位生產力，將重點說明 Notion 的使用及數位工具的分享，讓大家能視個人需求建立專屬的知識地圖。
窩 World 的其他內容
2025/03/14
結合 ChatGPT 以及 VDraw.ai，讓你能用簡報圖卡掌握英文影片內容
過去，當我們在 YouTube 看到英文影片時，常常因為語言障礙而感到挫折。不過時代變了，今天要跟大家分享的 Draw.ai，它不僅能將影片內容整理成重點摘要，還能製作成簡報風格的圖卡，讓你在複習及分享時更方便。此外，還可以搭配 ChatGPT 的運用，將圖卡內容翻譯成繁體中文，降低大家理解的門檻！
Thumbnail
2025/03/14
結合 ChatGPT 以及 VDraw.ai，讓你能用簡報圖卡掌握英文影片內容
過去，當我們在 YouTube 看到英文影片時，常常因為語言障礙而感到挫折。不過時代變了，今天要跟大家分享的 Draw.ai，它不僅能將影片內容整理成重點摘要，還能製作成簡報風格的圖卡，讓你在複習及分享時更方便。此外，還可以搭配 ChatGPT 的運用，將圖卡內容翻譯成繁體中文，降低大家理解的門檻！
Thumbnail
2025/03/04
Afforai：協助你寫作及彙整文獻的 AI 好幫手
在大數據世代來臨，如何高效地彙整文獻並提煉出你所關心的核心資訊，成為寫作者面臨的一大挑戰。雖然現今已經有一些文獻管理工具，例如 EndNote、Zotero、Mendeley，在各有各的優勢下，今天要分享另一款結合 AI 與文獻管理的工具 — Afforai，讓你的寫作旅程有另一種可能。
Thumbnail
2025/03/04
Afforai：協助你寫作及彙整文獻的 AI 好幫手
在大數據世代來臨，如何高效地彙整文獻並提煉出你所關心的核心資訊，成為寫作者面臨的一大挑戰。雖然現今已經有一些文獻管理工具，例如 EndNote、Zotero、Mendeley，在各有各的優勢下，今天要分享另一款結合 AI 與文獻管理的工具 — Afforai，讓你的寫作旅程有另一種可能。
Thumbnail
2025/02/24
如何用 Google Sheets / Excel 來檢視你的規劃與實際執行的落差
在現今這個高效率至上的時代，我們都知道事前規劃的重要性，然而，多數人卻忽略規劃與實際執行之間往往存在落差，而這個落差正是我們需要檢視與優化的地方。因此，為了幫助大家更精確地了解自己的執行能力，特別設計了一個「規劃 & 實際執行對照表」，希望透過每日與每週的紀錄，幫助大家更有效率地管理時間。
Thumbnail
2025/02/24
如何用 Google Sheets / Excel 來檢視你的規劃與實際執行的落差
在現今這個高效率至上的時代，我們都知道事前規劃的重要性，然而，多數人卻忽略規劃與實際執行之間往往存在落差，而這個落差正是我們需要檢視與優化的地方。因此，為了幫助大家更精確地了解自己的執行能力，特別設計了一個「規劃 & 實際執行對照表」，希望透過每日與每週的紀錄，幫助大家更有效率地管理時間。
Thumbnail
看更多
#科技力 的其他內容
Thumbnail
開箱你的科技力！
目前共 405 篇
avatar-avatar
麥克不學搖滾
小米平板6：正中紅心
avatar-avatar
瘋人院院長的沙龍
Steam Deck OLED 開箱評測, 改版規格解析, 推薦買下去指數五顆星
你可能也想看
Thumbnail
avatar-avatar
捷可印的沙龍
Cliply－免費又可愛的GIF天堂
在數位時代，視覺效果的重要性不言而喻。無論是社交媒體、影片剪輯還是網站設計，吸引人的動態內容都是不可或缺的。今天我要介紹的是一個免費又簡單，且高質量的GIF下載庫——Cliply。這個網站提供的免版稅GIF動態貼紙，不僅可愛還可用於商業使用，絕對是你創作路上的好夥伴！！ Cliply是一個專為商業
#Cliply#免費軟體網站#影片剪輯
Thumbnail
avatar-avatar
捷可印的沙龍
Cliply－免費又可愛的GIF天堂
在數位時代，視覺效果的重要性不言而喻。無論是社交媒體、影片剪輯還是網站設計，吸引人的動態內容都是不可或缺的。今天我要介紹的是一個免費又簡單，且高質量的GIF下載庫——Cliply。這個網站提供的免版稅GIF動態貼紙，不僅可愛還可用於商業使用，絕對是你創作路上的好夥伴！！ Cliply是一個專為商業
#Cliply#免費軟體網站#影片剪輯
Thumbnail
avatar-avatar
CREDITS - 讓每個創作者的名字被看見
大師專訪—夢想動畫：業內秘辛大公開，這些問題我們來答！
我們最早就是在做動畫，從一般廣告開始，慢慢去擴展不同的類型，比如說遊戲、角色動畫、電視與電影的特效……等等，但是越做越專業的情況下，我們就想再去做一些延伸，像是虛擬攝影棚跟虛擬製作，我們找到這些工作項目的共通元素去發展，甚至到後面我們還去做互動設計、沉浸式多媒體展覽與現在時下最熱門的AI生成技術。
#夢想動畫#林家齊#王信翔
Thumbnail
avatar-avatar
CREDITS - 讓每個創作者的名字被看見
大師專訪—夢想動畫：業內秘辛大公開，這些問題我們來答！
我們最早就是在做動畫，從一般廣告開始，慢慢去擴展不同的類型，比如說遊戲、角色動畫、電視與電影的特效……等等，但是越做越專業的情況下，我們就想再去做一些延伸，像是虛擬攝影棚跟虛擬製作，我們找到這些工作項目的共通元素去發展，甚至到後面我們還去做互動設計、沉浸式多媒體展覽與現在時下最熱門的AI生成技術。
#夢想動畫#林家齊#王信翔
Thumbnail
avatar-avatar
🛸 Fei 起來的動態館 🛸
動態靈感_Day01 (動畫小技巧)
介紹如何使用 Warp 效果來製作箱子擠壓效果！
#動畫#分享#學習
Thumbnail
avatar-avatar
🛸 Fei 起來的動態館 🛸
動態靈感_Day01 (動畫小技巧)
介紹如何使用 Warp 效果來製作箱子擠壓效果！
#動畫#分享#學習
Thumbnail
avatar-avatar
小資女の職場生存之道
設計工具 | 七種風格免費插畫素材網，讓你輕鬆製作精美設計
插畫是設計中不可或缺的元素，可以幫助設計更加豐富，吸引讀者的注意力。近年來，隨著網路的普及，越來越多插畫網站出現，提供免費或付費的插畫素材。插畫可以應用在各種設計上，例如：網站、App 的 UI/UX 設計、海報、宣傳品的設計、書籍、雜誌的封面設計或社群媒體的圖片設計以及產品包裝的設計
#小資女の職場生存之道#職場工具指南#網頁設計
Thumbnail
avatar-avatar
小資女の職場生存之道
設計工具 | 七種風格免費插畫素材網，讓你輕鬆製作精美設計
插畫是設計中不可或缺的元素，可以幫助設計更加豐富，吸引讀者的注意力。近年來，隨著網路的普及，越來越多插畫網站出現，提供免費或付費的插畫素材。插畫可以應用在各種設計上，例如：網站、App 的 UI/UX 設計、海報、宣傳品的設計、書籍、雜誌的封面設計或社群媒體的圖片設計以及產品包裝的設計
#小資女の職場生存之道#職場工具指南#網頁設計
Thumbnail
avatar-avatar
窩 World
探索創意無限 ─ 八款線上製作 Blob 動畫網站
嗨！朋友們！你有沒有印象曾在網頁看見的動態變形的球體？是的，它就是 Blob 動畫。現代網頁設計中，動畫成為了一個引人注目的元素。因此，本篇文章將要和大家分享八款值得一試的 Blob 動畫網站，這些網站提供了簡單易用的工具，讓你可以輕鬆製作出令人驚艷的 Blob 動畫效果。
#動畫#設計師#網頁
Thumbnail
avatar-avatar
窩 World
探索創意無限 ─ 八款線上製作 Blob 動畫網站
嗨！朋友們！你有沒有印象曾在網頁看見的動態變形的球體？是的，它就是 Blob 動畫。現代網頁設計中，動畫成為了一個引人注目的元素。因此，本篇文章將要和大家分享八款值得一試的 Blob 動畫網站，這些網站提供了簡單易用的工具，讓你可以輕鬆製作出令人驚艷的 Blob 動畫效果。
#動畫#設計師#網頁
Thumbnail
avatar-avatar
李介介的沙龍
等著瞧。設計月報：2205期 @李介介
【設計素材】Iconic 免費 SVG 圖示集，每週都有更新加入新的圖案，可以直接下載或複製 SVG 程式碼，需要先註冊帳號才能使用，網站有提供一次打包下載所有 SVG 圖案。 【線上工具】Convertr.org 【設計素材】Loaders 【線上工具】ADDCAL
#李介介#設計#線上工具
Thumbnail
avatar-avatar
李介介的沙龍
等著瞧。設計月報：2205期 @李介介
【設計素材】Iconic 免費 SVG 圖示集，每週都有更新加入新的圖案，可以直接下載或複製 SVG 程式碼，需要先註冊帳號才能使用，網站有提供一次打包下載所有 SVG 圖案。 【線上工具】Convertr.org 【設計素材】Loaders 【線上工具】ADDCAL
#李介介#設計#線上工具
Thumbnail
avatar-avatar
李介介的沙龍
等著瞧。設計月報：2111期
【設計素材】3dicons 這個網站提供了精美的 3D 圖標，使用 CC0 開源授權，可以 100% 免費用於商業和個人用途，還可以整批一次下載，除了提供一般圖片檔之外，還提供了 3D原始檔，例如 Figma、Blender、Fbx 等檔案格式。   【線上工具】cleanup.pictures
Thumbnail
avatar-avatar
李介介的沙龍
等著瞧。設計月報：2111期
【設計素材】3dicons 這個網站提供了精美的 3D 圖標，使用 CC0 開源授權，可以 100% 免費用於商業和個人用途，還可以整批一次下載，除了提供一般圖片檔之外，還提供了 3D原始檔，例如 Figma、Blender、Fbx 等檔案格式。   【線上工具】cleanup.pictures
Thumbnail
avatar-avatar
Erica Liu的沙龍
使用 GIFMaker.Me 網站製作 gif 動圖教學
這次來用這個網站 https://gifmaker.me/ ，製作 GIF 動圖，主要是覺得把自己畫貓的過程弄成動圖時覺得很療癒．．． 什麼？！？你說你不會畫，沒關係，即使是畫個火柴棒人也可以很趣味的．．．
#教學#gif#動態圖片
Thumbnail
avatar-avatar
Erica Liu的沙龍
使用 GIFMaker.Me 網站製作 gif 動圖教學
這次來用這個網站 https://gifmaker.me/ ，製作 GIF 動圖，主要是覺得把自己畫貓的過程弄成動圖時覺得很療癒．．． 什麼？！？你說你不會畫，沒關係，即使是畫個火柴棒人也可以很趣味的．．．
#教學#gif#動態圖片
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News