Apple公众号排版发生重大变化！

经过小黑的多期观察，我认为新媒体行业标杆品牌案例 Apple 的排版底层技术逻辑已经发生重大转型，那么本期我们来讲讲苹果是如何从全<div>布局变化为全<svg>原色高亮布局的。

原先的苹果公众号以一种网页开发的思路布局，这在《苹果公众号的秘密（PDF 下载）》中已经谈得非常透彻。这种布局结构精妙，但存在两个硬伤：1）深色模式下产品图黯然失色，会产生 0.1 的黑度。2）一旦与当下流行的 SVG 交互结合，会产生严重的衔接色差。

典型的苹果前期 div 布局方式

如今，苹果公众号的排版思路为全 SVG 拼合，将图像以 SVG 的背景参数形式无缝展现，这一操作完全无法用微信公众号后台本身实现。但正是有了这种技术支撑，我们才能看到苹果公众号的交互与动画愈发复杂和美妙。

以近期《它有数，你的运动就有数了。》为例，代码风格正是滴水不漏的全 SVG 结构。如果你将图文切换到深色模式，画面色彩就不会产生任何偏差。

当前苹果 svg 布局方式

全靠它：高阶无缝图

苹果升级后的排版核心，就是 SVG 形成的高阶无缝图。但普通运营人如何能享受到这种图文拼合模式的优势呢？很简单，通过电脑端进入全新黑科技编辑器公测官网：

https://www.e2.cool/

在「常规」组选择「无缝图（深色模式高亮）」组件即可免费使用▼

*以上为付费会员所见界面

免费用户数量少于上图

接下去，只要反复使用该组件，上传你已经设计好的切片即可。这些组件之间自然会无缝拼合，无需你再手动调整任何代码▼

点击上传按钮载入图片

免费用：降噪切换

E2.COOL 编辑器还为用户提供了多个苹果式交互的模板，而且都是免费的！比如在《嘘，AirPods Pro 来了。》中的降噪特效，它实际由两张素材图组成▼

在「常规」组选择「降噪切换」组件即可免费使用。并且小黑已经对它进行了升级优化。苹果原文在深色模式下存在问题，但我们黑科技编辑器已修正，欢迎体验▼

*以上为付费会员所见界面

免费用户数量少于上图

不超过 10 秒，你就能通过编辑器免费组装。而专业会员（¥365/年）能使用的模版数已达到 234 个，平均每个模板 1 元 5 角 5 分 9 厘▼

免费用：款款而来

E2.COOL 编辑器用户还能享受到这套能连续展示四张图的 SVG 模板，我们将其定义为「款款而来」。原文参考《左一款右一款，款款款款而来。》，以下是应用效果▼

在「多图展示」组选择「款款而来」组件即可免费使用▼

*以上为付费会员所见界面

免费用户数量少于上图

免费用：点击伸长

没错，你们最爱的点击伸长，小黑也让大家免费使用！这一被苹果公众号带热的交互模式，目前由 E2.COOL 编辑器衍生出近 20 多种模式，其中最通用的「点击伸长」是可以免费使用的▼

*以上为付费会员所见界面

免费用户数量少于上图

企业版：无限往返刷新器

那么，E2.COOL 编辑器付费用户能实现比苹果更先锋的交互效果吗？以《你知道，女神们都在忙着为什么事腾时间吗？》为例，开场的图片往返刷新一定让大家十分惊艳▼

但此处，苹果设计团队是通过 GIF 实现的。如果其他品牌的运营人手里只有几张静态图，能够通过我们 E2.COOL 编辑器以纯代码方式驱动特效，并且做到比苹果的图像更高清吗？

可以！请企业版用户（¥1999/年）在你们的专属组件大类「企业用户专区」选择「无限往返刷新器」组件即可使用▼

*以上为付费会员所见界面

免费用户数量少于上图

即刻访问 https://www.e2.cool/，即便是免费用户，只需要你准备好设计素材，就可以完成苹果级的排版技术范式。不过注意，本文展示的界面截图均为付费会员所见。想会的比别人多一点，全面迈入 SVG 时代？不妨成为我们的专业会员或企业会员吧！内测期行业原价 ￥19800/年，公测后仅需￥365/年和￥1999/年，企业用户额外拥有包括图片压缩性选择、自定义参数、速度控制等功能入口，开启独立的专属模版组，并能由客服一对一提供人工代码修改的支持服务噢！

最后，由编辑器核心逻辑发明人之一的 GL 先生，带来一个 E2.COOL 编辑器的 5 分钟快速上手教程▼

小黑也依然欢迎品牌方提出高定 SVG 需求，我们的综合案例可查阅《SVG案例库丨在该领域，JZ排行业第二》了解。在我们 E2.COOL 官网首页下方，你也可以看到我们的更多 Partner。具体可致电 021 37218818 或添加管理员微信 Zhuoya_Work。