2月21日炫欺,微信在APP Store發(fā)布了iOS V7.0版本乎完,版本號從 6.7.5直接跳到了 7.0,而6.0 的發(fā)布是在2014年品洛。本次更新是重大版本更新树姨,icon的改變,界面全新改版桥状,新增「時刻視頻」帽揪,「錢包」升級為「支付」,公眾號「點贊」變成了「好看」辅斟,并且可以在「看一看」入口發(fā)現(xiàn)等转晰;
基本有以下8大更新點:
1、微信圖標(biāo)顏色變淺
2士飒、開機畫面大變樣
3查邢、微信界面變成白色調(diào)
4、新增“時刻視頻”功能
5酵幕、看一看扰藕,可瀏覽好友推薦好看的文章
6、公眾號文章的“贊”按鈕變成“好看”
7芳撒、新增“強提醒”功能
8实胸、公眾號和小程序關(guān)注頁UI調(diào)整
今天我將從UI視角對本次微信7.0版本的更新進(jìn)行對比分析~
一他嫡、圖標(biāo)
我用photoshop拾色器進(jìn)行對比發(fā)現(xiàn),新版本圖標(biāo)背景顏色變淺了庐完,圖標(biāo)主體大小比舊版本更小一些钢属。
二、開屏(新增)
因你看見门躯,所以存在
萬年不變的開屏淆党,在7.0版本,用戶首次打開APP時讶凉,使用了視頻方式染乌,給用戶一種全新的感官體驗。
三懂讯、首頁
通過對比發(fā)現(xiàn)荷憋,首頁的UI變化有以下幾點:
1、狀態(tài)欄褐望、導(dǎo)航欄由之前的黑色變?yōu)榱藴\灰色#F2F2F2(此項為全局屬性)
2勒庄、導(dǎo)航欄“+”圖標(biāo)改變?yōu)閹A圈的“+”
3、新版本列表高度瘫里,比舊版本要高
4实蔽、底部TabBar欄高度增高
5、底部標(biāo)簽欄圖標(biāo)進(jìn)行了優(yōu)化谨读,顏色統(tǒng)一使用了新icon的主色局装,沒選中狀態(tài)圖標(biāo)顏色加深、對圖標(biāo)粗細(xì)也進(jìn)行了優(yōu)化
6劳殖、頭像距離左邊距由20px增加到了32px
7铐尚、列表分割線變短,由和微信頭像對齊改為和微信昵稱對齊
8哆姻、頂部下拉小程序背景色宣增,改變?yōu)闇\灰色#F2F2F2
9、默認(rèn)背景色變?yōu)?F2F2F2(全局屬性)
四填具、通訊錄
通過對比發(fā)現(xiàn),通訊錄的UI變化有以下幾點:
1匆骗、圖標(biāo)顏色進(jìn)行了調(diào)整
2劳景、每一個類目間距變大了
3、背景色變?yōu)?F2F2F2
五碉就、發(fā)現(xiàn)
通過對比發(fā)現(xiàn)盟广,UI變化有以下幾點:
1、列表高度增高瓮钥,變得更高了
2筋量、列表間距變小
3烹吵、背景色變?yōu)?F2F2F2
六、我
通過對比發(fā)現(xiàn)桨武,UI變化有以下幾點:
1肋拔、頭像、昵稱呀酸、微信號區(qū)域高度變得更高凉蜂,頭像、昵稱性誉、微信號字體更大
2窿吩、列表間距變小
3、圖標(biāo)進(jìn)行了重新設(shè)計错览,風(fēng)格由面性圖標(biāo)變?yōu)榫€性圖標(biāo)
4纫雁、列表高度增高
5、背景色變?yōu)?F2F2F2
6倾哺、新增“時刻視頻”功能入口
七轧邪、錢包
通過對比發(fā)現(xiàn),UI變化有以下幾點:
1悼粮、錢包改變?yōu)椤爸Ц丁?/p>
2闲勺、頂部功能區(qū)背景色改變?yōu)榫G色背景色,使用了卡片設(shè)計
3扣猫、背景色變?yōu)?F2F2F2
八菜循、朋友圈
通過對比發(fā)現(xiàn),UI變化有以下幾點:
1申尤、頂部背景圖增加了陰影范圍
2癌幕、背景圖高度增高
3、所有頭像變成了圓角設(shè)計昧穿,看起來更舒服
4勺远、朋友圈點贊、評論圖標(biāo)進(jìn)行了重新設(shè)計
九时鸵、個人資料頁
通過對比發(fā)現(xiàn)胶逢,UI變化有以下幾點:
1、個人信息列表高度增高
2饰潜、個人信息字體更大
3初坠、列表高度增高
4、發(fā)消息按鈕調(diào)整為通欄按鈕
5彭雾、背景色變?yōu)?F2F2F2
十碟刺、聊天詳情
通過對比發(fā)現(xiàn),UI變化有以下幾點:
1薯酝、列表高度增高
2半沽、新增“強提醒”功能
3爽柒、背景色變?yōu)?F2F2F2
十一、搜索頁
通過對比發(fā)現(xiàn)者填,UI變化有以下幾點:
1浩村、“取消” 顏色由綠色變?yōu)楹谏?/p>
2、6項指定內(nèi)容文件由綠色改變?yōu)樗{(lán)色
3幔托、背景色變?yōu)?F2F2F2
4穴亏、新增語音搜索功能
十二、小程序主頁
通過對比發(fā)現(xiàn)重挑,UI變化有以下幾點:
1嗓化、主界面進(jìn)行了重新設(shè)計
2、關(guān)注公眾號谬哀、取消關(guān)注文字顏色由綠色改變?yōu)樗{(lán)色
3刺覆、背景色變?yōu)?F2F2F2
十三、聊天對話頁
通過對比發(fā)現(xiàn)史煎,UI變化有以下幾點:
1谦屑、聊天頭像增加了圓角設(shè)計,由直角轉(zhuǎn)化為圓角設(shè)計
2篇梭、去掉了聊天氣泡的描邊線氢橙,讓界面更加輕松
3、去掉了頭像的描邊線恬偷,讓界面更加輕松
4悍手、聊天輸入框圖標(biāo)進(jìn)行重新設(shè)計,顏色更深袍患,讓用戶更易點擊
5坦康、背景色變?yōu)?F2F2F2
十四、新增功能
1诡延、新增“強提醒功能”
2滞欠、新增“時刻視頻”
3、“點贊” 改為“好看”
總結(jié)
1肆良、UI界面整體設(shè)計變得更簡潔筛璧、扁平、現(xiàn)代惹恃。
2夭谤、應(yīng)用了更多的大留白、大字體座舍、大間距設(shè)計沮翔,讓界面更加簡潔明了和易用陨帆。
3曲秉、應(yīng)用了更多的圓角設(shè)計采蚀,讓界面更具有親和力。
4承二、界面視覺更好看榆鼠!
5、7.0版本亥鸠,界面更加扁平化和年輕化妆够,更貼切用戶,擁有了更好的用戶體驗负蚊;進(jìn)一步增加了微信的可用性和易用性神妹!
相信微信在求變的路上,一定會變得更好<易薄M臆!