案例合集｜2024国庆SVG/AI/短视频佳作｜20份作品入选
文摘
科技
2024-10-01 20:00
北京
国庆佳节，各大官媒以精彩纷呈的融媒体设计，共同庆祝祖国的生日，让爱国情感在每个读者心中激荡，汇聚成推动国家前进的强大力量。接下来就让我们一同来欣赏这些入选佳作，形式包含了 SVG、短视频，并穿插 AIGC 融合设计，排名不分先后。可以添加我们的助教微信 Zhuoya_Work 加入体制内融媒体工作交流群或咨询专项培训。
人民日报公众号以「错层滑动」为核心排版形式，将爱心悬停于画面中央，前景背景随着手指滑动穿插而过。这份作品的细节布局十分细腻，动静结构彼此分离。
以<image> 为核心复合大量微动效的分层组合，人民网本作堪称 SVG 动态长卷设计之典范，其中绝大多数动画实际都由 SVG 代码管理并驱动。
点击伸长的多轮组合嵌套，以“我爱你，______”的句式填充游戏为表现形式，为读者们带来温馨而多彩的图集组合。关于这种排版方式可以具体点击阅读教程《黑科技编辑器｜伸长套伸长SVG教程》。
伴随连续滑动，画面细节同步上色填充，让中国红贯穿历史一路走来。这是顶层创意滑动的设计佳作，基于 E2.COOL 编辑器完成，无论镂空布局还是手绘品质都属上乘，不输商业应用范例。（*参考国民汽车品牌小鹏的相似案例）5.最高人民检察院
一幅手绘长卷，见证法治中国75年壮阔华章
本作插画内容十分精美，结合 SVG 点击渐现的效果，给人一种恰如其分的动静平衡，将看似冗长的普法优雅折叠入画卷之内，阅读体验轻松却又确保了充分的信息量。
基于 E2.COOL 编辑器「任意动画接伸长」产生的 GIF 连续组合特效，且包含了背景音乐（伪音频视频）播放能力。得益于精美的动态图制作，这篇图文的推进穿梭效果显得立体感十足。
有别于单纯的祝福主题，河北日报在国庆节推出了一期基于「人民币发展史」的独创设计，且在技术层直接达到了 perspective 3D 的三维空间高阶布局。这种 SVG 交互技术本身即便在行业领域也是天花板级的存在，通常仅出现于如 NIKE、蕉内、好利来等各行业超一线大牌的新媒体中。加之极其精细的漫画设计与近乎恐怖的分层量，我们几乎可以认为它是 75 周年专题下品质位列巅峰的 SVG 融媒体作品。
除了河北日报外，长庆油田在国庆节选题下也采用到了裸眼 3D 布局策略，并且融合了丰富的如数据可视化动态图表、点击升国旗奏国歌等局部交互特效，展现了长庆油田 54 年来的历史长河与重要事件珍贵镜头，充满巧思和细节。
以口技，模仿火箭、直升机、高铁、远洋邮轮、智能机器人等，将传统文化展示与祖国各行业发展面貌巧妙结合，SVG 采用「假封面」视频形式播放，如此新颖的视角和形式读来着实令人啧啧称奇。10.北方新报
你好1949，这里是2024年的中国
俯仰天地间，75年不过是弹指一挥。但对于新中国而言，却是一段史诗般的历程。翻天覆地的变化如何通过 SVG 呈现？北方新报采用了「逆向上色伸长」的交互模式，真正实现了眼前一亮。
以点击渐现方式，讲述「票证」在 75 年历史中，与衣食住行漫漫变迁的映射关系。中国证券报以详实的图像史料和简洁明了的互动方式，带我们穿越时空，凝视小小票证，展望宽广未来。
用 SVG 实现有声海报演示，聆听青年们对建设海南自贸港，许下的铮铮誓言。作品中音频播放与 SVG 的切换画面相融合，采用了「切换图片+播放音频」进行布局排版。
提到升国旗，我们是否注意过天安门广场国旗的具体管理细节？新华社选择了这样一个独特的切入视角，发布短视频《以国旗之名》讲述国旗不为人知的故事。14.央视新闻
今天适合单曲循环 - 我爱你中国
完整版 - 天安门广场举行国庆升旗仪式
通过歌词镜头混剪，让平凡人的镜头、声音与歌曲穿插混响。没错，今日的循环歌曲，就是《我爱你中国》！
央视网携 AI 人工智能视频生成技术，别出心裁聚焦在了历史上一个「神秘」旗手胡其俊身上。他是谁？他为何独自一人在天安门升旗 26 年？快点击这条 AI 视频一探究竟。今日，央视网还联合央博推出《中华文明千秋正风华》AI 短片。“我们从何处来、向何处去”的终极求索与追问，文脉无言，却早已告诉我们答案，这支 AIMV 惊艳诠释何以中国。
人民，是 75 年奇迹的见证者。人民网以人物专访为形式，从战场上冲锋陷阵的老英雄，一辈子扎根陕北的“人民医护工作者”，到誓凿“绝壁天路”的村支书，投身复兴号研发的高铁专家，再到坚守考古阵地的90后，戍边卫国的年轻战士……让我们伴随着熟悉的旋律，再次踏上新的征程。
国庆节到来之际，清华大学发起，全国高校迅速响应，75所高校学子接力，在祖国四面八方共同升起五星红旗，共庆新中国75周年华诞！青年学子们以最热烈的方式向伟大的祖国深情告白：当代青年生逢其时，当不负时代、不负韶华，自信自强、刚健有为，奋力书写为中国式现代化挺膺担当的青春篇章！
在诸多海报设计中，中粮集团以 AIGC 技术下 ControlNet 模型使得文字与生成式插图叠加，产生了别有特色的人工智能海报设计。
锦缎立体山水也是 AI 圈近期相对流行的生成形式，浙大传媒国际以此为核心主视觉设计了庆祝海报。相关工作流可以在 LiblibAI 上获取。
为庆祝新中国75周年华诞，“学习强国”学习平台、百度文心一言联合嵩山少林寺、云台山等景区，推出“晒AI合照 为祖国庆生”线上互动活动，与读者一起“云”游锦绣山河，共绘国庆出游新画卷。长按识别上方二维码开始体验。
如此精心整理的案例，值得同志们分享收藏，也可以添加我们的助教微信 Zhuoya_Work 加入体制内融媒体工作交流群或咨询专项培训。如有培训需求，则可以点击公众号会话窗口下方的预约按钮与我们取得联系。纵观本期案例合集，我们不难发现 SVG 交互设计开发已经是政务新媒体重点排期项目的基本操作，AIGC 则在不同工作流中愈发高频介入。对于文本的部分交互设计案例效果，你可以访问专业融媒体制作工具进行探索尝试：
