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



文章图片

『』微信夜间模式来了!有哪些排版雷区?我们帮你试了试
文章图片

文章图片

白天模式下 , 是不是这几个分隔线看着都挺简洁美观?不过 , 在夜间模式下 , 它们变成了这样:
『』微信夜间模式来了!有哪些排版雷区?我们帮你试了试
文章图片

文章图片

『』微信夜间模式来了!有哪些排版雷区?我们帮你试了试
文章图片

文章图片

『』微信夜间模式来了!有哪些排版雷区?我们帮你试了试
文章图片

文章图片

『』微信夜间模式来了!有哪些排版雷区?我们帮你试了试
文章图片

文章图片

朋友们 , 感受到了吗?
使用白色背景图片做分隔线 , 如果图片只是窄得像一条线的话 , 视觉效果还好 , 但如果图片高度较大 , 在夜间模式下 , 显得格外突兀、刺眼 。
建议 :如果使用图片 作为分隔线 , 建议将图片更改为透明背景的png格式图片 。或者可以像“铅笔道”一样使用编辑器自带的分隔线版式 , 虽然看上去略显普通 , 但无论在哪种模式下 , 都比较整洁 , 编辑器也有很多模板可供挑选 。
举个例子 , 下图中“36氪”的数字分隔线其实是透明背景的png格式图片 , 可以说完美兼容了白天和夜间模式 。
『』微信夜间模式来了!有哪些排版雷区?我们帮你试了试
文章图片

文章图片

『』微信夜间模式来了!有哪些排版雷区?我们帮你试了试
文章图片

文章图片

像“新经济100人 ”这样将小标直接做成图片也是个不错的 选择 , 只是每次都制作小标图片的成本相对较高 , 适合对排版有一定要求的公众号 。
『』微信夜间模式来了!有哪些排版雷区?我们帮你试了试
文章图片

文章图片

『』微信夜间模式来了!有哪些排版雷区?我们帮你试了试
文章图片

文章图片

文字颜色
相对来说 , 夜间模式下分隔线的问题还是能忍受(不就是会被亮瞎一下嘛!) , 但是文字颜色如果有问题 , 可能会严重影响读者的阅读体验(手动划重点) 。
为什么这么说呢?先来举几个例子 。
白天模式下是这样的:
『』微信夜间模式来了!有哪些排版雷区?我们帮你试了试
文章图片

文章图片

『』微信夜间模式来了!有哪些排版雷区?我们帮你试了试
文章图片

文章图片

『』微信夜间模式来了!有哪些排版雷区?我们帮你试了试
文章图片

文章图片

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


推荐阅读