适配黑夜模式_微信暗黑模式终于要来了,但我却有点慌了。

c18da352af85622b918d77956ad6c0bd.png

文 / 一周进步 · 水韬

近日,苹果对App Store 商店的审核做了更新,其中要求所有应用必须切换到iOS 13 SDK进行开发,以实现对夜间模式等新功能的支持。

同时网络传言称,微信或面临下架风险。正在传言传得沸沸扬扬的时候,微信方面及时出来回应:

64a68cfd20582061559e0733fb6fcdf1.png

网友纷纷表示:“骄傲的WX,这次也要妥协了。”

抛开微博里人们讨论的爱国论,商业利益论等等各种阴谋论,眼看微信黑夜模式更新,确实是让微信用户喜大普奔的事情。

有了黑夜模式以后,大家在晚上坚持网上冲浪的时候,眼睛也不会那么刺眼,有了黑夜护眼模式,似乎可以更好“保护眼睛地熬夜”了。

e3413dbf1840220bee7169920c278c9c.png

从以往的话题讨论来看,微信黑夜模式永远能排在需求榜前三,我们在过去推文里也不止一次提到,甚至我们自己推文也曾经YY过深夜模式下的微信。

5192462257fef1318febcbc91cf63cc9.gif

PS黑夜模式效果

从以往更新情况来看,如果黑夜模式推出,必将会是又一次微信大更新,同时也会伴随着其他功能的大改。

作为一个微信多年的老用户,必然也会在第一时间去更新,时间充裕的话甚至还会专门写一篇文章测评。

黑夜模式,包括降低对眼睛的影响,降低对别人的影响,降低电量使用,迎合设计潮流趋势等等亮点。

标题大家也看到了,可能有些人会不太开心,今天这篇文章也想和大家尝试去推断,看待微信深夜模式后给版块的变化。

当然,这篇文章是吃饱饭后碎碎念,不站在太高技术含量的前提下。

01. 微信编辑器,是最舒服的编辑器之一

机缘巧合,我也算实操过微信公众号、微博、知乎、简书、虎扑、UC大鱼号等多个媒体平台,勉强算是有些许经验的新媒体小编。

个人看来,微信的自带编辑器,其实更是一款成熟的编辑器,除了满足基本的文字排版的同时,还支持背景、交互、条漫等形式的内容呈现。

fa3ee74a52fadf29e3773a2163349984.png

@深夜发媸网格背景、@原网易H5交互操作

你觉得这些操作可能太难,小编控制不了,那我就举个简单的例子:标题的设置。

默认的序号+标题格式太普通,你可以套用第三方的模板,也可以去自己设计图片,再将整个标题放入推文设置居中。

fe82995550bed8e5af7dcdb4b9753f8c.png

但在其他的一些平台,甚至连基本的文字排版需求都无法实现,例如:知乎至今无法实现标题or文字的居中设置。

88cd70410abbbbf932bc897863d383cd.gif

为了顺应从左到右的阅读习惯,居中的标题,似乎不利于人们在知乎端查看问题,所以至今这个功能迟迟未能上线。

曾经有一场知乎线下讨论会,号主们跪求这一需求,以提供更多样化的排版,欣然点头后,距离现在已是两年。

除了知乎其他的编辑平台,大多也如此,在文章内容的编辑排版上,样式基本比较中规中矩,相比较之下微信推文实在是“好看”太多。 4a2c31576bda14a5101f0b230cb4b3f1.png 97659133ee921bd05665ee456bf2c2f8.png

虽然大家总是公众号红利期已经过去,可能也正因为微信编辑器的多样性,让公众号“图文”类一直延续且不断地优化。

似乎有点扯远了,这篇文章不是为了拍马屁才写的,接着我们开始讨论,微信黑化的问题,在YY黑夜模式之前,先分享一下微信碎片化暗黑的历史。

02. 大胆猜测,其实微信有过“黑夜”页面

