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

更新 發佈閱讀 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

FBIGTiktokMatterPopdaily

© 窩DEMAA|數位生產力

© 窩DEMAA|數位生產力

留言
avatar-img
窩 World
1.1K會員
119內容數
在多工處理已是日常的世代,具備提升效率的能力變得非常重要。我們相信只要瞭解如何使用數位工具,就能夠優化工作型態及學習模式,讓生活逐步精緻化。基於此信念,窩 World 包含的 Notion 的 Small Talk 以及數位生產力,將重點說明 Notion 的使用及數位工具的分享,讓大家能視個人需求建立專屬的知識地圖。
窩 World 的其他內容
2025/03/14
過去,當我們在 YouTube 看到英文影片時,常常因為語言障礙而感到挫折。不過時代變了,今天要跟大家分享的 Draw.ai,它不僅能將影片內容整理成重點摘要,還能製作成簡報風格的圖卡,讓你在複習及分享時更方便。此外,還可以搭配 ChatGPT 的運用,將圖卡內容翻譯成繁體中文,降低大家理解的門檻!
Thumbnail
2025/03/14
過去,當我們在 YouTube 看到英文影片時,常常因為語言障礙而感到挫折。不過時代變了,今天要跟大家分享的 Draw.ai,它不僅能將影片內容整理成重點摘要,還能製作成簡報風格的圖卡,讓你在複習及分享時更方便。此外,還可以搭配 ChatGPT 的運用,將圖卡內容翻譯成繁體中文,降低大家理解的門檻!
Thumbnail
2025/03/04
在大數據世代來臨,如何高效地彙整文獻並提煉出你所關心的核心資訊,成為寫作者面臨的一大挑戰。雖然現今已經有一些文獻管理工具,例如 EndNote、Zotero、Mendeley,在各有各的優勢下,今天要分享另一款結合 AI 與文獻管理的工具 — Afforai,讓你的寫作旅程有另一種可能。
Thumbnail
2025/03/04
在大數據世代來臨,如何高效地彙整文獻並提煉出你所關心的核心資訊,成為寫作者面臨的一大挑戰。雖然現今已經有一些文獻管理工具,例如 EndNote、Zotero、Mendeley,在各有各的優勢下,今天要分享另一款結合 AI 與文獻管理的工具 — Afforai,讓你的寫作旅程有另一種可能。
Thumbnail
2025/02/24
在現今這個高效率至上的時代,我們都知道事前規劃的重要性,然而,多數人卻忽略規劃與實際執行之間往往存在落差,而這個落差正是我們需要檢視與優化的地方。因此,為了幫助大家更精確地了解自己的執行能力,特別設計了一個「規劃 & 實際執行對照表」,希望透過每日與每週的紀錄,幫助大家更有效率地管理時間。
Thumbnail
2025/02/24
在現今這個高效率至上的時代,我們都知道事前規劃的重要性,然而,多數人卻忽略規劃與實際執行之間往往存在落差,而這個落差正是我們需要檢視與優化的地方。因此,為了幫助大家更精確地了解自己的執行能力,特別設計了一個「規劃 & 實際執行對照表」,希望透過每日與每週的紀錄,幫助大家更有效率地管理時間。
Thumbnail
看更多
你可能也想看
Thumbnail
債券投資,不只是高資產族群的遊戲 在傳統的投資觀念中,海外債券(Overseas Bonds)常被貼上「高資產族群專屬」的標籤。過去動輒 1 萬甚至 10 萬美元的最低申購門檻,讓許多想尋求穩定配息的小資族望而卻步。 然而,在股市波動劇烈的環境下,尋求穩定的美元現金流與被動收入成為許多投資人
Thumbnail
債券投資,不只是高資產族群的遊戲 在傳統的投資觀念中,海外債券(Overseas Bonds)常被貼上「高資產族群專屬」的標籤。過去動輒 1 萬甚至 10 萬美元的最低申購門檻,讓許多想尋求穩定配息的小資族望而卻步。 然而,在股市波動劇烈的環境下,尋求穩定的美元現金流與被動收入成為許多投資人
Thumbnail
透過川普的近期債券交易揭露,探討債券作為資產配置中「穩定磐石」的重要性。文章分析降息對債券的潛在影響,以及股神巴菲特的操作策略。並介紹玉山證券「小額債」平臺,如何讓小資族也能低門檻參與海外債券市場,實現「低門檻、低波動、固定收益」的務實投資方式。
Thumbnail
透過川普的近期債券交易揭露,探討債券作為資產配置中「穩定磐石」的重要性。文章分析降息對債券的潛在影響,以及股神巴菲特的操作策略。並介紹玉山證券「小額債」平臺,如何讓小資族也能低門檻參與海外債券市場,實現「低門檻、低波動、固定收益」的務實投資方式。
Thumbnail
解析「債券」如何成為資產配置中的穩定錨,提供低風險高回報的投資選項。 藉由玉山證券的低門檻債券服務,投資者可輕鬆入手,平衡風險並穩定財務。
Thumbnail
解析「債券」如何成為資產配置中的穩定錨,提供低風險高回報的投資選項。 藉由玉山證券的低門檻債券服務,投資者可輕鬆入手,平衡風險並穩定財務。
Thumbnail
相較於波動較大的股票,債券能提供固定現金流,而玉山證券推出的小額債,更以1000 美元的低門檻,讓學生與新手也能參與全球優質企業債投資。玉山E-Trader平台即時報價、條件式篩選與清楚的交易流程等特色,大幅降低投資難度,對於希望分散風險、建立穩定現金流的人來說,玉山小額債是一個值得嘗試的理財起點。
Thumbnail
相較於波動較大的股票,債券能提供固定現金流,而玉山證券推出的小額債,更以1000 美元的低門檻,讓學生與新手也能參與全球優質企業債投資。玉山E-Trader平台即時報價、條件式篩選與清楚的交易流程等特色,大幅降低投資難度,對於希望分散風險、建立穩定現金流的人來說,玉山小額債是一個值得嘗試的理財起點。
Thumbnail
在數位時代,視覺效果的重要性不言而喻。無論是社交媒體、影片剪輯還是網站設計,吸引人的動態內容都是不可或缺的。今天我要介紹的是一個免費又簡單,且高質量的GIF下載庫——Cliply。這個網站提供的免版稅GIF動態貼紙,不僅可愛還可用於商業使用,絕對是你創作路上的好夥伴!! Cliply是一個專為商業
Thumbnail
在數位時代,視覺效果的重要性不言而喻。無論是社交媒體、影片剪輯還是網站設計,吸引人的動態內容都是不可或缺的。今天我要介紹的是一個免費又簡單,且高質量的GIF下載庫——Cliply。這個網站提供的免版稅GIF動態貼紙,不僅可愛還可用於商業使用,絕對是你創作路上的好夥伴!! Cliply是一個專為商業
Thumbnail
我們最早就是在做動畫,從一般廣告開始,慢慢去擴展不同的類型,比如說遊戲、角色動畫、電視與電影的特效……等等,但是越做越專業的情況下,我們就想再去做一些延伸,像是虛擬攝影棚跟虛擬製作,我們找到這些工作項目的共通元素去發展,甚至到後面我們還去做互動設計、沉浸式多媒體展覽與現在時下最熱門的AI生成技術。
Thumbnail
我們最早就是在做動畫,從一般廣告開始,慢慢去擴展不同的類型,比如說遊戲、角色動畫、電視與電影的特效……等等,但是越做越專業的情況下,我們就想再去做一些延伸,像是虛擬攝影棚跟虛擬製作,我們找到這些工作項目的共通元素去發展,甚至到後面我們還去做互動設計、沉浸式多媒體展覽與現在時下最熱門的AI生成技術。
Thumbnail
介紹如何使用 Warp 效果來製作箱子擠壓效果!
Thumbnail
介紹如何使用 Warp 效果來製作箱子擠壓效果!
Thumbnail
插畫是設計中不可或缺的元素,可以幫助設計更加豐富,吸引讀者的注意力。近年來,隨著網路的普及,越來越多插畫網站出現,提供免費或付費的插畫素材。插畫可以應用在各種設計上,例如:網站、App 的 UI/UX 設計、海報、宣傳品的設計、書籍、雜誌的封面設計或社群媒體的圖片設計以及產品包裝的設計
Thumbnail
插畫是設計中不可或缺的元素,可以幫助設計更加豐富,吸引讀者的注意力。近年來,隨著網路的普及,越來越多插畫網站出現,提供免費或付費的插畫素材。插畫可以應用在各種設計上,例如:網站、App 的 UI/UX 設計、海報、宣傳品的設計、書籍、雜誌的封面設計或社群媒體的圖片設計以及產品包裝的設計
Thumbnail
嗨!朋友們!你有沒有印象曾在網頁看見的動態變形的球體?是的,它就是 Blob 動畫。現代網頁設計中,動畫成為了一個引人注目的元素。因此,本篇文章將要和大家分享八款值得一試的 Blob 動畫網站,這些網站提供了簡單易用的工具,讓你可以輕鬆製作出令人驚艷的 Blob 動畫效果。
Thumbnail
嗨!朋友們!你有沒有印象曾在網頁看見的動態變形的球體?是的,它就是 Blob 動畫。現代網頁設計中,動畫成為了一個引人注目的元素。因此,本篇文章將要和大家分享八款值得一試的 Blob 動畫網站,這些網站提供了簡單易用的工具,讓你可以輕鬆製作出令人驚艷的 Blob 動畫效果。
Thumbnail
【設計素材】Iconic 免費 SVG 圖示集,每週都有更新加入新的圖案,可以直接下載或複製 SVG 程式碼,需要先註冊帳號才能使用,網站有提供一次打包下載所有 SVG 圖案。 【線上工具】Convertr.org 【設計素材】Loaders 【線上工具】ADDCAL
Thumbnail
【設計素材】Iconic 免費 SVG 圖示集,每週都有更新加入新的圖案,可以直接下載或複製 SVG 程式碼,需要先註冊帳號才能使用,網站有提供一次打包下載所有 SVG 圖案。 【線上工具】Convertr.org 【設計素材】Loaders 【線上工具】ADDCAL
Thumbnail
【設計素材】3dicons 這個網站提供了精美的 3D 圖標,使用 CC0 開源授權,可以 100% 免費用於商業和個人用途,還可以整批一次下載,除了提供一般圖片檔之外,還提供了 3D原始檔,例如 Figma、Blender、Fbx 等檔案格式。   【線上工具】cleanup.pictures
Thumbnail
【設計素材】3dicons 這個網站提供了精美的 3D 圖標,使用 CC0 開源授權,可以 100% 免費用於商業和個人用途,還可以整批一次下載,除了提供一般圖片檔之外,還提供了 3D原始檔,例如 Figma、Blender、Fbx 等檔案格式。   【線上工具】cleanup.pictures
Thumbnail
這次來用這個網站 https://gifmaker.me/ ,製作 GIF 動圖,主要是覺得把自己畫貓的過程弄成動圖時覺得很療癒... 什麼?!?你說你不會畫,沒關係,即使是畫個火柴棒人也可以很趣味的...
Thumbnail
這次來用這個網站 https://gifmaker.me/ ,製作 GIF 動圖,主要是覺得把自己畫貓的過程弄成動圖時覺得很療癒... 什麼?!?你說你不會畫,沒關係,即使是畫個火柴棒人也可以很趣味的...
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News