最近，微信在iOS上終于迎來近期最大更新版本。對(duì)我來說在iOS最重要的改進(jìn)：微信里面的“語音聊天”功能終于接入了iOS中的CallKit（能夠通過統(tǒng)一接聽電話/VoIP的界面，同等級(jí)顯示在通信錄內(nèi)、并擁有高度重合的操作）已經(jīng)讓VoIP在系統(tǒng)層級(jí)上，無限接近于傳統(tǒng)運(yùn)營(yíng)商撥號(hào)的體驗(yàn)（雖然自家的QQ很早就更新了），終于解決了微信要接聽語音聊天時(shí)，手機(jī)蜜汁抖動(dòng)還要找到APP，點(diǎn)進(jìn)去才能接聽的尷尬。不用問就知道未來微信就會(huì)對(duì)傳統(tǒng)電話動(dòng)刀子了。
為了這個(gè)革命性改進(jìn)，我早早就更新了微信iOS的6.60版本，更新后，又日常去看我公眾號(hào)雞湯，突然，覺得微信公眾號(hào)們的推送竟然比以往更加神清氣爽了！難道是某果手機(jī)劉海去掉了？難道是某男神女神又爆戀情了？難道咪蒙的毒雞湯放枸杞了？整個(gè)畫風(fēng)跟之前完全不一樣了！
通過上面的動(dòng)畫我們可以看出這次排版的一些細(xì)節(jié)（基于iPhone7），總結(jié)如下：
- 卡片寬度不變突出首圖。首條推送配圖放大，緊貼卡片邊框，并且標(biāo)題處的黑色遮罩改為漸變遮罩。從效果圖我們就可以看出，圖片放大到緊貼邊框所帶來的視覺沖擊力真的不是一般的大，而且標(biāo)題更好融入頭圖，可能會(huì)帶來前所未有的圖文互動(dòng)；
- 內(nèi)容與邊框的間隔加寬，由15pt增加至18pt，并且所有標(biāo)題保持左對(duì)齊，非首推圖片也進(jìn)行了一定的放大同理。所以我們可以看到，內(nèi)容顯示更加緊湊了，標(biāo)題和圖片的關(guān)聯(lián)性做得更好；
- 各項(xiàng)內(nèi)容可觸控區(qū)域增加近20%，主要是通過加高度；在寬度不變情況下，通過對(duì)比高度即可得到面積的增加，故有[(80-68)/134]=0.174…
- 卡片輔助元素進(jìn)一步減少，首先是標(biāo)題處的黑色遮罩改為漸變遮罩，其次是進(jìn)一步弱化了分割線的作用，不再有貫穿整個(gè)卡片的分割線而改為分割標(biāo)題內(nèi)容的分割線，應(yīng)該是考慮到圖片有強(qiáng)烈的分割屬性故不需再通過分割線進(jìn)行分割，還有就是整個(gè)卡片的輪廓線也去除了，卡片和背景僅能通過色差去區(qū)分了；
- 公眾號(hào)詳情頁(yè)的公眾號(hào)頭像樣式去除背景等元素，區(qū)別于下面可操作樣式。
從上面可以看出來微信的每次更新都是套路滿滿啊，換句裝一點(diǎn)話說也就小龍哥所說的產(chǎn)品細(xì)節(jié)吧。從整體上來說，其實(shí)這次更新在簡(jiǎn)化界面元素，梳理內(nèi)容邏輯上向前走的一大步，并且可以看到，同樣推送，6.60版本明顯要比上一版本所占的屏幕高度高出10%左右，還順帶把iPhone X適配得更好了，用戶再也不用擔(dān)心我的iPhone X看公眾號(hào)推送體驗(yàn)不好了。
話說這次UI更新要是加上霓散投影，加點(diǎn)色彩斑斕的妹紙照片和一些同色系的點(diǎn)線面練習(xí)，簡(jiǎn)直都能趕上dribbble了啊，終于不用被同行吐槽微信的UI不上班了，人家也是很拼的好嗎，微信追趕起設(shè)計(jì)潮流連自己都害怕…
首先單條推送是不受本次更新影響的而且可能效果更佳，就一張圖，該吃吃該喝喝，放沖擊力的繼續(xù)沖擊力，放小清新的繼續(xù)小清新，放活動(dòng)海報(bào)繼續(xù)放活動(dòng)海報(bào)。
但要是多條推送吧，這個(gè)步子邁的太大，大家都還沒跟上步伐，容易……
以上案例還算是好的，還有更加可憐的：
TX爸爸簡(jiǎn)直在用生命提高眾生的審美啊
能做好圖好就是緣分，做不好圖也是緣分，你關(guān)注我是緣分，不關(guān)注我也是緣分，隨緣吧
首先我們要明白，要想做好圖，就不能影響文字閱讀，這個(gè)是重點(diǎn)重點(diǎn)重點(diǎn)
其實(shí)這次大家不習(xí)慣的，就是公眾號(hào)把黑色遮罩改成了漸變遮罩這一點(diǎn)。因?yàn)橹昂谏谡种恍璐_保畫面主體不在黑色遮罩遮擋就行了，換句話說之前標(biāo)題跟圖片內(nèi)容是相對(duì)獨(dú)立的，而這次除了要考慮主體跟遮罩的關(guān)系，還要同時(shí)去考慮圖片內(nèi)容跟標(biāo)題的融合，從上面的例子我們可以看出，這次的遮罩其實(shí)也沒有太多作用，依然需要圖片去配合。當(dāng)然也不確定微信在未來會(huì)不會(huì)對(duì)其進(jìn)行改進(jìn)和優(yōu)化。
綜上所述，我認(rèn)為解決方法大體如下：圖片主體內(nèi)容避開標(biāo)題文字區(qū)域、多條推送并發(fā)頭圖盡量避開白色系、標(biāo)題處盡量避免復(fù)雜圖案
至于為什么要避開白色系頭圖，看下面栗子，感覺公號(hào)運(yùn)營(yíng)會(huì)瘋，說好的簡(jiǎn)約呢……
首先看看TX家公眾號(hào)的栗子
騰訊科技的7點(diǎn)見，作為簡(jiǎn)訊的標(biāo)題那真叫長(zhǎng)啊，今天終于想起研發(fā)部門說我們的公眾號(hào)排版樣式改了！這么長(zhǎng)的標(biāo)題如果放個(gè)迪士尼做背景怎么看得清我思考了那么久的標(biāo)題啊，還是把某豐的飛機(jī)放上去吧，剛好可以把標(biāo)題躲開了，機(jī)智如我啊（純屬想象）。
而有些公眾號(hào)放的都是美美噠風(fēng)景照，風(fēng)景照通常在排版都已經(jīng)是最好狀態(tài)，一般都不會(huì)有很大問題，但還是注意安全區(qū)域
下面是我整理的一些比較好的解決方案僅供參考
（以上圖片均來自微信公眾號(hào)截圖，侵改）
