標籤: 動態效果 頁1

動態效果相關的文章,目前共收錄 94 篇內容。

App Motion:創意滿分的 App 動態設計藝廊
網路資源

App Motion:創意滿分的 App 動態設計藝廊

在數位化的時代,視覺動態設計成為提升用戶體驗不可或缺的元素。如果你是一位尋找靈感的設計師,或是想要了解最新動態設計趨勢的業餘愛好者,那麼我強烈推薦你探索 App Motion。App Motion 是一個精選手機 app 動態設計的網站,展示了來自世界各地的創意作品。

Motionimo:給動畫設計師的豐富線上資源
網路資源

Motionimo:給動畫設計師的豐富線上資源

Motionimo 網站是一個專為動畫設計師打造的頭等艙,提供豐富的資源和美麗的動畫靈感,幫助您提升動畫設計的技巧與文化 。無論您是尋找3D模型、藝術家介紹、書籍推薦,還是想學習新的設計課程,Motionimo 都能為您提供每日優質的資源。該平台還特別推薦了免費的動畫工具和外掛,如 Duik、Ease and wizz 以及 After Effects,無疑是動畫愛好者和專業人士的寶藏。

Zajno Digital Studio:整理網站動態設計的教學與實際案例,啟動視覺饗宴的秘密
網路資源

Zajno Digital Studio:整理網站動態設計的教學與實際案例,啟動視覺饗宴的秘密

在今天這個視覺氾濫的時代,如何讓你的網站或應用程式脫穎而出?Zajno Digital Studio 提供了答案。這個平台精心展示了如何通過動畫原理和技術增強用戶體驗和互動性。從基本的動畫緩動(Easing)、偏移與延遲(Offset and Delay)到更進階的轉換/變形(Transformation/Morph)和遮罩(Masking),每一技術都透過實際的案例展示其對話術性和吸引用戶探索的力量。

Unicorn Studio:好用的 WebGL 互動效果設計工具
網路資源

Unicorn Studio:好用的 WebGL 互動效果設計工具

Unicorn Studio是一款專注於WebGL設計的創新工具,旨在為設計師和開發者提供一個直觀、功能強大的平台,讓他們能夠替圖片或影片引人入勝的3D視覺效果和互動體驗。這個工具的核心優勢在於它結合了易用性與專業性,不僅適合有經驗的開發者,也為初學者提供了門檻較低的學習路徑。

Toggles.dev:開源的生動 Dark Mode 切換按鈕,可以直接修改並複製程式碼回去使用
網路資源

Toggles.dev:開源的生動 Dark Mode 切換按鈕,可以直接修改並複製程式碼回去使用

Toggles.dev是一個專門提供動態主題切換按鈕的網站,尤其是在淺色模式與深色模式之間的轉換。此平台匯集了一系列既美觀又易於使用的動畫切換按鈕,特別適合搭配如TailwindCSS這類的工具 CSS 框架使用。

Iconly Pro:擁有超過 30,000 個 icon 以及動態和 3D icon 的資源,並可整合至 Figma 專案
網路資源

Iconly Pro:擁有超過 30,000 個 icon 以及動態和 3D icon 的資源,並可整合至 Figma 專案

Iconly Pro 提供超過 30,000 個扁平化圖示,涵蓋超過 68 個類別,為設計師、開發人員和創作者提供豐富的資源。此平台特色包括動態圖示和 3D 圖示,並有專為 Windows 和 Mac 設計的應用程式,支援自訂顏色和線條粗細。用戶可以輕鬆地從應用中複製不同尺寸和格式的圖示。

Spline:給網頁用的 3D 場景及互動元件設計工具
網路資源

Spline:給網頁用的 3D 場景及互動元件設計工具

Spline是一款運行於瀏覽器的3D設計工具,支援即時協作功能。它讓創建3D對象、編輯材質、添加互動性,以及導出變得前所未有的簡單。Spline為創意工作者開啟了3D設計的新大門,提供了一套強大的功能,包括即時協作、3D建模、動畫製作、互動體驗設計等,使團隊能夠輕鬆在3D空間中合作、創作及分享。

Velocity.js:輕量級加速網頁動畫的利器
網路資源

Velocity.js:輕量級加速網頁動畫的利器

Velocity.js是一款專門加速JavaScript動畫的開源程式庫,提供了一種輕量而高效的方式來處理網頁動畫,不需依賴jQuery即可使用。它支援鏈式呼叫、動畫排隊,並能達到與CSS動畫相當的性能表現,讓開發者在不影響網站效能的前提下,實現精緻的動畫效果。

