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