日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

微信ui設(shè)計怎么做,特點和素材分享?

12月21日,微信在APP Store發(fā)布了iOS V7.0版本,版本號從 6.7.5直接跳到了 7.0,而6.0 的發(fā)布是在2014年 。本次更新是重大版本更新,icon的改變,界面全新改版,新增「時刻視頻」,「錢包」升級為「支付」,公眾號「點贊」變成了「好看」,并且可以在「看一看」入口發(fā)現(xiàn)等;

微信ui設(shè)計怎么做,特點和素材分享?


基本有以下8大更新點:
1、微信圖標顏色變淺
2、開機畫面大變樣
3、微信界面變成白色調(diào)
4、新增“時刻視頻”功能
5、看一看,可瀏覽好友推薦好看的文章
6、公眾號文章的“贊”按鈕變成“好看”
7、新增“強提醒”功能
8、公眾號和小程序關(guān)注頁UI調(diào)整
今天我將從UI視角對本次微信7.0版本的更新進行對比分析~
一、圖標
微信ui設(shè)計怎么做,特點和素材分享?


我用photoshop拾色器進行對比發(fā)現(xiàn),新版本圖標背景顏色變淺了,圖標主體大小比舊版本更小一些 。
二、開屏(新增)
因你看見,所以存在
微信ui設(shè)計怎么做,特點和素材分享?


萬年不變的開屏,在7.0版本,用戶首次打開APP時,使用了視頻方式,給用戶一種全新的感官體驗 。
三、首頁
微信ui設(shè)計怎么做,特點和素材分享?


通過對比發(fā)現(xiàn),首頁的UI變化有以下幾點:
1、狀態(tài)欄、導(dǎo)航欄由之前的黑色變?yōu)榱藴\灰色#F2F2F2(此項為全局屬性)
2、導(dǎo)航欄“+”圖標改變?yōu)閹A圈的“+”
3、新版本列表高度,比舊版本要高
4、底部TabBar欄高度增高
5、底部標簽欄圖標進行了優(yōu)化,顏色統(tǒng)一使用了新icon的主色,沒選中狀態(tài)圖標顏色加深、對圖標粗細也進行了優(yōu)化
6、頭像距離左邊距由20px增加到了32px
7、列表分割線變短,由和微信頭像對齊改為和微信昵稱對齊
8、頂部下拉小程序背景色,改變?yōu)闇\灰色#F2F2F2
9、默認背景色變?yōu)?F2F2F2(全局屬性)
四、通訊錄
微信ui設(shè)計怎么做,特點和素材分享?


通過對比發(fā)現(xiàn),通訊錄的UI變化有以下幾點:
1、圖標顏色進行了調(diào)整
2、每一個類目間距變大了
3、背景色變?yōu)?F2F2F2
五、發(fā)現(xiàn)
微信ui設(shè)計怎么做,特點和素材分享?


通過對比發(fā)現(xiàn),UI變化有以下幾點:
1、列表高度增高,變得更高了
2、列表間距變小
3、背景色變?yōu)?F2F2F2
六、我
微信ui設(shè)計怎么做,特點和素材分享?


通過對比發(fā)現(xiàn),UI變化有以下幾點:
1、頭像、昵稱、微信號區(qū)域高度變得更高,頭像、昵稱、微信號字體更大
2、列表間距變小
3、圖標進行了重新設(shè)計,風格由面性圖標變?yōu)榫€性圖標
4、列表高度增高
5、背景色變?yōu)?F2F2F2
6、新增“時刻視頻”功能入口
七、錢包
微信ui設(shè)計怎么做,特點和素材分享?


通過對比發(fā)現(xiàn),UI變化有以下幾點:
1、錢包改變?yōu)椤爸Ц丁?br /> 2、頂部功能區(qū)背景色改變?yōu)榫G色背景色,使用了卡片設(shè)計
3、背景色變?yōu)?F2F2F2
八、朋友圈
微信ui設(shè)計怎么做,特點和素材分享?


通過對比發(fā)現(xiàn),UI變化有以下幾點:
1、頂部背景圖增加了陰影范圍
2、背景圖高度增高
3、所有頭像變成了圓角設(shè)計,看起來更舒服
4、朋友圈點贊、評論圖標進行了重新設(shè)計

推薦閱讀