探索創意無限 ─ 八款線上製作 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
295會員
105內容數
在多工處理已是日常的世代,具備提升效率的能力變得非常重要。我們相信只要瞭解如何使用數位工具,就能夠優化工作型態及學習模式,讓生活逐步精緻化。基於此信念,窩 World 包含的 Notion 的 Small Talk 以及數位生產力,將重點說明 Notion 的使用及數位工具的分享,讓大家能視個人需求建立專屬的知識地圖。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
窩 World 的其他內容
在人工智慧蓬勃發展的時代,掌握 AI 就像擁有一支全能的高效團隊,能夠協助你初步建構思路,理清脈絡,讓你能更具創意地突破舒適圈,進一步演進現有的事物。AI 的應用範疇多不勝數,今天我們要分享的是從文字內容出發,探討人類如何與 AI 進行合作,以及現今已有哪些軟體能提供相應的功能。讓我們一起來了解吧!
隨著AI時代的來臨,想要將照片轉換成素描畫面,不再需要你逐一描繪每一條線條!現在有一款強大的AI線上工具 —— SketchEdge,它將給你帶來耳目一新的體驗,成為你在設計、漫畫背景以及材料製作上最得力的幫手!這個工具能夠快速地將你的照片轉換為精美的素描作品。是不是很期待?讓我們繼續看下去。
嗨!朋友們!你是否曾經懷有成為一名漫畫家的夢想,但卻因為自認文筆不好以及沒有美感天賦就卻步呢?若是如此,我們有一個絕佳的消息要與你分享!在這個數位時代,漫畫創作已經不再是高不可攀的領域。有了AI Comic Factory,你可以輕鬆實現成為一名漫畫家的夢想,而且無需繁瑣的註冊程序,輕鬆上手!
朋友!你是否曾遇過照片中冒出一些不需要的物品或人物,大大降低了照片的美感,而且並非每次都能重新拍攝,讓人感到相當困擾的事。現在要和大家分享一款非常優秀的P圖工具,是 Cleanup.Pictures。它可以幫助我們輕鬆去除照片中我們不想要的物品或人物,讓畫面呈現出我們心中所期望的樣子。
這個蓬勃發展的數位時代,一切都在快速進化,瀏覽器也不例外。因此,本篇將引領你重新探索一款嶄新的瀏覽器— ARC 瀏覽器,讓你以全新的視角重新認識「瀏覽和搜尋」可以帶來怎樣的驚奇功能。其中最令人驚豔的地方莫過於整合了人工智慧的 ARC MAX 瀏覽器 ,它將帶你進入前所未有的瀏覽體驗。
嗨!朋友們!我們都知道,簡報製作一直都需要很多的細心與耐心。如今隨著簡報模板的不斷更新,我們能參考已經創造出來的圖表樣式,使我們的簡報呈現專業且具有吸引力。因此,今天將介紹兩種最常使用的圖表-時間軸和組織圖,讓大家看看在呈現這兩種圖表時,有哪些不同的方式可以選擇。此外,更提供簡報連結供大家下載使用。
在人工智慧蓬勃發展的時代,掌握 AI 就像擁有一支全能的高效團隊,能夠協助你初步建構思路,理清脈絡,讓你能更具創意地突破舒適圈,進一步演進現有的事物。AI 的應用範疇多不勝數,今天我們要分享的是從文字內容出發,探討人類如何與 AI 進行合作,以及現今已有哪些軟體能提供相應的功能。讓我們一起來了解吧!
隨著AI時代的來臨,想要將照片轉換成素描畫面,不再需要你逐一描繪每一條線條!現在有一款強大的AI線上工具 —— SketchEdge,它將給你帶來耳目一新的體驗,成為你在設計、漫畫背景以及材料製作上最得力的幫手!這個工具能夠快速地將你的照片轉換為精美的素描作品。是不是很期待?讓我們繼續看下去。
嗨!朋友們!你是否曾經懷有成為一名漫畫家的夢想,但卻因為自認文筆不好以及沒有美感天賦就卻步呢?若是如此,我們有一個絕佳的消息要與你分享!在這個數位時代,漫畫創作已經不再是高不可攀的領域。有了AI Comic Factory,你可以輕鬆實現成為一名漫畫家的夢想,而且無需繁瑣的註冊程序,輕鬆上手!
朋友!你是否曾遇過照片中冒出一些不需要的物品或人物,大大降低了照片的美感,而且並非每次都能重新拍攝,讓人感到相當困擾的事。現在要和大家分享一款非常優秀的P圖工具,是 Cleanup.Pictures。它可以幫助我們輕鬆去除照片中我們不想要的物品或人物,讓畫面呈現出我們心中所期望的樣子。
這個蓬勃發展的數位時代,一切都在快速進化,瀏覽器也不例外。因此,本篇將引領你重新探索一款嶄新的瀏覽器— ARC 瀏覽器,讓你以全新的視角重新認識「瀏覽和搜尋」可以帶來怎樣的驚奇功能。其中最令人驚豔的地方莫過於整合了人工智慧的 ARC MAX 瀏覽器 ,它將帶你進入前所未有的瀏覽體驗。
嗨!朋友們!我們都知道,簡報製作一直都需要很多的細心與耐心。如今隨著簡報模板的不斷更新,我們能參考已經創造出來的圖表樣式,使我們的簡報呈現專業且具有吸引力。因此,今天將介紹兩種最常使用的圖表-時間軸和組織圖,讓大家看看在呈現這兩種圖表時,有哪些不同的方式可以選擇。此外,更提供簡報連結供大家下載使用。
本篇參與的主題活動
先前麥克買了在預算及性能方面都十分複合需求的NXTPAPER 11平板,但拿到辦公室使用後便發現因為時不時有簡報需求,主機本身不支援有線視訊輸出實在是非常不方便,因又開始尋找新歡。最終麥克選擇了算是還滿熟悉的品牌小米旗下的小米平板6,以下為麥克這一個月下來的使用心得。
從預計的十月底出貨經過重重波折,Pubu自家開發的10寸彩色閱讀器Pubook Pro終於是送到第一批集資者手中了。究竟這台閱讀器有沒有本事撼動目前的電子紙閱讀器市場?有達到集資時承諾的各項功能嗎?且讓身為首批集資者之一的麥克跟大家談談收到主機後使用數天的感想。
Steam Deck 迎來大改版,最重要的更新就是換成 OLED 螢幕。使用 OLED 螢幕帶來更好看的顏色,大小還小幅提升到 7.4 吋。關係續航力的電池也從 40 瓦小時升級到 50 瓦小時, 3A 大作都可以多玩一小時呢!這麼香的更新,怎麼不給他買下去呢 😄
先前麥克買了在預算及性能方面都十分複合需求的NXTPAPER 11平板,但拿到辦公室使用後便發現因為時不時有簡報需求,主機本身不支援有線視訊輸出實在是非常不方便,因又開始尋找新歡。最終麥克選擇了算是還滿熟悉的品牌小米旗下的小米平板6,以下為麥克這一個月下來的使用心得。
從預計的十月底出貨經過重重波折,Pubu自家開發的10寸彩色閱讀器Pubook Pro終於是送到第一批集資者手中了。究竟這台閱讀器有沒有本事撼動目前的電子紙閱讀器市場?有達到集資時承諾的各項功能嗎?且讓身為首批集資者之一的麥克跟大家談談收到主機後使用數天的感想。
Steam Deck 迎來大改版,最重要的更新就是換成 OLED 螢幕。使用 OLED 螢幕帶來更好看的顏色,大小還小幅提升到 7.4 吋。關係續航力的電池也從 40 瓦小時升級到 50 瓦小時, 3A 大作都可以多玩一小時呢!這麼香的更新,怎麼不給他買下去呢 😄
你可能也想看
Google News 追蹤
Thumbnail
/ 大家現在出門買東西還會帶錢包嗎 鴨鴨發現自己好像快一個禮拜沒帶錢包出門 還是可以天天買滿買好回家(? 因此為了記錄手機消費跟各種紅利優惠 鴨鴨都會特別注意銀行的App好不好用! 像是介面設計就是會很在意的地方 很多銀行通常會為了要滿足不同客群 會推出很多App讓使用者下載 每次
Thumbnail
插畫和動畫之間有著密切的關係,但並不是說一定要先有插畫才有動畫。插畫通常是靜態的圖像,用來表達一個概念、故事或角色,而動畫則是將這些靜態圖像連續播放,創造出動態效果。 在很多情況下,動畫的製作確實會從插畫開始。插畫可以用來設計角色、場景和故事板,這些都是動畫製作的重要步驟。例如,漫畫或插畫書經
Thumbnail
今天要跟大家介紹一款免下載,線上即可繪圖,亦可存PSD檔、PNG檔的繪圖網站。 小編是喜歡收集一些網路不錯的工具、訊息等資訊,如果你喜歡,歡迎點讚收藏,小編會不定期的發文。 接下來我們就直接進入https://kleki.com/ (網站測試安全放心使用) 此款線上繪圖網站頁面清晰,淺顯易
Thumbnail
在數位時代,視覺效果的重要性不言而喻。無論是社交媒體、影片剪輯還是網站設計,吸引人的動態內容都是不可或缺的。今天我要介紹的是一個免費又簡單,且高質量的GIF下載庫——Cliply。這個網站提供的免版稅GIF動態貼紙,不僅可愛還可用於商業使用,絕對是你創作路上的好夥伴!! Cliply是一個專為商業
Thumbnail
我們最早就是在做動畫,從一般廣告開始,慢慢去擴展不同的類型,比如說遊戲、角色動畫、電視與電影的特效……等等,但是越做越專業的情況下,我們就想再去做一些延伸,像是虛擬攝影棚跟虛擬製作,我們找到這些工作項目的共通元素去發展,甚至到後面我們還去做互動設計、沉浸式多媒體展覽與現在時下最熱門的AI生成技術。
隨著數位世界的不斷演進,網站設計已經超越了純粹的資訊傳遞,它已成為一種藝術形式,能夠展示創意、吸引訪客並提供卓越的用戶體驗。本文將深入探討網站設計的最新趨勢,並介紹一些輔助架設網站的軟體工具,助您打造出令人驚艷的線上存在。
Thumbnail
Ae 小技巧:製作3D 方塊 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Webflow是一個強大的網站建設平台,它提供了一個直觀且無需編碼的方式來創建精美的網站。無論您是一個新手還是一個有經驗的網站開發者,Webflow都可以滿足您的需求。 Webflow的主要特點之一是它的可視化編輯器。您可以通過拖放元素、設計佈局和編輯內容來建立網站,而無需編寫任何代碼。
Thumbnail
/ 大家現在出門買東西還會帶錢包嗎 鴨鴨發現自己好像快一個禮拜沒帶錢包出門 還是可以天天買滿買好回家(? 因此為了記錄手機消費跟各種紅利優惠 鴨鴨都會特別注意銀行的App好不好用! 像是介面設計就是會很在意的地方 很多銀行通常會為了要滿足不同客群 會推出很多App讓使用者下載 每次
Thumbnail
插畫和動畫之間有著密切的關係,但並不是說一定要先有插畫才有動畫。插畫通常是靜態的圖像,用來表達一個概念、故事或角色,而動畫則是將這些靜態圖像連續播放,創造出動態效果。 在很多情況下,動畫的製作確實會從插畫開始。插畫可以用來設計角色、場景和故事板,這些都是動畫製作的重要步驟。例如,漫畫或插畫書經
Thumbnail
今天要跟大家介紹一款免下載,線上即可繪圖,亦可存PSD檔、PNG檔的繪圖網站。 小編是喜歡收集一些網路不錯的工具、訊息等資訊,如果你喜歡,歡迎點讚收藏,小編會不定期的發文。 接下來我們就直接進入https://kleki.com/ (網站測試安全放心使用) 此款線上繪圖網站頁面清晰,淺顯易
Thumbnail
在數位時代,視覺效果的重要性不言而喻。無論是社交媒體、影片剪輯還是網站設計,吸引人的動態內容都是不可或缺的。今天我要介紹的是一個免費又簡單,且高質量的GIF下載庫——Cliply。這個網站提供的免版稅GIF動態貼紙,不僅可愛還可用於商業使用,絕對是你創作路上的好夥伴!! Cliply是一個專為商業
Thumbnail
我們最早就是在做動畫,從一般廣告開始,慢慢去擴展不同的類型,比如說遊戲、角色動畫、電視與電影的特效……等等,但是越做越專業的情況下,我們就想再去做一些延伸,像是虛擬攝影棚跟虛擬製作,我們找到這些工作項目的共通元素去發展,甚至到後面我們還去做互動設計、沉浸式多媒體展覽與現在時下最熱門的AI生成技術。
隨著數位世界的不斷演進,網站設計已經超越了純粹的資訊傳遞,它已成為一種藝術形式,能夠展示創意、吸引訪客並提供卓越的用戶體驗。本文將深入探討網站設計的最新趨勢,並介紹一些輔助架設網站的軟體工具,助您打造出令人驚艷的線上存在。
Thumbnail
Ae 小技巧:製作3D 方塊 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Webflow是一個強大的網站建設平台,它提供了一個直觀且無需編碼的方式來創建精美的網站。無論您是一個新手還是一個有經驗的網站開發者,Webflow都可以滿足您的需求。 Webflow的主要特點之一是它的可視化編輯器。您可以通過拖放元素、設計佈局和編輯內容來建立網站,而無需編寫任何代碼。