相較于 QQ 頻繁的更新頻率與對(duì)新功能新嘗試的包容度，「微信」的更新就顯得保守許多。畢竟作為一款日活超 10 億的國(guó)民 App，每一個(gè)細(xì)微的改動(dòng)都會(huì)影響甚廣也會(huì)受到全體用戶的關(guān)注與檢閱。雖然由于用戶群體過于龐大且要兼顧各個(gè)年齡層的接受程度，「微信」的優(yōu)化更新一向克制而保守。但從年前的大版本設(shè)計(jì)改版來看，「微信」也正在朝著年輕化轉(zhuǎn)變。

7月16日晚「微信」iOS 端上線了 7.0.5 最新版本，本次的更新都是小細(xì)節(jié)，卻處處藏著驚喜。整體來說就是：浮窗功能變得更強(qiáng)大高效，公眾號(hào)變得更清爽整潔，而視頻動(dòng)態(tài)與朋友圈更好玩、會(huì)玩了。

公眾號(hào)主頁布局更新樣式

新版訂閱號(hào)的信息流頁面進(jìn)行了改版，將頁面頭部的品牌介紹、導(dǎo)航入口與文章內(nèi)容三者用新的視覺樣式對(duì)信息層級(jí)進(jìn)行了更加明確的劃分。公眾號(hào)品牌介紹由原本的居中展示變更為用戶習(xí)慣的閱讀路徑引導(dǎo)式設(shè)計(jì)，而導(dǎo)航入口與文章內(nèi)容都使用了近年來更為流行的卡片式設(shè)計(jì)，讓閱讀體驗(yàn)更加沉浸。以前的灰色邊框卡片整體變?yōu)榘咨?，公眾?hào)名稱變成藍(lán)色，更能引起用戶點(diǎn)擊的欲望。

文章內(nèi)容浮窗系統(tǒng)視覺與交互更新

前版本的「微信」已使用了浮窗球來優(yōu)化閱讀體驗(yàn)，但只可添加 1 篇文章內(nèi)容。新版本的浮窗可同時(shí)添加最多 5 篇文章與 1 首歌。不僅解決了查看突然來的信息會(huì)干擾閱讀進(jìn)程的困擾，還能將想看的文章都添加到浮窗球后再一起查看，閱讀更高效，分享也更方便。關(guān)閉文章，只需點(diǎn)擊浮窗進(jìn)入白色遮罩頁面即可操作了。除了公眾號(hào)的文章與網(wǎng)頁，收藏筆記、小程序和其他文檔都可添加至浮窗查看。一心多用在多個(gè)頁面之間快速切換無壓力，工作娛樂兩不誤。

此外，文章頭像以交叉疊加的樣式顯示于浮窗內(nèi)，浮窗會(huì)根據(jù)文章的數(shù)量顯示不同。當(dāng)收藏少于 5 篇文章時(shí)，會(huì)顯示所有文章的頭像；當(dāng)添加到浮窗的文章達(dá)到 5 篇時(shí)，則會(huì)通過算法提取頭像顏色生成一朵花的圖案。查看文章時(shí)浮窗球還伴有小交互來反饋操作，功能雖小細(xì)節(jié)卻做得很講究。

在線音樂與語音播放改用浮窗樣式

前版本的音樂播放，會(huì)在微信首頁頂部顯示。新版則采用了類似文章的處理方式，將音頻內(nèi)容加入了浮窗縮放的樣式，且不占據(jù)真正的浮窗名額。這里使用了「微信」公用的圖標(biāo)組件──聲波紋的圖標(biāo)，播放時(shí)有聲波伴隨聲音波動(dòng)的微動(dòng)效。點(diǎn)擊浮窗會(huì)進(jìn)入白色半透明的遮罩頁，可對(duì)音頻進(jìn)行管理。浮窗球還可沿屏幕兩側(cè)上下滑動(dòng)，這樣在聽音樂的同時(shí)還能進(jìn)行其他操作且不怕浮窗球遮擋屏幕。

朋友圈的視頻默認(rèn)自動(dòng)播放

朋友圈的視頻默認(rèn)自動(dòng)靜音播放了。自動(dòng)播放的邏輯能優(yōu)化用戶接收內(nèi)容的體驗(yàn)，帶來更直觀的視覺沖擊與吸引力，促進(jìn)朋友圈的互動(dòng)活力。靜音的模式，避免了朋友圈多視頻自動(dòng)播放帶來的聲音干擾，也避免了用戶刷朋友圈突然出現(xiàn)聲音的尷尬與不便。擔(dān)心流量的朋友可以在「我的」-「設(shè)置」-「通用」-「照片、視頻和文件」關(guān)掉移動(dòng)網(wǎng)絡(luò)下的自動(dòng)播放。

全局底部動(dòng)作欄變成統(tǒng)一圓角

界面視覺上而言，全局底部動(dòng)作欄都變成了統(tǒng)一的圓角。在底部動(dòng)作欄加入圓角已是當(dāng)下的界面設(shè)計(jì)趨勢(shì)之一，視覺上更加柔和，也加強(qiáng)了社交屬性?！肝⑿拧乖谶@里的改動(dòng)也算是順應(yīng)趨勢(shì)了。

視頻動(dòng)態(tài)支持照片合成與添加背景音樂

去年更新的「微信7.0版」新功能「時(shí)刻視頻」就已經(jīng)有了拍攝視頻可替換音樂與添加圖紙與文字的功能。這一次「微信」的版本升級(jí)，這些實(shí)用的功能也被移植到了朋友圈視頻發(fā)布的功能更新上，為大家發(fā)布朋友圈提供更多樣的選擇。視頻動(dòng)態(tài)還支持照片合成，最多可選擇 9 張照片合成視頻發(fā)布。不想發(fā)視頻時(shí)，發(fā)布動(dòng)態(tài)圖再配上一段音樂也是不錯(cuò)的選擇。

付款頁面樣式更新，新增「單位」提示

新版的付款頁面樣式更新增加了非常人性化的單位提示小細(xì)節(jié)。當(dāng)輸入的金額數(shù)字滿足四位數(shù)時(shí)，在金額數(shù)字下方會(huì)出現(xiàn)「千」「萬」「十萬」的計(jì)數(shù)單位小標(biāo)注。其實(shí)「騰訊理財(cái)通」很早以前就有了這個(gè)細(xì)節(jié)，廣受好評(píng)，這一次的「微信」更新可能是受其影響。這樣的金額位數(shù)輔助提示直接又友好，能方便用戶立即識(shí)別金額，避免輸入錯(cuò)誤。

作者 : 小白

原文鏈接：https://www.uisdc.com/wechat-705-design