GIF 不只是消遣，在 InVision 它是市場推廣與產品教育的利器，甚至官網首頁動畫皆用 GIF 而非代碼實現。設計師 @十萬個為什麽 獨家分享 7 個鮮為人知的高階技巧，全是私藏乾貨，趕緊收藏！

設計階段

1. 秘密武器：從視頻開始

所有 GIF 起源於視頻文件。用 ScreenFlow（或 After Effects/Keynote 導出視頻）錄製/制作動畫，再在 PS 中「文件→導入→視頻幀轉圖層」導入。預算有限？Keynote 也能做動畫導出視頻！

2. 少即是多：精簡調色板

顏色越少，文件越小，能做越長越複雜的動畫。目標控制在 1MB 以內。精挑細選每一個顏色，拒絕濫用漸變與雜色。

3. 動態模糊：專業感與壓縮雙贏

ScreenFlow/AE 導出帶動態模糊的視頻，不僅動畫更絲滑專業，還能在 PS 壓幀時「蒙混過關」——刪減幀後模糊效果掩蓋斷幀感。

4. 戰略性偷懶：只展示關鍵幀

不用展示每個細節（如鼠標移動、懸停態），人們能腦補上下文。只保留關鍵動作幀，節省時間與體積。

導出優化階段

先嘗試直接導出，體積可接受即收工。太大則按序優化：

5. 刪除重複幀

動畫停頓處常有大量重複幀（每 0.03s 一幀）。保留 1 幀，將其延長至 1s。無效則重新導入視頻時選「間隔幀」，大幅減小體積。

進階提示：超過 150 幀需花大力氣壓體積。

6. 縮減色彩數

PS 存 GIF 時右側「顏色」下拉菜單往下調。只要不成災難，越低越好。

7. 調整抖動/失真率

誠實說我不懂原理，但將「Lossy/Dither」設 1-10 之間，能在畫質幾無損下削減大量 KB。

終極招：拆分或重來

以上都試了還太大？退一步思考：內容是否過多？能否拆分為多個 GIF？專注一件事，GIF 表現更好。像多數創意產品一樣，克制成就經典。