在 SVG 交互设计中,我们有时会采用带有渐变特性的设计切片作为素材。在某些情况下,本地看似完美的渐变图像上传到公众号后,会出现连续而平均的带状条纹,让新手设计师穷尽手段也无法消除。那么如何一步解决?本期 E2 编辑器设计团队就为大家简单解析。
色阶断层
这种条纹效果,并不仅仅是公众号图床压缩机制所致——若你将这张渐变原图在 PS 中极限调整曲线值,就会暴露出该特性,公众号的压缩只是放大了这一缺陷——我们可以将它称之为“色阶断层”,也有一些设计师会习惯将其称为“摩尔纹”。
解决办法
注意,你或许见过一些解析,认为是 8 位/通道导致的色阶断层,进而建议你使用 16 位进行 JPEG/PNG 的导出——
但实际上,它只能在肉眼上一定程度缓解色阶断层表现。真正的解决方案,是对渐变添加“仿色”,一步搞定这一问题——
好了,以上就是“图片渐变上传到公众号出现条纹”的快速解决方案,运营人不妨分享给你的设计师搭子,下次出图万无一失。