微信夜間模式被惦記了這么多年,這次真的要實(shí)現(xiàn)了。幾天前,#微信iOS版將支持暗黑模式#的話題一度登頂微博熱搜。 據(jù)媒體報(bào)道,蘋果對(duì)App Store 商店的審核做了更新。如微信堅(jiān)持不開(kāi)發(fā)夜間模式,或?qū)⒚媾R下架。目前,微信回應(yīng)稱已與蘋果達(dá)成合作,該功能有望在下一版本中上線。 ![]() 此前,用戶對(duì)微信夜間模式的呼聲頗高,很多“熬夜修仙黨”感慨晚上用微信聊天被界面“亮瞎”。與之相對(duì)的是,微信團(tuán)隊(duì)遲遲沒(méi)有推出夜間模式。 至于原因,微信團(tuán)隊(duì)曾在微博上這么寫——“你的夜晚太珍貴,我們不忍心占用,更不愿意成為你半夜醒來(lái)看手機(jī)的原因。愿你每夜好眠”(說(shuō)得就像沒(méi)有微信大家就能早睡似的)。 ![]() 不管之前態(tài)度如何,微信夜間模式終于還是要上線了! 而且更早一些,微信適配系統(tǒng)深色模式的功能已在安卓版灰度測(cè)試。實(shí)不相瞞,作為“天選之子”,我已經(jīng)使用了一段時(shí)間的微信夜間模式,給各位劇透一波: ![]() 再也不用擔(dān)心晚上用微信被“亮瞎”了! 不過(guò)在使用過(guò)程中,我發(fā)現(xiàn)以往在白天模式下顯示正常,以及那些稱得上賞心悅目、曾被作為優(yōu)秀案例報(bào)道的排版,在夜間模式下完全變了個(gè)樣。 防患于未然,為避免廣大運(yùn)營(yíng)者踩坑,我總結(jié)了一些夜間模式下的公眾號(hào)排版雷區(qū),供各位參考。覺(jué)得有用的朋友們,但求在看評(píng)論分享一條龍! 封面圖 封面圖也就是頭圖,一直是影響打開(kāi)率的重要因素之一。很多公眾號(hào)運(yùn)營(yíng)者都會(huì)在封面圖上下足功夫。 和白天模式相比,夜間模式只是換了個(gè)底色。就目前看到的情況而言,大部分封面圖的兼容性都沒(méi)問(wèn)題,大家可以放寬心。 ![]() 不過(guò)想嘗試不規(guī)則封面,制造立體效果的朋友們要注意了,夜間模式下可能效果會(huì)打折扣。 ![]() 分隔線 差不多每個(gè)公眾號(hào)都會(huì)使用分隔線,常見(jiàn)的分隔線有圖片、純文字、圖片+文字,或者用編輯器自帶的分隔線版式: ![]() 白天模式下,是不是這幾個(gè)分隔線看著都挺簡(jiǎn)潔美觀?不過(guò),在夜間模式下,它們變成了這樣: 朋友們,感受到了嗎? 使用白色背景圖片做分隔線,如果圖片只是窄得像一條線的話,視覺(jué)效果還好,但如果圖片高度較大,在夜間模式下,顯得格外突兀、刺眼。 建議:如果使用圖片作為分隔線,建議將圖片更改為透明背景的png格式圖片。或者可以像“鉛筆道”一樣使用編輯器自帶的分隔線版式,雖然看上去略顯普通,但無(wú)論在哪種模式下,都比較整潔,編輯器也有很多模板可供挑選。 舉個(gè)例子,下圖中“ 36 氪”的數(shù)字分隔線其實(shí)是透明背景的png格式圖片,可以說(shuō)完美兼容了白天和夜間模式。 ![]() ![]() 像“新經(jīng)濟(jì) 100 人”這樣將小標(biāo)直接做成圖片也是個(gè)不錯(cuò)的選擇,只是每次都制作小標(biāo)圖片的成本相對(duì)較高,適合對(duì)排版有一定要求的公眾號(hào)。 ![]() ![]() 文字顏色 相對(duì)來(lái)說(shuō),夜間模式下分隔線的問(wèn)題還是能忍受(不就是會(huì)被亮瞎一下嘛!),但是文字顏色如果有問(wèn)題,可能會(huì)嚴(yán)重影響讀者的閱讀體驗(yàn)(手動(dòng)劃重點(diǎn))。 為什么這么說(shuō)呢?先來(lái)舉幾個(gè)例子。 白天模式下是這樣的: ![]() ![]() ![]() 是不是感覺(jué)都挺正常的?這三個(gè)公眾號(hào)文章的排版都用了編輯器有底色的邊框模版。然而在夜間模式下,它們變成了這樣(能全部看清算我輸): ![]() ![]() ![]() 不過(guò),像上面提到的文字顏色問(wèn)題,大概率是因?yàn)橛械咨倪吙蚰0逡鸬模埠臀⑿乓归g模式的適配有一定關(guān)聯(lián)性。 帶底色的邊框不僅可能會(huì)引發(fā)文字顏色的問(wèn)題,也有可能讓只是與正文有一些色差,引起讀者注意的部分,變得略顯突兀。 ![]() 建議:謹(jǐn)慎使用有底色的邊框模板。如果團(tuán)隊(duì)里有被抽中灰度測(cè)試夜間模式的“天選之子”,可以讓他們看下夜間模式下排版是否會(huì)有較大區(qū)別,以便及時(shí)糾正。 順便提醒下大家,把文字顏色設(shè)置成白色湊字?jǐn)?shù),在夜間模式下是會(huì)被發(fā)現(xiàn)的哦。 ![]() 最后,總結(jié)一下夜間模式排版注意事項(xiàng): 1. 大部分封面圖和夜間模式都很兼容,追求立體效果的封面圖效果會(huì)打折扣。 2. 分隔線建議使用透明背景的png格式圖片、編輯器分隔線模版或者把小標(biāo)制作成圖片。 3. 謹(jǐn)慎使用有底色的邊框模板,可能會(huì)引發(fā)文字顏色問(wèn)題,導(dǎo)致讀者無(wú)法看清文字。 4. 不要再用白色文字湊字?jǐn)?shù)啦!夜間模式下一覽無(wú)余。 |