欧美成人午夜免费全部完,亚洲午夜福利精品久久,а√最新版在线天堂,另类亚洲综合区图片小说区,亚洲欧美日韩精品色xxx

扣丁學(xué)堂UI設(shè)計培訓(xùn)之微信大改版UI設(shè)計分析

2018-12-25 15:16:52 1691瀏覽

今天扣丁學(xué)堂UI電商設(shè)計培訓(xùn)老師給大家分享一下關(guān)于微信大改版之UI設(shè)計分析詳解，12月21日，微信在APPStore發(fā)布了iOSV7.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)椤爸Ц丁?br />
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

總結(jié)

1、UI界面整體設(shè)計變得更簡潔、扁平、現(xiàn)代。

2、應(yīng)用了更多的大留白、大字體、大間距設(shè)計，讓界面更加簡潔明了和易用。

3、應(yīng)用了更多的圓角設(shè)計，讓界面更具有親和力。

4、界面視覺更好看！

5、7.0版本，界面更加扁平化和年輕化，更貼切用戶，擁有了更好的用戶體驗；進(jìn)一步增加了微信的可用性和易用性！

以上就是關(guān)于扣丁學(xué)堂扣丁學(xué)堂UI設(shè)計培訓(xùn)之微信大改版UI設(shè)計分析的全部內(nèi)容，想要了解更多關(guān)于UI設(shè)計方面內(nèi)容的小伙伴，請關(guān)注扣丁學(xué)堂UI培訓(xùn)官網(wǎng)、微信等平臺，扣丁學(xué)堂IT職業(yè)在線學(xué)習(xí)教育平臺為您提供權(quán)威的UI視頻教程，UI培訓(xùn)后的前景無限，行業(yè)薪資和未來的發(fā)展會越來越好的，通過千鋒扣丁學(xué)堂金牌講師在線錄制的UI視頻教程，讓你快速掌握UI從入門到精通開發(fā)實戰(zhàn)技能。扣丁學(xué)堂UI交互設(shè)計交流群：568096113。

【關(guān)注微信公眾號獲取更多學(xué)習(xí)資料】

   

查看更多關(guān)于“ui設(shè)計資訊”的相關(guān)文章>>