排版|少女换装小游戏

发表于 讨论求助 2022-01-16 20:48:05

>> >


今天跟大家聊一聊排版


小编备用公众号自 8 月 15 日正式更文,8 月17 日推出第一篇教程,至今约有一个月时间。在此期间的排版均有些混乱:字体以「汉仪小麦体」为主,这种手写体 / 书法体很难对齐,不宜大规模使用,容易影响整体排版的整齐性;顶部动图由 AE 制作,由于加了动态模糊,导致清晰度欠佳;标题标识符为 JPG 格式的图片,加载过程会有卡顿现象。作为一个以装逼为目的的公众号,任何排版上的瑕疵都会给装逼效果减分,因此在公众号满月之际,推出全新排版,希望老铁们能够喜欢。


个人感觉,微信图文排版就像 4399 上的换装小游戏(这也解释了为什么我的公众号后台女生比较多)。初级玩家会从游戏提供的限量衣物中直接选择「爆款服装」,这就导致很多公众号看一眼就能知道用的哪个编辑器;高级玩家会 DIY 套装,通过利用色调、布局、导航、二维码、标题、分割线等样式的重复性,形成公众号的视觉识别系统;装逼玩家就直接进入开发者模式了……下面以该文排版为例,简单介绍一下从哪几个方面形成图文 VI


❶ 帽子:文首动图 / 顶部导航是一篇文章的门面,如果公众号的每篇文章都加入同样的文首元素,很容易形成特有的视觉识别系统。本文的顶部导航由代码制作,具有加载快、无压缩、有交互性(四个圆角矩形都能戳)的优点,当然,用 PS 或 AE 也能做出效果很棒的作品。在设计顶部导航时,首先要切合公众号的主题,其次要注重重复性原则。所谓重复性就是尽可能地将文中的排版元素都结合进导航中。例如字体、颜色、装饰元素等,都应与正文保持一致。以该文为例,导航与标题均采用「汉仪良品线简体」,导航强调色与正文强调色均为红色,导航的圆环标识、灰色分割线,与标题的标识分割线均一致。这些重复的排版元素很容易让全文的排版形成一个整体。


❷ 字体:除非正文文字较少,否则改变全文字体比较困难,我们应用其他字体通常体现在导航、标题等元素上。之前本公众号采用的「汉仪小麦体」就在文首动图、文末二维码按钮、后台自动回复图片甚至是整篇文章中应用。因此,用代码或图片的方式,改变文章中某些元素的字体,也是形成微信图文 VI 的一个重要方法。


❸ 上述两个因素比较容易被忽略,因此小编做了重点强调。形成视觉识别系统的主要方法就是注重重复性原则,当某个元素或颜色被反复利用时,就会让公众号整体的排版显得更为专业。除了导航和字体之外,将重复性应用于以下几个方面,也有利于形成图文 VI :封面图、后台回复图、文章布局(字号、间距……)、二维码、正文标题、图片外框、底部文章跳转链接。



上文仅代表小编的个人观点,简单介绍了一下利用重复性形成公众号视觉识别系统的概念,如果有机会的话,小编会具体写一下如何将重复性利用于各种排版元素中。如果你感兴趣,请为本文点赞,小编将根据点赞率决定是否写后续文章。



本来打算让标题中的圆环标识和分割线、补充说明文字也动起来的,然而考虑到今晚还得看柯南,小编决定以后再加动效。二维码、底部文章链接也会用 AE 进行完善,敬请期待……


发表
26906人 签到看排名