工欲善其事,必先利其器。对于公众号排版的高手来说,工具的穿插使用已然是常态,但它们的效果天花板有何不同?对新手来说,则面对必然的第一选择,哪种编辑器又最符合你的入门需求?
本期,让我们直面行业三大主流编辑器——秀米编辑器、135编辑器、E2.COOL 编辑器,各选取能代表其综合表现的图文作品进行挖掘,相信读完之后无论萌新还是高玩,都能对工具层面的认知有进一步提升!
秀米:https://xiumi.us/135:https://www.135editor.com/E2:https://www.e2.cool/
秀米:自由布局让你无法自拔,媲美一图流不是奢望。
用专业术语形容,秀米是对 CSS 盒子结构最完美的映射呈现;用大白话说,秀米的可视化操作体验 YYDS!
虽然它的本质属于富文本编辑器,但通过独特的「盒子编辑」逻辑使其更接近在线图片设计工具,同时又保留了 CSS 语法独有的精细化参数调整权限。因此能够实现自由布局的秀米,能让深度用户在非一图流设计逻辑下,无限接近一图流作品。
来看天花板级案例:《等到了!火遍杭州、武汉的全能型居酒屋,空降德基!》(点击蓝色字跳转)
← 滑动并点击查看解析
这种排版方式的优势显而易见:当你对秀米的应用强大到可以交锋多数设计师手工 PS 长图时,富文本结构能更好保留公众号内部搜索自己微信「搜一搜」的 SEO 能力。
另外推荐两个更容易被秀米大多数用户学习借鉴的样板链接:
1.端午/清新夏日(点击蓝色字跳转)2.制趣新年(点击蓝色字跳转)
近期,秀米也在发力 SVG 交互排版能力的迭代,依托既有的可视化逻辑提供了不少基础的交互动画,并且颇有 PPT 的操作思维感。不过总体来说形式偏简单,发挥空间有限,但依然非常适合新手对该技术领域的初步探索喔!
135:恰到好处的样式渲染丰富度,结合高阶的互动效果设计。
为什么 135 编辑器能在党政领域坐拥第一用户量?它看似自由度不及秀米,但实际上是为了「限制」了用户的过度发挥,形成了克制而得当的模版库风格——简而言之,它的 VI 体系贯彻更为决绝,这对视觉统一性有高度要求的政务图文设计非常友好。
135 编辑器一直采用的是富文本编辑界面,意味着这款工具的方法论中「版式」优先于「布局」(秀米更侧重后者)。它们本身没有高下之分,但这自然而然会约束 135 编辑器样式丰富度的边界——这无可厚非,毕竟在专业的新媒体设计师眼中,复杂的页面布局完全可以由 PS/AI/Sketch/Figma 等直接完成,且可以彻底无视 CSS 机型适配的问题。
而 135 编辑器对富文本和 SVG 的衔接融合能力做得是比较充分的,来看天花板级案例:《好消息:周日要上班,闹钟定了没?》(点击蓝色字跳转)
← 滑动并点击查看解析
网易云音乐公众号发布的本作中,渐变色背景自然贯穿,中段嵌入「点击-切换+播放音频-伸长」模式的 SVG 互动,并利用「重复性」的设计原则让内容沉浸感拉满。
所以,如果你的公众号日常以富文本为主,并希望兼备多样的 SVG 互动性,那么 135 编辑器或许是目前业内的最佳选择。
E2:像乐高积木一样,释放创作者想象力的边界。
从界面设计到使用方法,E2.COOL 完全不像一般意义上的编辑器。它从一款小众 SVG 黑科技工具,跃升为各行头部品牌公众号的广泛选择只用了不到一年时间,这很大程度上归功于其独特的积木化操作流程与结构无限嵌套能力。
对于聪明的运营人来说,E2.COOL 的使用会尤其有趣,且随着越来越多顶尖的品牌方和 Agency 涌入,这款编辑器已经产出了大量效果叹为观止的品牌 SVG 互动图文佳作。
来看天花板级案例:《???? 春天???? 是宇宙的入口吧》(点击蓝色字跳转)
← 滑动并点击查看解析
E2.COOL 这个「偏执」于一图流设计的交互图文设计引擎,确实在 SVG 领域独树一帜,甚至包含不少超前于 Apple 公众号的奇妙模板。但同时,它的问题显而易见——对常规富文本排版的公众号并不友好。E2.COOL 本身几乎不提供
三大编辑器可以穿插使用吗?
读到这里,必然有运营人希望「博采众长」,但这三大编辑器可以轻松穿插使用吗?答案并不乐观。
1.由于秀米自身对图片做防盗链处理,几乎无法复制到其他任何第三方编辑器中,也因此难以和 135 或 E2 编辑器进行混合。
2.135 编辑器对其他工具的代码兼容性相对较高,可尝试直接黏贴,或通过「html」按钮在代码模式写入更多 CSS 和 SVG 结构(前提是你知道应该写在哪里)。
3.E2 编辑器内「高级组件」中「自定义代码块」可写入更多 CSS 或 SVG 结构,但无法通过黏贴等普通方式插入。
既然如此,广大运营人必然对不同编辑器,有相应的花式操作学习诉求。