計育韜：公眾號圖文內GIF色差銜接問題解決方案
在此前一期《新媒體（公眾號）端GIF動態圖壓縮對抗與優化的核心方法》中，計育韜老師為廣大運營人全面解析了 GIF 圖的優化策略，但眾所周知：GIF 作為一種圖像格式本身，只具備 256 種顏色渲染上限，但 PNG/JPEG 格式廣域可達 16777216 色。這樣的客觀文件特性決定了 GIF 天然存在與靜態圖之間的色差。
所以，出現色差情況后首先不應過度緊張甚至苛責設計能力——這是一種近乎必然的合理現象。
而運營人應當積極尋求的解決方案，在計育韜老師看來就對應包含了兩大路徑：1） 從色彩數著手，統一動態圖與靜態圖的顏色；2）從設計著手，讓切片實現合理的過渡和優化。
方案一：顏色表鎖定
在 GIF 的導出流程中，一般設計師會選擇通過 PS，將視頻的 MOV 格式或 PS 自身制作形成的動態轉化為 GIF 格式。而在導出面板中，請留意 PS 分配給你的初始 256 顏色表（如顏色數有限，也可能小于 256 色）：
如果你對這個顯色方案基本滿意，那么先請導出此刻的顏色表，會對應獲得一個 ACT 顏色表文件：
請基于此顏色表先導出 GIF 圖像本身。隨后在制作與之銜接的靜態圖時，以相同方式導出并選擇 PNG-8 或其他支持二次載入顏色表的格式進行導出：
由此，運營人就獲得了兩個完全基于相同顏色表生成的動態圖與靜態圖文件，確保 100% 的無色差銜接。但 256 色本身的色彩局限性，就意味著其顯色的豐富性不足，因此計育韜老師認為它并非是解決 GIF 色差問題的上上策。
方案二：視覺設計過渡
計育韜老師在這里舉例他與喜茶團隊的合作案例《終于，阿喜冰箱貼被文旅局“盯”上了????》，其開篇動態就涉及了色差修正需求：
這里為了確保開場動態效果及其背景色與后續內容的完全銜接，并保持靜態圖色彩的自由廣度，計育韜老師采用了蒙版（MASK）過渡的方式對畫面進行分層：
同理，這種解決方案在諸多奢侈品牌公眾號內也被廣泛應用：
可見“分層”是非常重要的 GIF 動態優化思路，包括在一些非對照色差（GIF 自身顯色問題嚴重）情況下也同樣體現其價值。以 Burberry 的《雪上飛鳶，盡游新愿》為例，以下這個畫面涉及了動態圖（背景）、靜態文案（中景）、動態提示符（前景）三大要素：
正如《?適合新品/新店介紹的SVG模版?》中的解析，三層疊加是相對最討巧的動態布局思路。試想如果以上畫面完全采用 1 個 GIF 呈現，那么清晰度和顯色度都會大打折扣。
綜上，計育韜老師認為公眾號圖文內 GIF 色差銜接問題的核心解決方案更應側重設計思路的變通。當然如果你對色彩理論本身尚有知識漏洞，也可以閱讀計育韜老師的新媒體理論專著《硬核運營：新媒體技術流養成》進一步開展學習。
-END-
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）