建党100年，10种排版让图文更出彩

距离2021年7月1日建党节越来越近了，祝福党和祖国越来越好。

早在一个月前，老沙就整理过6种适合建党百年的排版玩法，今天，老沙又给大家补充了4种，个个经典实用，如果搭配上优秀的建党百年主题内容，相信我们的图文可以大放异彩。

一起看下吧。

*我们还准备了12个适合建党百年的H5案例，扫码添加下方微信，即可一次性获取本文提到的所有SVG交互图文以及H5案例。

1. 华为终端：

点此查看原文

2.中央广电总台中国之声：

▲点击图片查看原文

点击按钮，一根线条向前延伸，线条所到之处画面显现，直至结束，这就是「线条轨迹移动」。

「线条轨迹移动」的形式有很多，可以是线条边延长边消失，也可以是线条延长过程中出现分支，或者是线条延长与图文展开同时进行，以及点击线条延长同时播放背景音乐等。详情戳：《一条线可以玩出多少花样？》

这里面线条是焦点元素，引导用户的阅读视线，让用户按我们规划的时间节奏完成阅读，不错过任何重要信息，非常适合用来描绘串联建党百年历程。

该效果需定制，请联系玉兔微信（ID：playhudong15）。

1.上海蟠龙天地：

2.福特中国：

▲点击图片查看原文

「元素轨迹移动」相当于隐去了轨迹线条，用一个标志性元素的移动方向引导用户阅读。

百年之前，在嘉兴南湖的一艘“红船”上，宣告中国共产党正式成立。建党百年的主题图文，如果以“红船”为主体，点击移动串联整篇图文再合适不过了。

该效果用编辑器可实现，教程戳：《→→轨→→迹→→移→→动→→》

腾讯：

点此查看原文

「背景滑动」与「元素轨迹移动」可以搭配的内容创意差不多，前者是利用相对运动的原理，通过移动的背景表现主体前进的效果。

这里的主体可以是船或人，背景是和党有关的故事性内容画面。

该效果用编辑器可实现，教程戳：《大品牌爱用的双层滑动，背景、前景都能滑！》

三星：

点此查看原文

向大家推荐的第四个玩法是「答题」。

答题的形式也有很多，有同一场景答题、多场景答题、仿真答题等，适合进行党史知识测验，配合根据分数送福利的活动，互动效果应该会很不错。

以上两种答题形式需要定制，而简单的答题玩法用 iPaiban Pro 黑科技编辑器就能实现，教程戳：《来，教你在公众号中制作答题！》

该效果需定制，请联系玉兔微信（ID：playhudong15）。

英菲尼迪：

▲点击图片查看原文

「密码解锁展开」最大的创意点当然是在密码上，使用该玩法时切记不要设置太困难的密码，否则用户如果一直打不开就直接走了。

和我们党相关的具有纪念意义的数字很多，比如1921，大家可以任意设置。

制作教程戳：《请输入密码，解锁本文 2.0》

1.雅诗兰黛：点击弹出图片

                                   

                               

                                   

                               

                                   

                               

点此查看原文

2.奔驰：点击弹窗

点此查看原文

「弹窗」形式分为两种，一种是基于微信自带的点击弹出图片，一种是自定义点击弹窗。前者用编辑器就能实现（点此查看教程），后者则需要定制。

使用弹窗交互，可以在不到一屏的空间内，隐藏放置尽可能多的图片，减轻用户阅读压力的同时也向用户传达了足够的信息。

该玩法可用于在不同地理位置或者时间线放置弹窗，点击弹出展示党在不同时间的重要事件。

制作教程戳：《宝马、飞利浦都在用的「圣诞树弹图」效果，原来这么容易实现！》

1.新华社：点击切换图片

点此查看原文

2.人民日报：点击伸缩式展开图文

点此查看原文

「点击切换图片」和「点击展开图文」是超经典的交互玩法，其中使用点击切换图片的图文更是诞生过多篇双10W+。

如果想要展现建党百年巨变的对比，又想排版尽量简单些，可以选择这两种形式。

制作教程戳：《抖动、伸缩、收回……图文展开又有新花样了！》

Burberry：

                           

                                       

                                       

                                       

                                       

                                       

                                       

                                       

                                       

                                       

                                   

                                       

                                       

                                     

点此查看原文

让全文作为一个整体处于左右滑动的布局之中，很是新颖。

我们可以像 Burberry 这样滑动之前为几个视觉冲击力极强的大字，滑动之后为详细内容；也可以让滑动之前与之后的内容正好有一定对比性。

该效果需定制，请联系玉兔微信（ID：playhudong15）。

古茗茶饮：

▲点击图片查看原文

一篇图文藏着两篇内容，同样可用作展现建党百年巨变的对比。

该效果需定制，请联系玉兔微信（ID：playhudong15）。

奔驰：

点此查看原文

最后要给大家推荐的是「放映机」样式，非常适合用作大事件回顾，比如建党100周年进程回顾。

该效果现在使用 iPaiban Pro 黑科技编辑器就能制作，教程戳：《元宵节+放映机效果，惊艳！》

另外要注意的是，大家在编辑类似时政热点内容时一定要慎重，无论在用词还是使用相关标识元素时一定要规范，敏感内容尽量不要触及，否则很可能被判违规不能发布或者发布后被删除。

*扫码添加下方微信，即可一次性获取本文提到的所有SVG交互图文以及12个适合建党百年的H5案例。

现在新用户登录 iPaiban Pro 编辑器，在「新手礼包」可领取3天企业标准版会员体验权，以及22个常用必备组件的大礼包（1年）。

如果有感兴趣的企业或品牌需要定制黑科技排版，请添加玉兔微信沟通。