Aceternity UI:創新的網頁元件與效果庫
網路資源

Aceternity UI:創新的網頁元件與效果庫

Aceternity UI 提供了一系列創新的網頁開發元件與效果,例如3D卡片效果、星光背景、動態漸變背景等,適合加強網站的互動性和視覺吸引力。每個元件都旨在提升用戶體驗,讓開發者能夠輕鬆整合到各種網頁設計中。

Rive:打造跨平台互動動畫,為設計與開發注入創意火花
網路資源

Rive:打造跨平台互動動畫,為設計與開發注入創意火花

Rive 是一個讓設計師與開發者能夠創建可在任何裝置上運行的互動動畫的平台。這個工具適合於打造應用程式、網站及遊戲中的動態元素,提供了熟悉的設計與動畫工具,並結合先進的狀態機制來豐富互動體驗。Rive 還支援開源運行時,讓動畫能夠輕鬆地整合到各種平台中,無論是無代碼或需要編寫代碼的專案都適用。

Animotion- Visual CSS Animation Builder:讓 CSS 動畫創建更直觀的視覺化工具
網路資源

Animotion- Visual CSS Animation Builder:讓 CSS 動畫創建更直觀的視覺化工具

Animotion 是一個免費的網頁應用程式,允許使用者透過拖拽、調整大小、旋轉、剪裁等視覺化操作來創建 CSS 動畫。它包含關鍵幀編輯器、一系列現成可用的動畫和29種內建的緩動效果。Animotion 在近期更新中加入了新外觀、鍵盤快捷鍵、多層顯示、自定義元素尺寸、平移和縮放功能,以及對關鍵幀、多重緩動效果、WYSIWYG 預覽模式、工具提示、程式碼優化、變形吸附、鍵盤快捷鍵、新域名、撤銷/重做、GitHub 暗色主題、關鍵幀自動化、深色模式、動畫庫和編輯動畫按鈕的改進。Animotion 支援大螢幕和現代網頁瀏覽器,適合需要視覺化創建 CSS 動畫的開發者使用。

LottieLab:輕鬆打造 Lottie 的動態互動網頁體驗
網路資源

LottieLab:輕鬆打造 Lottie 的動態互動網頁體驗

LottieLab是一個專為創建和編輯Lottie動畫而設計的平台。只要透過其介面建立完動畫後,就可以直接匯出給 Lottie 使用。

使用 GSAP 的 ScrollTrigger 外掛來製作背景視差滾動效果
教學

使用 GSAP 的 ScrollTrigger 外掛來製作背景視差滾動效果

說明使用 GSAP 的 ScrollTrigger 插件來製作背景視差滾動效果的方法。

Landing Love:收錄超過 700 個有著優秀動態效果網站的集合網站
網路資源

Landing Love:收錄超過 700 個有著優秀動態效果網站的集合網站

Landing Love 是一個收錄了超過 700 個有著優秀動態效果的網站的網站,你可以透過列表上預覽網站的效果,也可以透過分類及篩選快速找出想要的類型的網站,是一個在設計網站上很好的靈感參考工具。

SuperMarquee:打造流暢跑馬燈的最佳選擇
網路資源

SuperMarquee:打造流暢跑馬燈的最佳選擇

SuperMarquee 是用於網頁應用程式的流暢跑馬燈網絡元件。它提供了各種跑馬燈的功能,如水平和垂直滾動、不同的滾動速度、自定義樣式等。

Vue.js Example:收錄許多優秀 Vue.js 與元件的網站
網路資源

Vue.js Example:收錄許多優秀 Vue.js 與元件的網站

Vue.js Example 是一個匯集了眾多 Vue.js 範例的網站,包括了UI操作以及各種元件示例。開發者可以在這個網站上輕鬆尋找並參考喜愛的範例,或者直接應用它們到專案中。這個資源有助於開發者更深入地了解Vue.js的使用方式,並提供實用的範例供參考和使用。

Typewriter JS:簡單方便做出打字機效果
網路資源

Typewriter JS:簡單方便做出打字機效果

Typewriter JS 是一個可以簡單做出打字機效果的 javascript plugin,參考官方文件再調整參數就能做出想要的效果。

AutoAnimate:使用一行程式碼替你的應用程式增加動態效果
網路資源

AutoAnimate:使用一行程式碼替你的應用程式增加動態效果

AutoAnimate 是一個滿有趣的 javascript Library,之前的 Library 通常需要使用者自行決定在哪裡添加動畫,並進行設定,而AutoAnimate則能夠自動在整個應用程式中添加適當的動畫。