網頁上的動畫

內容

由 Emil Kowalski 提供的視頻課程

學習如何製作讓人感受到某種情感的動畫。這是為喜歡我動畫風格的人和/或任何希望提升技能的人準備的。這門課程包含了我所知道的有關網頁動態的所有內容。你將學會如何構建像下面這兩個這樣的組件,以及更多。

Sonner

一個有主見的 React 吐司組件,讓 人們喜愛

01 — 基礎知識

分成三個部分:讓它感覺正確,我如何使用 framer motion,重要的小細節。此外,我會給你一些我在處理動態時使用的資源,一種藍圖。請記住,這些部分尚未最終確定,可能會有所變動。

02 — 逐步指導

你將看到我如何從零開始創建動畫,包括我決策背後的原因。我會向你展示我使用的技巧,以及我如何應對面臨的挑戰。源代碼將包含在內,並且會隨著時間的推移添加更多的教學。

家庭的抽屜

我們將為家庭的 iOS 應用程式建造一個用於移動設備的抽屜。

視覺元件由 家庭 提供。
僅供教育用途。

動態島

這裡的主要重點將是緩和和動畫的流暢性。

作者

我是一個 Emil,在 Vercel 工作的設計工程師,也是兩個開源庫 SonnerVaul 的創建者。我將網頁上的動畫視為一種藝術形式,並非常關心它們的外觀、感覺和行為。我希望人們在使用我創造的東西時能有一刻的愉悅。

“艾米爾的作品融合了設計、動態和對細節的驚人關注。我期待他的課程。已預訂!”

Shadcn's profile picture

預購

您可以在 3 月 15 日(星期五)之前以折扣價(40% 折扣)預購課程。這也是第一部分發布的日期。在那之後,您將無法購買該課程,直到最終發布,屆時價格將為 200 美元。

不確定這門課程是否適合你?你可以閱讀常見問題解答

總結
這是一個由Emil Kowalski主講的視頻課程,旨在教導學員如何創作能引起情感共鳴的動畫。課程內容涵蓋了網頁動畫的基本原理、使用Framer Motion的技巧以及細節處理。學員將學習如何從零開始創建動畫,並了解背後的設計思路,還會提供源代碼和逐步教學。課程包括多個實作範例,如為Family iOS應用程式設計的抽屜元件和動態島動畫,重點在於動畫的平滑度和過渡效果。課程目前可預購,享有40%的折扣,並將於3月15日正式推出。