App Icon 里的變化

從 iOS 5 到 iOS 12 的更新中，微信也從 5.0 版本迭代至了 7.0 版本，每次大版本的更新中微信的 App Icon 也發(fā)生著變化。App Icon 從最開始高光擬物，到趨于平面，到最后淡化的過程，不僅是表面是色彩的改變，也是微信內(nèi)部界面設(shè)計風(fēng)格的一個改變。

WeChat App Icon History

微信的界面其實也一直追隨著系統(tǒng)的設(shè)計風(fēng)格，從 iOS 5 到 iOS 12，手機系統(tǒng)的設(shè)計語言一直在發(fā)生著變化，而微信也跟隨著系統(tǒng)的風(fēng)格在進(jìn)行改變，從立體感的按鈕，到平面化的配色，到 7.0.0 的新版界面風(fēng)格，微信其實也在不斷地沖擊和改變著用戶的審美。

Wechat UI History

7.0.0 不一樣的開始

更新 7.0.0 后開啟微信引來的不是那個早已熟悉的地球，而是「一只隨風(fēng)搖擺的花朵」伴隨 Leonard Cohen 的《In My Secret Life》，在屏幕的上部還有兩排非常顯眼的文字「因你看見所以存在」。

開啟的動畫 - 張小龍的朋友圈

對于這句簡單有可能復(fù)雜的語句，每個人對它都可能有不同的理解，可能表示著微信這些年來走過的歷程，也可能暗示著本次的更新內(nèi)容，或許是微信團隊接下來的戰(zhàn)略布局。張小龍在微信更新不久后，也在朋友圈里提到王陽明《傳習(xí)錄》中的一句話：

你未看此花時，此花與汝心同歸于寂。你來看此花時，則此花顏色一時明白起來。便知此花不在你的心外。

究竟怎么去解讀，或許就看你怎么去看這朵花了。

界面設(shè)計風(fēng)格的更換

微信 7.0.0 版本一打開，給你的體驗一定只有一個字「白」，這次的白，白的足夠徹底。7.0.0 的設(shè)計中整體的色調(diào)主要是由四種顏色組成，分別是「黑 、灰、白、綠色」，大片的白色讓界面給人一種非常融合的感覺，但是 App 內(nèi)的層級感被白色減弱了許多。白色在夜間的使用體驗會變得較為「刺眼」，相信 WeChat Team 也能考慮到這一點，在后續(xù)版本中是否會出現(xiàn) Dark Mode，一定是用戶關(guān)注的熱點問題，也讓我們拭目以待。

WeChat 7.0.0 UI

主色調(diào)變化后，WeChat Team 對內(nèi)部的圖標(biāo)也進(jìn)行了重新設(shè)計，用更輕快的線性圖標(biāo)替代了原有的所設(shè)計。除此之外，對于每一個項目的觸摸區(qū)域（可以理解為每一塊的高度），都有進(jìn)行增大，可能是為了在全面屏上的顯示美觀性，也可能是為了優(yōu)化用戶操作的準(zhǔn)確性。

Icon Redesign

其實除了我們平時所用到的四個底欄主頁的設(shè)計發(fā)生變化外，還有一些頁面設(shè)計風(fēng)格變化也比較大。例如錢包的界面，在這個版本中直接更名為「支付」，對標(biāo)的味道相當(dāng)濃郁。新版的「支付」設(shè)計風(fēng)格更趨向于 iOS 12 的卡片式效果，將原有的三類功能區(qū)分為了三塊卡片式區(qū)域，并將「收款碼」和「錢包」以綠色背景凸顯出來，整體觀感較原版加強許多，更容易捕捉到界面中的重點。

錢包 & 支付

除了支付以外，其實聊天頁面、公眾號頁面、紅包頁面、設(shè)置頁面等等都有不少的變動，不僅是配色上地變更，在元素的布局上也更加的融洽。當(dāng)然，也會有一些細(xì)節(jié)上的美化，例如所有包含用戶頭像的元素都由「直角」變成了「圓角」。

圓角的元素

遲到但未缺席的時刻視頻

社交出生的微信一定不會放過任何與社交相關(guān)的發(fā)展機會，在這次 7.0.0 的更新中，微信也推出了一項全新的功能「時刻視頻」，用戶可以自由分享自己的短視頻。這里的自由分享是指，你的視頻將會展示給你與你賬號有直接關(guān)聯(lián)（好友）或間接關(guān)聯(lián)（群聊中的用戶）的所有人?！笗r刻視頻」可以在「我」的頁面右上角進(jìn)入拍攝，對于還未拍攝過的用戶也可以直接下拉此頁面呼出拍攝引導(dǎo)頁。

