最近，微信在iOS上终于迎来近期最大更新版本。对我来说在iOS最重要的改进：微信里面的“语音聊天”功能终于接入了iOS中的CallKit（能够通过统一接听电话/VoIP的界面，同等级显示在通信录内、并拥有高度重合的操作）已经让VoIP在系统层级上，无限接近于传统运营商拨号的体验（虽然自家的QQ很早就更新了），终于解决了微信要接听语音聊天时，手机蜜汁抖动还要找到APP，点进去才能接听的尴尬。不用问就知道未来微信就会对传统电话动刀子了。
微信CallKit接听电话.png
为了这个革命性改进，我早早就更新了微信iOS的6.60版本，更新后，又日常去看我公众号鸡汤，突然，觉得微信公众号们的推送竟然比以往更加神清气爽了！难道是某果手机刘海去掉了？难道是某男神女神又爆恋情了？难道咪蒙的毒鸡汤放枸杞了？整个画风跟之前完全不一样了！
新公众号排版.png
新旧版变化动画.gif
通过上面的动画我们可以看出这次排版的一些细节（基于iPhone7），总结如下：
- 卡片宽度不变突出首图。首条推送配图放大，紧贴卡片边框，并且标题处的黑色遮罩改为渐变遮罩。从效果图我们就可以看出，图片放大到紧贴边框所带来的视觉冲击力真的不是一般的大，而且标题更好融入头图，可能会带来前所未有的图文互动；
- 内容与边框的间隔加宽，由15pt增加至18pt，并且所有标题保持左对齐，非首推图片也进行了一定的放大同理。所以我们可以看到，内容显示更加紧凑了，标题和图片的关联性做得更好；
- 各项内容可触控区域增加近20%，主要是通过加高度；在宽度不变情况下，通过对比高度即可得到面积的增加，故有[(80-68)/134]=0.174…
- 卡片辅助元素进一步减少，首先是标题处的黑色遮罩改为渐变遮罩，其次是进一步弱化了分割线的作用，不再有贯穿整个卡片的分割线而改为分割标题内容的分割线，应该是考虑到图片有强烈的分割属性故不需再通过分割线进行分割，还有就是整个卡片的轮廓线也去除了，卡片和背景仅能通过色差去区分了；
- 公众号详情页的公众号头像样式去除背景等元素，区别于下面可操作样式。
从上面可以看出来微信的每次更新都是套路满满啊，换句装一点话说也就小龙哥所说的产品细节吧。从整体上来说，其实这次更新在简化界面元素，梳理内容逻辑上向前走的一大步，并且可以看到，同样推送，6.60版本明显要比上一版本所占的屏幕高度高出10%左右，还顺带把iPhone X适配得更好了，用户再也不用担心我的iPhone X看公众号推送体验不好了。
话说这次UI更新要是加上霓散投影，加点色彩斑斓的妹纸照片和一些同色系的点线面练习，简直都能赶上dribbble了啊，终于不用被同行吐槽微信的UI不上班了，人家也是很拼的好吗，微信追赶起设计潮流连自己都害怕…
难以置信的表情.png
首先单条推送是不受本次更新影响的而且可能效果更佳，就一张图，该吃吃该喝喝，放冲击力的继续冲击力，放小清新的继续小清新，放活动海报继续放活动海报。
但要是多条推送吧，这个步子迈的太大，大家都还没跟上步伐，容易……
新公众号排版存在的问题.png
以上案例还算是好的，还有更加可怜的：
新公众号排版存在的问题2.png
TX爸爸简直在用生命提高众生的审美啊
能做好图好就是缘分，做不好图也是缘分，你关注我是缘分，不关注我也是缘分，随缘吧
我佛慈悲.png
首先我们要明白，要想做好图，就不能影响文字阅读，这个是重点重点重点
重点.png
其实这次大家不习惯的，就是公众号把黑色遮罩改成了渐变遮罩这一点。因为之前黑色遮罩只需确保画面主体不在黑色遮罩遮挡就行了，换句话说之前标题跟图片内容是相对独立的，而这次除了要考虑主体跟遮罩的关系，还要同时去考虑图片内容跟标题的融合，从上面的例子我们可以看出，这次的遮罩其实也没有太多作用，依然需要图片去配合。当然也不确定微信在未来会不会对其进行改进和优化。
综上所述，我认为解决方法大体如下：图片主体内容避开标题文字区域、多条推送并发头图尽量避开白色系、标题处尽量避免复杂图案
头图区域.png
至于为什么要避开白色系头图，看下面栗子，感觉公号运营会疯，说好的简约呢……
无语mmp.png
首先看看TX家公众号的栗子
我躲
腾讯科技的7点见，作为简讯的标题那真叫长啊，今天终于想起研发部门说我们的公众号排版样式改了！这么长的标题如果放个迪士尼做背景怎么看得清我思考了那么久的标题啊，还是把某丰的飞机放上去吧，刚好可以把标题躲开了，机智如我啊（纯属想象）。
而有些公众号放的都是美美哒风景照，风景照通常在排版都已经是最好状态，一般都不会有很大问题，但还是注意安全区域
美美的风景照片.png
下面是我整理的一些比较好的解决方案仅供参考
新公众号排版存在的问题 copy 3.png
（以上图片均来自微信公众号截图，侵改）
网友评论