本文授權(quán)轉(zhuǎn)自：未來設(shè)計趨勢（ID：FutureUX）

在當(dāng)今數(shù)字產(chǎn)品設(shè)計領(lǐng)域，動畫已不再是錦上添花，而是提升用戶體驗的關(guān)鍵要素。然而，對于大多數(shù)設(shè)計師來說，創(chuàng)建高質(zhì)量的交互動畫一直是一項挑戰(zhàn) —— 傳統(tǒng)動畫工具如 Adobe After Effects 或 Rive 不僅學(xué)習(xí)曲線陡峭，而且價格不菲。Phase 的出現(xiàn)，正是為了解決這一痛點，為產(chǎn)品設(shè)計師提供一個簡單易用且功能強大的動畫工具。

Phase：重新定義設(shè)計師的動畫工作流

Phase 是一款專為產(chǎn)品設(shè)計師打造的動畫工具，其核心理念是"簡單的動畫，為產(chǎn)品設(shè)計師而生"。與市場上其他復(fù)雜的動畫工具不同，Phase 采用了設(shè)計師熟悉的界面和工作流程，大大降低了學(xué)習(xí)門檻。

Phase 的研發(fā)團隊位于臺灣臺北，業(yè)務(wù)團隊則在德國柏林，這種全球化的團隊結(jié)構(gòu)為產(chǎn)品帶來了多元的視角和創(chuàng)新思維。公司奉行靈活現(xiàn)代的工作方式，注重結(jié)果而非工作地點，每兩周就會交付新功能和產(chǎn)品更新。

核心功能：簡化動畫創(chuàng)作流程

1. 直觀的導(dǎo)入功能

Phase 提供多種導(dǎo)入設(shè)計的方式，無縫對接設(shè)計師的工作流程：

-Figma 插件導(dǎo)出：通過官方插件，直接從 Figma 文件導(dǎo)出設(shè)計元素到 Phase

-SVG 導(dǎo)入：支持從 Illustrator 或 Sketch 等工具導(dǎo)入 SVG，保持圖層和質(zhì)量

-圖片導(dǎo)入：支持 PNG 或 JPEG 格式的圖片導(dǎo)入

2. 簡化的動畫創(chuàng)建

Phase 的動畫創(chuàng)建過程直觀且高效：

-動畫模式：類似 Figma 的開發(fā)模式，可以通過快捷鍵 "A" 切換

-時間軸界面：底部顯示時間軸，用于操控動畫持續(xù)時間和創(chuàng)建關(guān)鍵幀

-自動關(guān)鍵幀：移動時間選擇器并修改屬性，Phase 會自動創(chuàng)建關(guān)鍵幀

-圖層原點編輯：可以修改圖層的原點，確保旋轉(zhuǎn)等動畫效果符合預(yù)期

3. 多樣化的導(dǎo)出選項

完成動畫后，Phase 提供多種導(dǎo)出格式：

-Lottie (.json)：矢量格式，縮放不失真，推薦用于開發(fā)實現(xiàn)

-dotLottie (.lottie)：Lottie 的壓縮版本

-MP4 和 GIF：適用于演示和分享

實際應(yīng)用：微交互動畫案例

Phase 特別適合創(chuàng)建微交互動畫，這些小而精致的動畫能顯著提升用戶體驗。以下是一個使用 Phase 創(chuàng)建的"提交"按鈕動畫案例：

1.懸停狀態(tài)：鼠標(biāo)懸停時按鈕顏色變化

2.點擊反饋：鼠標(biāo)點擊時的縮放效果

3.加載狀態(tài)：顯示加載圖標(biāo)并旋轉(zhuǎn)

4.完成狀態(tài)：任務(wù)完成后的淡出效果

這種微交互動畫雖小，但能為用戶提供即時反饋，增強產(chǎn)品的專業(yè)感和用戶體驗。

適用場景：Phase 最適合誰？

Phase 特別適合以下人群和場景：

1.產(chǎn)品設(shè)計師：需要創(chuàng)建簡單動畫但不想學(xué)習(xí)復(fù)雜工具的 UI/UX 設(shè)計師

