當前位置:首頁 >UI學院 >學院新聞

通過了解微信7.0新UI界麵掌握大廠設計趨勢

最愛大琦作者:最愛大琦 發布時間:2019-04-03 16:51:27 瀏覽量:594次

“沒有一點點防備,也沒有一絲顧慮,你就這樣出現,在我的世界裏,帶給我驚喜……”到底是驚喜還是驚喜,還是驚喜呢?

這次微信改版 ,最開始並沒有直接在App Store中推出,而是需要在“我——設置——關於微信——版本更新”中進行(隱藏得還是很深的麼),今天不管是iOS還是Android都可以升級到最新版了!

通過了解微信7.0新UI界麵掌握大廠設計趨勢

iOS7.0更新界麵

微信保持  v6  版本已經四年了,昨晚一下升級到  v7.0 ,來了個大改版,嚇得我的小心髒撲通了好久。

新版本的微信在功能方麵有了一些改變,例如: UI界麵、時刻視頻、強提醒、公眾號  。下麵我們就從UI設計角度來看一下“新微信”有哪些變化:

通過了解微信7.0新UI界麵掌握大廠設計趨勢

 —圖標: 

新舊“圖標”的顏色發生了變化:

新版微信在顏色方麵采用了漸變的背景顏色,提高了明度,標誌性的對話氣泡的圖形變小了,整體變得“更年輕”了。

 通過了解微信7.0新UI界麵掌握大廠設計趨勢

 —啟動界麵:

通過了解微信7.0新UI界麵掌握大廠設計趨勢

啟動界麵變成了視頻的形式,畫麵中出現了一朵紫色小花在空中搖曳 ,但是這個畫麵神出鬼沒的,我目前隻看見了一次,再啟動微信,還是出現了舊版本中我們熟悉的“地球小人兒”。

通過了解微信7.0新UI界麵掌握大廠設計趨勢

 “因你看見,所以存在” ,新的文案,富有哲理又較為感性,具有文藝氣息,感覺比之前的地球畫麵更有生活氣息。事後微信團隊負責人張小龍也給出了這句話的解釋,原句出自明朝心學大師王明陽的《傳習錄》。

在互聯網時代,微信已經逐漸融入了我們的生活,生活中我們隨時隨地都會打開微信,發個消息,刷刷朋友圈;即使相距千裏,一個視頻,也能馬上拉近彼此的距離。

  —微信: 

首頁主界麵去掉了黑頭簾,更加扁平化;

通過了解微信7.0新UI界麵掌握大廠設計趨勢

內容區的列表間距變寬了,左右間距加大,內容居中,更加層次劃分明確,更適合閱讀;

通過了解微信7.0新UI界麵掌握大廠設計趨勢

標簽欄高度增加,更易於點擊;

通過了解微信7.0新UI界麵掌握大廠設計趨勢

標簽欄中的圖標也比原來的要更粗,由原來的  1pt  加粗到  1.5pt ,增強了視覺衝擊力;

通過了解微信7.0新UI界麵掌握大廠設計趨勢

 —添加朋友: 

列表欄的高度增加使得圖標縮小,視覺區域更加寬闊;

通過了解微信7.0新UI界麵掌握大廠設計趨勢

—聊天窗口:

輸入框的高度也進行了調整,增加了高度;

圖標欄的背景邊框也去掉了,並且加深了顏色,更易於辨識和點擊;

通過了解微信7.0新UI界麵掌握大廠設計趨勢

—發現:

發現頁的小圖標也由原來“麵”構成形式,轉變為“線”構成形式,視覺更簡潔,統一度更高;

列表欄也加高了;

通過了解微信7.0新UI界麵掌握大廠設計趨勢

 —朋友圈:

在朋友圈頁麵也有小細節的改變,左上角的“發現”欄去掉了;右上角的相機圖標也進行了調整;

通過了解微信7.0新UI界麵掌握大廠設計趨勢

 —錢包:

 微信的“錢包”改名叫“支付”,收付款欄中去掉了“銀行卡”功能,降低了欄高;

九宮格的間距調小了,讓頁麵能顯示出來更多的內容;

增加了主色調,比之前的界麵好看了;

通過了解微信7.0新UI界麵掌握大廠設計趨勢

新的微信,總體感覺變得更加幹淨,清爽了。

接下來我們再來看看還有哪些“好看”的新功能:

 —拍自己的表情:

通過了解微信7.0新UI界麵掌握大廠設計趨勢

全新改版的微信終於可以拍自己的表情了,在表情拍攝過程中也添加了一些簡單的設置,例如“去背景”功能,有了這個簡單的設置,

每個用戶都可以輕鬆自製表情“圖包”;

在自媒體時代,人們時時刻刻都要展示自我的個性,千言萬語盡在“表情”中;

 —時刻視頻:

通過了解微信7.0新UI界麵掌握大廠設計趨勢

在個人頁麵中,向下拖拽還有一個入口就是——時刻視頻;

錄製時間20s,視頻裏可以輸入表情、文字、音樂、定位,一次可以錄製多個;

左右滑動就可以看到錄製的全部視頻;

在用戶發布視頻後,好友們可以選擇“冒個泡”,告訴你,TA來過,或是長按留個言;

不過視頻隻可查看當天的;

 —好看、精選: 

通過了解微信7.0新UI界麵掌握大廠設計趨勢

在“發現”頁麵中的“看一看”也進行了功能優化和細分:“好看”與“精選”;

在“好看”裏可以看到,朋友們認為好看(即推薦)的文章,好友也可以點擊“好看”或評論;

如果新的好友評論,如朋友圈一樣,你也會收到通知;

這應該算是為信息量過載的朋友圈減輕些負擔吧;

把文字閱讀功能放在“好看”裏;

 —強提醒:

通過了解微信7.0新UI界麵掌握大廠設計趨勢

生活中微信越來越不可或缺,每天都能收到大量消息,怎麼能使用戶提升接收消息的效率呢,“強提醒”功能的出現就可以改善這一現狀,通過設置“強提醒”,就可以更加容易看到重要人發來的消息。

體驗後感受

1、新版界麵顏色變淺,顯得更輕量化;

2、強提醒功能,使我不會錯過重要信息;

3、將閱讀放在“好看”裏,生活放在“朋友圈”裏,這樣的細分方式,估計要適應一下了;

4、提示的小紅點,太多,逼死強迫症;現在又多了個藍色的圈……

火星時代教育 影視學院劉老師,為你解答
  • 相關推薦
  • 人氣推薦
  • 教程分享
  • 相關標簽
20 節課學會剪輯!一個"樸實無華"的剪輯課!

優秀作品賞析

  • 2101期學員李思庭作品

    作 者:李思庭

    所學課程:2101期學員李思庭作品

  • 2104期學員林雪茹作品

    作 者:林雪茹

    所學課程:2104期學員林雪茹作品

  • 2107期學員趙淩作品

    作 者:趙淩

    所學課程:2107期學員趙淩作品

  • 2107期學員趙燃作品

    作 者:趙燃

    所學課程:2107期學員趙燃作品

  • 微信掃碼入群領福利

    掃碼領福利最新AI資訊

    點擊谘詢
    添加老師微信,馬上領取免費課程資源

    1. 打開微信掃一掃,掃描左側二維碼

    2. 添加老師微信,馬上領取免費課程資源

    ×

    同學您好!

    您已成功報名0元試學活動,老師會在第一時間與您取得聯係,請保持電話暢通!
    確定