在我手机里,微博国际版、知乎、虎扑、简书、小红书等等一些正在使用的社交平台类APP,在很久之前都实现了黑夜模式。 f7c78a829be0746dc9940b4f2314072b.png 5fdd6d52da123ff461d7542a83337a6e.png 左右滑动查看更多 微信的界面,其实也在悄然无息地改变着,包括视频界面的变化,到新版内测的变化,但这些功能往往也是短暂或者限量存在。

① 推文视频黑化,界面还是很酷的。

不知道你有没有注意到,微信公众号推文在2019年下半年,将视频内容以单独且特有的格式呈现在订阅号界面。

除了封面的不同以外,当你打开内容后的格式也有了较大的更新,与传统排版不同,视频界面你可以直接看到黑夜版本。

b393a3ef52d0cb842add6a57670222f4.png

去年十一月截图

视频直接在页面的最上方,下方是公众logo等,数据包括在看与播放,转发按键也在视频下方,相比较之下标题不是特别显著。

当然,我以为这种视频格式会就这么适配下去了,人们也似乎不那么在意视频界面的黑化,在我们不注意的时候,黑夜视频推文界面下线了……

ed3b2668329adc9558f14a9eef499cd1.png

今天截图

取而代之的又是纯白界面,标题更加突出,数据也在同一行,与图文版本的界面基本一致,观看更多的视频位置依旧保留。

当然,视频黑色界面的配色,在看一看的视频里还是可以看到的。

90793ac4f39120f2390202a90f0f973e.png

现在的看一看视频界面(六周年快乐)

② 内测版微信,外部转发界面黑化

在去年9月,ios13更新让苹果黑化以后,在相册或者第三方界面都已经是黑色,唯独转发到微信的界面,依旧是白色的界面。

af27cb587188a4ae45f08e4ad7f7bd83.png

在3月11日,很多接受过微信体验同学,都收到了微信团队发出v7.0.12.17版本微信的测试,其中包括小程序小游戏等方面的操作。

9c05f8313c1ffc461b9f2f585a1a1650.png

其中编辑部的另一位同事在下载体验后,却发现原本的一些微信界面也发生了变化,下图为第三方APP图片转发至微信效果。

160b402935664ce7ea8f8d417235a62d.png

当然,现在的体验名额已经木有了,这一小页面的更新,也是顺应了苹果要求所有软件适配ios的暗黑模式的体现。

目前我们能做的,似乎只能观望更多页面的暗黑模式灰度测试或者微信的完整更新了。

66edab9963ae39e07c9ec5f0b798df4a.png

那如果真的完全适配了ios的暗黑模式,那也就说明,推文界面也会迎来一次重大的变革,从制图到交互等方面。

新媒体小编和设计师听了应该一时开心不起来。

03. 黑夜的话,推文阅读会有变化?

我们都知道,一旦微信更新了,推文文字自然要反白,当然纯度是哪种纯度的黑,反白的白是什么白,当前正式版还没有发布,就比较难把控了。

这时候我用了一个骚操作的办法去测试黑夜模式下,甩进最近被小学生欺负到发鬼畜视频的APP——钉钉

cc1b131a7fae173aa85e42aee871201f.png

由于工作关系,经常把推文发在钉钉里,便发现了惨烈的现实,得到的结果让我有些意外,知道结果的我眼泪都要留下来,觉得自己比钉钉还惨

6a3f7987e7dea43b208f88e4d48b0a90.png

① 文字配色会有所变化

转白之后,最明显的变化就是文字颜色的变化,白底变黑,黑字呢当然不可能变白,否则会很辣眼睛,黑字反白后会是一个纯度比较低的黑。

ced213f99fdee60eb00b78ebf35e5268.png

我们会发现,原本文字中纯度越黑的字,反白以后就更白,这一点与正常模式下排版同理,在黑夜模式中显得非常明显。

如下图所示:大片文字用了#000000的黑,会很刺眼,选择纯度更低的#595757,这种纯度比较低的,会更舒服一些。

c65407abdd2a0ce2eae8f10b304330aa.png

至于推文标题或者主题色,也要选择相对中和的颜色,不然在黑夜模式里会引起不适,例如纯红纯绿亮黄等。

c76489d9018948f6946c2bbb4e1b668b.png

