科技公司的公众号排版怎么做?

我们在介绍科技产品的优点或者使用场景时,就可以采用以下介绍的创意,将产品外观拆成多个部分,结合SVG来展示,营造沉浸式的氛围感。

科技行业

案例拆解篇

微软HoloLens


嗨喽,宝子们,说到科技行业的排版,你们的第一印象是什么呢?是太商务or中规中矩?但其实科技行业的排版也能玩出花样来。今天三儿就要带你们去领略不一样的科技行业排版,这次我选择了微软旗下的科技品牌作为案例,作为家喻户晓的科技行业领军者,看看他们在排版上又能给我们哪些启发!




1.案例一





















gif图展示↑


《生产线上来了“全能”新同事》

点击绿色文字跳转阅读



01

创意分析


这是一篇产品介绍类的推文,推文向我们展示了微软HoloLens产品在各行各业应用后带来的好处。在介绍实际效益的过程中,并没有用大段的文字内容来展示,而是利用SVG互动效果来呈现。


在排版设计上,文章很巧妙的将产品外观图片拆成两部分,一部分放置在SVG效果中,一部分以静态无缝图呈现,当用户在滑动SVG,每切换一个场景时,产品外观的两个部分可以重合,组成完整的产品形态,且用户可以通过点击每张场景图片的指定位置,来了解其具体应用情况的介绍,这种形式能让用户产生沉浸式体验。


像我们在介绍科技产品的优点或者使用场景时,就可以采用这种创意,将产品外观拆成多个部分,结合SVG来展示,营造沉浸式的氛围感。



02

SVG分析


这篇文章用到的SVG效果为单层左右滑动-图片点击切换,ID:155


教程在这里:点击查看






2.案例二





















gif图展示↑


《这个618有点不一样》

点击绿色文字跳转阅读


01

创意分析


这篇推文内容是会议预告介绍。它的推文展现形式打破了我们对于常规会议文章的认知。在文章中他们根据会议时间6月18日,提炼出与618这三个数字相对应的会议重点内容,再通过略带立体感的空间设计与SVG结合,当用户点击对应数字时,随即切换GIF图来展示文字内容,从而增加了文章的神秘感和高级感。


在正文内容部分,同样利用了SVG效果,引导用户点击展开文章后继续浏览。与开头部分相呼应,构思巧妙。


从这篇文章的排版中我们能学到的点就在于,有时在排版一些会议类文章时,可以打破固有思维,利用SVG进行创作,这样能让原本枯燥的文字内容看起来趣味十足。


02

SVG分析


这篇文章用到的SVG效果为点击换图(GIF图)和点击直接展开,组件ID:5和57。


教程在这里:

点击查看(ID:5)

点击查看(ID:57)







3.案例三





















gif图展示↑


混合现实如何掀起第四次计算...

点击绿色文字跳转阅读


01

创意分析


这是一篇介绍产品功能的推文,文章中展示了4组行业使用该产品后的对比,从而让我们直观感受到产品的优势。在排版设计上,将四个场景设计成了条漫的样式,再配合上SVG效果,让原本复杂的产品功能内容,变得更易理解。这是科技行业在编辑推文时可以学习的地方,换一种角度来展示复杂高深的知识,可以让用户更易接受。


02

SVG分析


这篇文章用到的SVG效果为双层左滑,ID:17


教程在这里:点击查看








文章申明:本文章转载自互联网公开渠道,如有侵权请联系我们删除
文章评价
登录后可以评论
立即登录
分享到