有点牛:基于新媒体的营销推广方案服务商!

24小时咨询热线: 张经理,18220833936
办公电话:029-81528308(周一至周六:9:00-18:00)

24小时咨询热线:张经理,18220833936

联系方式

More +

电话:张经理,18220833936

邮箱:42888672@qq.com

地址:陕西省西安市未央区凤城九路海博广场A座2206室

当前位置:陕西有点牛首页 > 行业新闻 > 微信夜间模式来了!有哪些排版雷区?

微信夜间模式来了!有哪些排版雷区?

文章出处:http://www.ydnxa.com/a/83.html 阅读量:266 发表时间:03-17 15:23
行业新闻
分享到:

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


0-1


与之相对的是,微信团队迟迟没有推出夜间模式。至于原因,微信团队曾在微博上这么写——“你的夜晚太珍贵,我们不忍心占用,更不愿意成为你半夜醒来看手机的原因,愿你每夜好眠。

 

0-2


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


0-3

 
而且更早一些,微信适配系统深色模式的功能已在安卓版灰度测试。

0-4


使用过程中,以往在白天模式下显示正常,以及那些称得上赏心悦目、曾被作为优秀案例报道的排版,在夜间模式下完全变了个样。防患于未然,为避免广大运营者踩坑,一些夜间模式下的公众号排版雷区,供各位参考。 
 
封面图  
 
封面图也就是头图,是影响打开率的重要因素之一,很多公众号运营者都会在封面图上下足功夫。和白天模式相比,夜间模式只是换了个底色,就目前看到的情况而言,大部分封面图的兼容性都没问题。

0-5

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

0-7

分隔线
 

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


a1


a2

a3

a4


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

0-10

d

e

f


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


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

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


0-11
b


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


0-12
a


文字颜色  

 

相对来说,夜间模式下分隔线的问题还是能忍受,但是文字颜色如果有问题,可能会严重影响读者的阅读体验。

先来举几个例子,白天模式下是这样的:


0-13
0-14
0-15

这三个公众号文章的排版都用了编辑器有底色的边框模版,然而在夜间模式下,它们变成了这样:
 
0-16
0-17
0-18

像上面提到的文字颜色问题,大概率是因为有底色的边框模板引起的,也和微信夜间模式的适配有一定关联性。带底色的边框不仅可能会引发文字颜色的问题,也有可能与正文有一些色差,引起读者注意的部分,变得略显突兀。

0-20



建议:谨慎使用有底色的边框模板。夜间模式下排版,把文字颜色设置成白色凑字数,在夜间模式下是会被发现的。

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


1. 大部分封面图和夜间模式都很兼容,追求立体效果的封面图效果会打折扣。 
   
2. 分隔线建议使用透明背景的png格式图片、编辑器分隔线模版或者把小标制作成图片。 
     
3. 谨慎使用有底色的边框模板,可能会引发文字颜色问题,导致读者无法看清文字。    

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


相关新闻

More +

服务热线

18220833936

微信在线客服

cache
Processed in 0.006314 Second.