時刻視頻的入口

「時刻視頻」的拍攝或是上傳的最大時間長度為 10 秒，超過長度的部分微信會引導(dǎo)用戶對視頻進(jìn)行剪裁。進(jìn)入短視頻的編輯頁中，下方的四個按鈕就是簡單編輯的四種功能，分別是「表情」、「字幕」、「背景音樂」、「地理坐標(biāo)」。

編輯時刻視頻

用戶可以根據(jù)自己的喜好添加表情，或是字幕。在背景音樂一項中，微信為你提供了十首歌曲，但歌曲不是固定的，每當(dāng)你重新拍攝視頻或是上傳視頻的時候，十首歌曲會隨機發(fā)生改變，當(dāng)然用戶也可以選擇只保留視頻的原生。發(fā)布好的視頻如果需要刪除，可以進(jìn)入任意可以瀏覽到你時刻視頻的地方（我的相冊 / 我的頁面下拉），長按即可呼出刪除選項。

在拍攝視頻分享自己的生活的同時，「時刻視頻」也在這個版本中遍布你的微信。光是時刻視頻的入口就有 7 處（可能是不完全統(tǒng)計）：

• 群聊的頂欄小圓圈，點擊可以查看所有群友的時刻視頻；
• 群聊中的頭像，雙擊可以查看他的時刻視頻；
• 朋友圈中的頭像，雙擊可以查看她的時刻視頻；
• 朋友圈中的好友昵稱標(biāo)記有小圓圈，表示好友有新的時刻視頻；
• 和好友聊天頁面的頂欄小圓圈，點擊可以查看好友的時刻視頻；
• 和好友聊天頁面中好友的頭像，雙擊可以查看她的時刻視頻；
• 個人詳情頁面下拉，可以查看好友的時刻視頻

時刻視頻的入口不完全統(tǒng)計

對于可以查看的時刻視頻，用戶之間是可以進(jìn)行評論的，在時刻視頻的左下角有一個氣泡狀按鈕，如果你點擊會在視頻中進(jìn)行「冒泡」留下足跡，如果只是觀看不會留下訪問記錄。除了冒泡之外，長按冒泡按鈕還可以進(jìn)行留言，但留言只會被對方看到。在自己的視頻中點擊冒泡按鈕則可以看到在自己視頻中互動的用戶。除此之外，在查看打開視頻是向左下角下拉打開，會以靜音的模式播放視頻。

時刻視頻冒泡

還有一些不錯的更新功能

強提醒

在信息的提示方面，微信也推出全新的「強提醒」功能，其效果非常顯著，堪比「奪命連環(huán) Call」。對于設(shè)置了強提醒的用戶，在設(shè)定之后的未來三小時以內(nèi)的第一條消息會附加上「強效提醒 Buff」。當(dāng)消息抵達(dá)后你的手機后，如果你處于微信界面，會全屏提示你有一條「不允許你錯過的消息」，伴隨著不會停止的振動（需開啟振動），直到你確認(rèn)消息后才會停止。

強提醒

強提醒只適用于設(shè)置后的第一條消息，當(dāng)提醒成功后，強提醒會關(guān)閉，需要再次進(jìn)入對方的詳情頁面中打開。對于不在微信中的情況，還是會以標(biāo)注強提示的方式去接收消息，進(jìn)入微信后仍會以全屏提醒的方式告知你。如果你有這樣的需求，不妨對家中領(lǐng)導(dǎo)或是公司領(lǐng)導(dǎo)使用。

看一看 、好看

看一看功能在 7.0.0 中也得到加強，在看一看的頁面中加入了兩種分類，一種是「精選」，另一種是「好看」。

「好看」是新推出的選項，這里會收集你好友覺得好看的公眾號文章在此集中顯示，除了可以顯示文章以外，你的好友還可以在這里對文章進(jìn)行評論互動，而不在局限于需要公眾號審核的評論區(qū)，開放了自由互動的一塊區(qū)域。對此公眾號的文章，在更新后可以發(fā)布新的「點贊模式」，用「好看」代替了「點贊」，如果能被更多的用戶標(biāo)記為好看，也就意味著這個公眾號的曝光度會直線提升，對運營者來說也是個更好的模式。（說到這里趕緊關(guān)注少數(shù)派公眾號：sspaime）

看一看