前段時(shí)間我們注意到,微信在 Windows 版本和Mac版本的更新過程中修改了應(yīng)用程序的圖形標(biāo)志造型。其中最明顯的莫過于兩個(gè)對話氣泡顏色上發(fā)生的變化。
其中大氣泡的顏色從草綠色(#9cda62)變?yōu)楦谢盍Φ那嗑G色(#07C160),灰色的小氣泡弱化了之前的灰白漸變色,以略帶漸變的淺灰色(#f2f2f2 #e3e3e3)呈現(xiàn)。
大家都應(yīng)該還記得,2018年12月底,微信在手機(jī)客戶端上更新了圖標(biāo),不僅引入了新的綠色漸變背景,還對標(biāo)志性的對話氣泡比例也做了相應(yīng)的調(diào)整。
隨后,這款顏色也被應(yīng)用到了微信移動(dòng)應(yīng)用的UI界面以及相關(guān)的網(wǎng)頁產(chǎn)品中。但在很長一段時(shí)間里,微信電腦端一直都在使用舊版圖標(biāo)?。?
發(fā)現(xiàn)沒?微信剛剛更新了LOGO
此次更新除了將氣泡圖標(biāo)改用全新的綠色外,圖形本身也有細(xì)微的變化。通過下面的動(dòng)態(tài)圖對比是不是可以發(fā)現(xiàn)前后兩個(gè)圖形的不同點(diǎn)??
和兩年前微信移動(dòng)客戶端圖標(biāo)更新的方式略有不用。前者只是調(diào)整了圖標(biāo)的背景色以及圖形在背景下的大小比例,而后者則在此基礎(chǔ)上還優(yōu)化了圖形部分。
首先,在保持新舊兩個(gè)氣泡元素寬度不變的情況下,調(diào)整后的新圖標(biāo)明顯增加了高度。其次,綠色氣泡的眼睛(兩個(gè)圓點(diǎn))也向上移動(dòng)了位置,右下方的灰色氣泡中的兩個(gè)圓點(diǎn)則縮短了距離。
我們專門找了一張2017年3月由微信官方設(shè)計(jì)團(tuán)隊(duì) Wedesign 發(fā)布的「微信視覺形象指引」,將最新的圖標(biāo)與當(dāng)時(shí)的微信品牌圖標(biāo)制圖規(guī)范和圖形比例圖示進(jìn)行比較,可以更直觀地發(fā)現(xiàn)部分區(qū)域和位置的細(xì)節(jié)變化。
就新舊兩個(gè)顏色而言?,你更喜歡哪個(gè)版本的配色方案呢?
相比品牌色的不斷更新來說,微信的官方網(wǎng)站就有點(diǎn)偷懶了。從2011年至今9年多時(shí)間里,微信官方網(wǎng)站的界面沒有怎么改變過。今天你看到的頁面樣式與7年前的頁面基本一個(gè)樣子。
2013年7月份截圖的微信官方網(wǎng)站:
2020年10月22日截圖的微信官方網(wǎng)站: