Lottie 是一種新的設計格式,在各大小企業中越來越受歡迎。那麽,Lottie 到底是什麽呢?我們從市場行銷機構、企業家甚至網頁設計師那裏聽到了這個問題。在本文中,我們將介紹關於 Lottie 的所有必要知識。
什麽是 Lottie?
Lottie 是一種輕量級的基於 JSON 的動畫格式,可以在任何器材或瀏覽器上播放。設計師和開發人員廣泛使用它來改善網站和應用程式的互動。Lottie 的向量結構允許使用者在不失去影像質素或增加檔大小的情況下縮放動畫。
Lottie 的主要優點是什麽?
Lottie可以在任何平台上播放,包括流動通訊器材、智能手錶、桌面應用程式或網站,甚至可以在訊息平台上使用。您可以使用許多工具來建立Lottie動畫。在許多場合下,您可能需要雇用專業團隊來制作客製的Lottie設計。
不久之前,開發人員經常為網站和應用程式檔的每個千字節而苦苦掙紮,因為載入時間緩慢會讓使用者非常不滿意。載入時間可能是使用者留在網站或離開網站之間的關鍵因素。即使是Google在評估SEO排名時也會降低網站速度因為不好的體驗被認為是不好的網站的關鍵指標。所以開發人員當時所做的是要麽降低影像質素以獲得更快的載入時間,要麽使用更大的檔並建立更長的載入時間。在這兩種情況下,使用者體驗都受到了影響。
但是Lottie革新了數碼設計,為所有參與者提供了最好的雙重世界。讓我們詳細分解一下它們之所以如此出色的原因。
Lottie有哪些主要好處?
Lottie有許多好處,幾乎所有好處都來自它們的大小和靈活性。聽起來很簡單,是吧?但讓我們從使用者體驗的角度來看看。
不久之前,開發人員為每個網站和應用程式檔的每個千字節而努力奮鬥,因為慢的載入時間會讓使用者非常不滿意。載入時間可以決定使用者是留在您的網站上還是離開。即使是Google也會降低慢網站的SEO排名,因為不良的使用者體驗被認為是不良網站的關鍵指標。那麽開發人員那時候所做的要麽是為了更快的載入時間而降低影像質素,要麽是使用更大的檔並建立更長的載入時間。在這兩種情況下,使用者體驗都會受到影響。
但是Lottie徹底改變了數碼設計,為每個相關方提供了最好的選擇。讓我們詳細分析一下它們為什麽如此出色。
- 在任何地方播放
Lottie 是多平台的,並且可以在任何地方播放:Web、iOS、Android、React Native 等等。此外,您不需要對不同平台或螢幕大小進行任何修改。您只需建立一個檔,它將在每個平台上播放,為設計師節省了大量時間,並加快了行程。
2. 始終高質素
你可以放大它,而其質素仍然保持高水平,不會出現像素化。在任何器材上即時播放時,也能保持高質素。我想讓這個解釋盡可能簡單易懂,但如果你想了解更多,可以查閱向量影像的工作原理。
3. 互動動畫
實作酷炫的互動動畫,響應滑鼠移動、捲動等操作。
如何使用Lottie?
您可以將Lottie用於幾乎任何數碼視覺目的:例如,應用程式或網站的hero動畫、圖示動畫、捲動時的互動式動畫,以及像載入、等待或選單等元素動畫。簡而言之,在您想要改善使用者體驗的任何地方都可以使用它們。
我在哪裏可以獲取Lottie動畫?
目前購買Lottie動畫的地方並不多,但這裏有最好的可用選項。
-
Creattie
Creattie是一個專門為商業解決方案提供策劃設計的圖庫。與其他平台的主要區別在於,所有設計都是由屢獲殊榮的插畫師和動畫師建立的。此外,這裏的Lotties按行業分類,可涵蓋您可能擁有的任何業務。 -
LottieFiles
這可能是最大的Lottie庫,但您可能會受到僅具有相同風格的選擇的限制。這意味著,如果您喜歡一種動畫效果,它可能是該風格中唯一的動畫效果,無法完全滿足您的視覺需求。此外,質素有時可能會欠缺。 -
Drawer Design
此庫不是很大,但您可以找到相對高質素的設計收藏。