长图文无缝拼接都不会,还做什么新媒体!

原创 收藏 评论
举报 2022-04-12

听说,每一个刚接触长图式排版的小伙伴,都被一条白缝折磨过。
1.png

白缝无处不在,图片和图片之间,图片和样式之间,图片和视频之间,样式和视频之间…… 前几年也曾深受其扰,理解小伙伴们的感受,所以陆陆续续写了好几篇关于去白缝的教程,比如《长图无缝拼接,动图照样搞定!》、《最新图片、视频无缝连接教程来了!》等。 这些方法有效吗?有效。但也要承认,不够简单。

2.png

现在,超简单的无缝拼接教程来了。看了之后,你大可忘掉其他所有的无缝教程,包括老沙以前的那些。 这个超简单的无缝拼接教程就一句话:长图式排版就用 iPaiban Pro 黑科技编辑器。
别担心,是免费的。
哪里来的底气?
因为用 iPaiban Pro 编辑器排版,所有组件之间默认都是无缝拼接,反而你需要白缝,才需要进一步的调整。
除了默认无缝拼接,推荐大家用 iPaiban Pro 编辑器还有两点重要的原因:所有的图片都可以做到点击不弹出,以及适配深色模式。 Apple 公众号推文中的图片,基本都是点击不弹出且适配深色模式的,点击不弹出可以防止读者在浏览中误触图片打断阅读,适配深色模式则可以在深色模式下保持产品图不变色。简单的两个小细节,带给读者优秀的阅读体验。 下面两张图,一张是点击弹出没有适配深色模式的,一张是点击不弹出适配深色模式的,大家可以打开微信的深色模式,然后分别点击试试,感受一下。 

3.jpg4.png

 当然,编辑器给了用户选择的权利,以上两种效果在编辑器中都可以实现。 以无缝拼接图片、左右滑动和视频为例,带大家看看是怎么操作的。 第1步:点击组件-无缝图,选择「无缝图(不可弹出)」组件,然后上传图片; 

5.png

第2步:点击滑动,选择「普通滑动-左滑」组件,然后上传图片; 

6.png

 第3步:点击视频,选择「视频-无缝拼接」组件,然后复制粘贴视频的 data-mpvid 编码到右侧输入框中;(不用担心 data-mpvid 是什么,该组件编辑页面附有获取视频 data-mpvid 编码的视频教程,时长不超过30秒)  

7.png

第4步:重复第1步。 嗯,这就完了,整个过程完全不必担心有白缝出现,请看成品???????? 

1649728581196.gif

 无缝就这么简单,不再用调节各种上下段距。
所以,即便大家平常的长图式排版没有什么特殊的交互形式,用 iPaiban Pro 编辑器来排也是非常高效方便。  现在新用户注册还可以免费领取包含了7个常用必备组件的大礼包(1年),本文中提到的所有组件都在这个大礼包中,礼包位置:编辑页面右上角。

8.png
目前,编辑器的总组件数已经超过100个。 认准编辑器网址:x.iPaiban.com,复制网址在 PC 端 Chrome(谷歌)浏览器打开,即可开始注册并使用。

9.png

本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)