除了文字,接着就是图片了,我们以往推文图片,可能就是建立在白色底图的基础上,这样一来容易有一个不好的习惯:图片留白

② 白底JPG图片,白底显露。

大家日常看很多公众号的Banner,白色背景的基础上加动画元素,精致极了,很多时候我们会把图片直接保存为JPG格式,白底不会删除。

如果是这样,我们把这种素材放在黑夜模式下,白底的JPG简直就是裸奔!!看多了对用户的眼睛都是伤害。

再次以自己为例,真的快哭了。

▽ ▽ ▽

8e4d8293be5536a62eeb0858da7dc3d7.png31c267af298cf37d9ca1df3401006d3a.png

③ 图片白边问题,需要更加精准

这可能是设计师和编辑日常作图会忽略掉的细节,或者是不影响图片正常的情况下,我们会自动忽略掉白底白边的问题。可能以后,得注意了。

4d7fd5f9a77d20cc3fc08632d9e93b60.png

仔细看,图片白边

②③两点,在其他的APP的暗黑模式里也是如此,白底统一都会暴露无遗,解决办法只有删除白底PNG化以及反复预览检查。

c1a6ce08f25ca8c51480ede2962a389f.png

PNG格式下的序号,正常。

同理,一些交互类的推文素材,在暗黑模式面前以后也需要多测试一下了,在这里以前阵子刷屏的网易H5小瓶子为例。

6aa6448dbdc3b9af052ce4db74d279c6.png

④ 网格背景推文,可能会翻车

在拿了一些美妆号进行测试以后,发现被人们经常拿来用的 灰白格子清纯背景 在暗黑模式里比较容易翻车。

过于惨烈,不放图了。

④ 一些以往的交互动画,可能会翻车

以点击空白的常用版式为例,原本白底的空白就是毫无违和感,现在黑底的时候白色遮罩就暴露无遗。

02044caeff61ee737def3548744c9824.png

这时,大家可能会说设置代码来修改,这是一点可行之计,但另一方面是我们也无法保证用户究竟是用暗黑模式还是白天的正常模式。

在写这篇文章的时候,我也试图去寻找了相关的代码教程,偶然看到一篇名为《微信「暗黑模式」到来,「公众号」面临哪些问题?》,这位作者为我们提供了一个思路。

设置一个开推文关

▽ ▽ ▽

4ac02a4537340379b2e03357c8624eee.gif

这个办法,需要一定的编程代码的功底,作为代码小白,留下了没有技术的泪水,打算明天找我司程序员大佬寻求支持了。

04. 写在最后,继续期待

简单写一些,也不知道暗黑模式什么时候来,先简单写写自己遇到的问题及简单的解决方案。

如果以后真的微信暗黑模式出现以后,这些问题还存在的话,我可能会出一篇关于黑底如何排版的教程。

其实排版技巧不变,掌握基本即可。

eb715f04fffb3fce9d2363d0223e91df.png 我写了一万字,手把手教会你推文排版。

关于可能会来临的微信暗黑模式,觉得会遇到啥问题,大家可以在评论区聊一聊吧。

 最后用一个比较诙谐的结尾吧 

 我的一位朋友是这么回复我的哈哈 

dc4875e291ff8cc9a9fe144fc7e58b1b.png


 一周直播间 · 本周预告 

你知道

那些涨粉百万、播放千万的爆款短视频

都是怎么做出来的吗?

视频做得好,但更重要的

是了解平台的机制!

想知道怎样才能让平台

给你精心拍摄的作品打高分吗?

本周六晚8点,锁定一周直播间

@万维克 老师 与你相约!

带你深入探究短视频应用的

“流量池”法则

扫码添加小助手

回复暗号:0321

预约直播观看!

d6a8fe20d398493cf424eee8d7ff1d7b.gifd6a8fe20d398493cf424eee8d7ff1d7b.gifd6a8fe20d398493cf424eee8d7ff1d7b.gif

8d01ed3677c112d76adbe26b9d510341.png 0722338681894fe42b6581f89fdc3a1f.gif 据说好看的人都点了「在看」▽
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值