微信夜间模式来了!有哪些排版雷区?我们帮你试了试

今日电商 微信营销 5008 0

  微信夜间模式被惦记了这么多年,这次真的要实现了。几天前,#微信iOS版将支持暗黑模式#的话题一度登顶微博热搜。

  据媒体报道,苹果对App Store 商店的审核做了更新。如微信坚持不开发夜间模式,或将面临下架。目前,微信回应称已与苹果达成合作,该功能有望在下一版本中上线。

微信夜间模式来了!有哪些排版雷区?我们帮你试了试-第1张图片-周小辉博客

  此前,用户对微信夜间模式的呼声颇高,很多“熬夜修仙党”感慨晚上用微信聊天被界面“亮瞎”。与之相对的是,微信团队迟迟没有推出夜间模式。

  至于原因,微信团队曾在微博上这么写——“你的夜晚太珍贵,我们不忍心占用,更不愿意成为你半夜醒来看手机的原因。愿你每夜好眠”(说得就像没有微信大家就能早睡似的)。

微信夜间模式来了!有哪些排版雷区?我们帮你试了试-第2张图片-周小辉博客

  不管之前态度如何,微信夜间模式终于还是要上线了!

  而且更早一些,微信适配系统深色模式的功能已在安卓版灰度测试。实不相瞒,作为“天选之子”,我已经使用了一段时间的微信夜间模式,给各位剧透一波:

微信夜间模式来了!有哪些排版雷区?我们帮你试了试-第3张图片-周小辉博客

  再也不用担心晚上用微信被“亮瞎”了!

  不过在使用过程中,我发现以往在白天模式下显示正常,以及那些称得上赏心悦目、曾被作为优秀案例报道的排版,在夜间模式下完全变了个样。

  防患于未然,为避免广大运营者踩坑,我总结了一些夜间模式下的公众号排版雷区,供各位参考。觉得有用的朋友们,但求在看评论分享一条龙!

  封面图

  封面图也就是头图,一直是影响打开率的重要因素之一。很多公众号运营者都会在封面图上下足功夫。

  和白天模式相比,夜间模式只是换了个底色。就目前看到的情况而言,大部分封面图的兼容性都没问题,大家可以放宽心。

微信夜间模式来了!有哪些排版雷区?我们帮你试了试-第4张图片-周小辉博客

  不过想尝试不规则封面,制造立体效果的朋友们要注意了,夜间模式下可能效果会打折扣。

微信夜间模式来了!有哪些排版雷区?我们帮你试了试-第5张图片-周小辉博客

  分隔线

  差不多每个公众号都会使用分隔线,常见的分隔线有图片、纯文字、图片+文字,或者用编辑器自带的分隔线版式:

微信夜间模式来了!有哪些排版雷区?我们帮你试了试-第6张图片-周小辉博客

微信夜间模式来了!有哪些排版雷区?我们帮你试了试-第7张图片-周小辉博客

微信夜间模式来了!有哪些排版雷区?我们帮你试了试-第8张图片-周小辉博客

微信夜间模式来了!有哪些排版雷区?我们帮你试了试-第9张图片-周小辉博客

  白天模式下,是不是这几个分隔线看着都挺简洁美观?不过,在夜间模式下,它们变成了这样:

微信夜间模式来了!有哪些排版雷区?我们帮你试了试-第10张图片-周小辉博客

微信夜间模式来了!有哪些排版雷区?我们帮你试了试-第11张图片-周小辉博客

微信夜间模式来了!有哪些排版雷区?我们帮你试了试-第12张图片-周小辉博客

微信夜间模式来了!有哪些排版雷区?我们帮你试了试-第13张图片-周小辉博客

  朋友们,感受到了吗?

  使用白色背景图片做分隔线,如果图片只是窄得像一条线的话,视觉效果还好,但如果图片高度较大,在夜间模式下,显得格外突兀、刺眼。

  建议:如果使用图片作为分隔线,建议将图片更改为透明背景的png格式图片。或者可以像“铅笔道”一样使用编辑器自带的分隔线版式,虽然看上去略显普通,但无论在哪种模式下,都比较整洁,编辑器也有很多模板可供挑选。

  举个例子,下图中“36氪”的数字分隔线其实是透明背景的png格式图片,可以说完美兼容了白天和夜间模式。

微信夜间模式来了!有哪些排版雷区?我们帮你试了试-第14张图片-周小辉博客

微信夜间模式来了!有哪些排版雷区?我们帮你试了试-第15张图片-周小辉博客

  像“新经济100人”这样将小标直接做成图片也是个不错的选择,只是每次都制作小标图片的成本相对较高,适合对排版有一定要求的公众号。

微信夜间模式来了!有哪些排版雷区?我们帮你试了试-第16张图片-周小辉博客

微信夜间模式来了!有哪些排版雷区?我们帮你试了试-第17张图片-周小辉博客

  文字颜色

  相对来说,夜间模式下分隔线的问题还是能忍受(不就是会被亮瞎一下嘛!),但是文字颜色如果有问题,可能会严重影响读者的阅读体验(手动划重点)。

  为什么这么说呢?先来举几个例子。

  白天模式下是这样的:

微信夜间模式来了!有哪些排版雷区?我们帮你试了试-第18张图片-周小辉博客

微信夜间模式来了!有哪些排版雷区?我们帮你试了试-第19张图片-周小辉博客

微信夜间模式来了!有哪些排版雷区?我们帮你试了试-第20张图片-周小辉博客

  是不是感觉都挺正常的?这三个公众号文章的排版都用了编辑器有底色的边框模版。然而在夜间模式下,它们变成了这样(能全部看清算我输):

微信夜间模式来了!有哪些排版雷区?我们帮你试了试-第21张图片-周小辉博客

微信夜间模式来了!有哪些排版雷区?我们帮你试了试-第22张图片-周小辉博客

微信夜间模式来了!有哪些排版雷区?我们帮你试了试-第23张图片-周小辉博客

  不过,像上面提到的文字颜色问题,大概率是因为有底色的边框模板引起的,也和微信夜间模式的适配有一定关联性。

  带底色的边框不仅可能会引发文字颜色的问题,也有可能让只是与正文有一些色差,引起读者注意的部分,变得略显突兀。

微信夜间模式来了!有哪些排版雷区?我们帮你试了试-第24张图片-周小辉博客

  建议:谨慎使用有底色的边框模板。如果团队里有被抽中灰度测试夜间模式的“天选之子”,可以让他们看下夜间模式下排版是否会有较大区别,以便及时纠正。

  顺便提醒下大家,把文字颜色设置成白色凑字数,在夜间模式下是会被发现的哦。

微信夜间模式来了!有哪些排版雷区?我们帮你试了试-第25张图片-周小辉博客

  最后,总结一下夜间模式排版注意事项:

  1. 大部分封面图和夜间模式都很兼容,追求立体效果的封面图效果会打折扣。

  2. 分隔线建议使用透明背景的png格式图片、编辑器分隔线模版或者把小标制作成图片。

  3. 谨慎使用有底色的边框模板,可能会引发文字颜色问题,导致读者无法看清文字。

  4. 不要再用白色文字凑字数啦!夜间模式下一览无余。

  P.S. 你被抽中灰度测试夜间模式了吗?或者对夜间模式有什么疑问欢迎留言~

  相关阅读:

  《给0~1岁的新媒体人:公众号怎么配图?免费图片哪里找?》

  《致0~1岁的新媒体人:谨慎地聊聊排版》

  《微信改版后,公众号开启头图大战,如何取胜?》


标签: 微信夜间模式

发布评论 0条评论)

还木有评论哦,快来抢沙发吧~