2.設(shè)計團隊：需要協(xié)作創(chuàng)建和審核動畫的團隊

3.微交互設(shè)計：專注于創(chuàng)建提升用戶體驗的小型交互動畫

4.原型設(shè)計：需要在原型中添加動畫以更好地展示產(chǎn)品功能

5.設(shè)計系統(tǒng)維護者：需要為組件庫創(chuàng)建標(biāo)準(zhǔn)動畫的設(shè)計師

未來展望：Phase 的發(fā)展方向

根據(jù) Phase 的公司愿景，其未來發(fā)展將朝著更全面的無代碼 UI/UX 原型設(shè)計工具方向邁進(jìn)。我們可以期待：

1.更強大的動畫功能：支持更復(fù)雜的動畫效果和交互

2.更深入的設(shè)計工具集成：與 Figma、Sketch 等工具的更緊密集成

3.更完善的協(xié)作功能：增強團隊協(xié)作和反饋機制

4.從創(chuàng)意到產(chǎn)品的轉(zhuǎn)化工具：幫助設(shè)計師將創(chuàng)意直接轉(zhuǎn)化為可用產(chǎn)品

結(jié)論：設(shè)計師動畫工具箱中的新寵

Phase 以其簡單易用的界面、強大的功能和協(xié)作能力，正在改變產(chǎn)品設(shè)計師創(chuàng)建動畫的方式。它填補了市場上的一個重要空白 —— 為不想深入學(xué)習(xí)復(fù)雜動畫工具的設(shè)計師提供了一個理想的解決方案。

對于希望提升產(chǎn)品體驗但被傳統(tǒng)動畫工具復(fù)雜性所阻礙的設(shè)計師來說，Phase 無疑是一個值得嘗試的工具。它不僅簡化了動畫創(chuàng)建過程，還通過協(xié)作功能和開發(fā)友好的導(dǎo)出選項，優(yōu)化了從設(shè)計到開發(fā)的工作流程。

隨著數(shù)字產(chǎn)品中動畫和微交互的重要性不斷提升，Phase 這樣專為設(shè)計師打造的工具將在未來發(fā)揮越來越重要的作用，幫助設(shè)計師創(chuàng)造更生動、更有吸引力的用戶體驗。

在科技浪潮奔涌向前的當(dāng)下，人工智能正深刻重塑我們的生活與工作。人機之間的關(guān)系，也從簡單交互邁向深度協(xié)作。想知道如何在這一趨勢下把握體驗設(shè)計的新方向嗎？2025 年 10 月將在北京舉辦的 IXDC 國際體驗設(shè)計大會聚焦 “人機共生：人工智能時代人機協(xié)作新范式”，作為全球領(lǐng)先的用戶體驗創(chuàng)新盛會，它將匯聚前沿理念與實踐。一起來關(guān)注這場盛會，探索人機協(xié)作的無限可能。

文章轉(zhuǎn)載：未來設(shè)計趨勢，版權(quán)歸原作者所有

原文鏈接：https://mp.weixin.qq.com/s/lU0sSGTxDKm13NGilrdKFg

版權(quán)聲明：“IXDC”所推送的文章，除非確實無法確認(rèn)，我們都會注明作者和來源，本公眾號對轉(zhuǎn)載、分享的內(nèi)容、陳述、觀點判斷保持中立，不對所包含內(nèi)容的準(zhǔn)確性、可靠性或完善性提供任何明或暗示的保證，僅供讀者參考。部分文章推送時未能與原作者取得聯(lián)系，若涉及內(nèi)容或作品等版權(quán)問題，煩請原作者聯(lián)系我們，給出內(nèi)容所在的網(wǎng)址并提供相關(guān)證明資料，我們會核查后立即更正或者刪除有關(guān)內(nèi)容！本公眾號不承擔(dān)任何責(zé)任，并擁有對此聲明的最終解釋權(quán)。

聯(lián)系微信：18802086168

聯(lián)系電話：18802086168

編排 | 羅家玉

終審 | 蘇 菁

點這里，學(xué)習(xí)更多設(shè)計知識！