微信的「深色模式」给公众号排版丢了一颗怎样的炸弹?

前段时间,苹果官方催促微信需要尽快上线「深色模式」,坊间甚至有不上线就下架的说法。就在前天,在微信的 7.0.12 版本中,就迅速上线了深色模式。

功能上线后,#微信正式支持深色模式# 飞速登上了微博热搜,好评差评各一半~

微信的「深色模式」给公众号排版丢了一颗怎样的炸弹?

我不知道作为新媒体运营者,你是如何评价这个功能的。

但是当我切换到「深色模式」,然后打开公众号文章的那一刻,发现了一个非常诡异的问题:原本优雅的排版,瞬间就变得奇丑无比

但是随着深色模式的全面上线,对于新媒体运营来说,排版需要做什么调整,才能够更好地兼容「深色模式」呢?

1、调整白底头图为PNG格式

现在,绝大多数的公众号,文章的开头和结尾都有对应的引导图,来引导读者关注。

在传统的浅色模式下,因为公众号的背景是白色,如果你的JPG图片包含了白色背景,从视觉上看,白底就像是消失了一样。

但是,这样的素材在深色模式下,白底JPG图片就变得非常丑了。

比如「黑凤梨实验室」的引导在看图:

微信的「深色模式」给公众号排版丢了一颗怎样的炸弹?

对于这种情况,应该怎么办呢?你只需要把原来的JPG的图片,扣掉对应的白色背景,并且使用PNG格式即可。

比如「APPSo」推送的头图:

微信的「深色模式」给公众号排版丢了一颗怎样的炸弹?

2、慎用裸眼3D头图

此前许多公众号将封面的背景色做成和推送消息一样的颜色,因此来制造裸眼3D的立体效果。

但是在「深色模式下」,这种技巧做了也等于没有做。

微信的「深色模式」给公众号排版丢了一颗怎样的炸弹?

怎么办呢?弃用

3、改用低饱和度的强调色

在「浅色模式」下,如果你此前使用一些「低饱和度」的彩色字体作为强调,如果从肉眼来看,过渡可能相对舒适。

但是到「深色模式」下,饱和色彩在较暗的背景下,阅读起来则会不太容易识别出来(尽管字体色值并未改变)。

比如半撇私塾的案例。

微信的「深色模式」给公众号排版丢了一颗怎样的炸弹?

怎么办呢?

参考谷歌「Material Design」的规范可能是最快捷的办法。

「Material Design」建议:在“深色模式”中,主色调一定不要采用饱和色彩,而是建议使用浅色调(色调控制在50至200范围内),从而让页面内容在“深色模式”下体现更佳的可读性。

微信的「深色模式」给公众号排版丢了一颗怎样的炸弹?

浅色调不仅不会影响用户体验,而且会在深色背景形成恰当的反差。

微信的「深色模式」给公众号排版丢了一颗怎样的炸弹?

因此综合建议:使用低饱和、跟品牌颜色关联性的彩色,作为强调色。

 

4、慎用全局背景

许多公众号的运营者为了创建一种「纸张阅读」的感觉,会设置白色格子的背景。

在「浅色模式」下,看起来是非常舒服的。但是到「深色模式」下,阅读起来就非常难受了(两边变黑了~):

微信的「深色模式」给公众号排版丢了一颗怎样的炸弹?

这样一来,排版上有什么建议呢?同样一句话:慎用

5、其他问题

1、如何打开「深色模式」?

A:在 IOS 系统中,打开「设置」,选择「显示与亮度」-「深色」。

2、为什么我的iPhone没有切换深浅的功能呢?

A:该功能只支持 iOS 13 以上的版本。

3、我已经切换到了深夜模式,为什么打开微信还是白色的?

A:同学,打开APP Store,把你的微信升级到最新版才可以~

4、救命,深色模式简直太丑了,怎么恢复会浅色模式呢?

A:再一次打开IOS「设置」-「显示与亮度」,设置外观为「浅色」模式。

让我们在小结一下~

  1. 调整白底JPG格式的头图为PNG格式
  2. 弃用裸眼3D的头图
  3. 使用低饱和度的彩色作为强调色
  4. 慎用全局背景

最后,因为你还不知道你的用户中,有多少人会用「深色模式」。因此,为了尽可能确保不同模式的阅读体验,你需要:在推送前,切换到「浅色模式」和「深色模式」,分别进行文章预览,确认无误后再推送

最后,如果你也想要学习排版技巧,推荐你点击「阅读原文」学习2020年全新的新媒体自学课程(本月免费~)。


本文为「半撇私塾」编辑部出品。半撇私塾是一所项目制的在线新媒体大学,旨在通过3个月的系统项目训练营,帮助零基础学员快速找到新媒体运营工作,目前成功就业率高达95%!

本月,半撇私塾价值299元、全网超8W+学员的新媒体运营课程,包括视频+考试+直播+题库,全部免费开放。点击 专属链接 免费领取课程。

 生成海报

暂无评论

发表评论

您的电子邮件地址不会被公开,必填项已用*标注。

相关推荐

微信扫一扫,分享到朋友圈

微信的「深色模式」给公众号排版丢了一颗怎样的炸弹?
帮助