微信“暗黑模式”上線,UI界面大改版!大家的眼睛有救了

上次支付寶logo藍上加藍的升級後,微信迎來了一次升級。

沒錯,微信7.0.2 for IOS版本中更新了“深色模式”,這可是眾多“夜貓子”日思夜盼的功能啊~

作為月亮不睡我不睡的小寶貝,每晚熬夜聊天時,看手機的我是這樣的。

微信“暗黑模式”上線,UI界面大改版!大家的眼睛有救了

說到微信這次深色模式的更新,微信團隊早期還解釋到沒有深色模式的原因:為什麼沒有深色模式,你的夜晚太珍貴,我們不忍心佔用,更不願成為你半夜起來看手機的原因,願你每晚好眠。”

微信“暗黑模式”上線,UI界面大改版!大家的眼睛有救了

然而這次卻推出了深色模式,不說啪啪打臉,其實這是在滿足大家對APP功能的追求,也是順應設計的發展趨勢。

微信“暗黑模式”上線,UI界面大改版!大家的眼睛有救了

可能有些小夥伴還沒更新,那就先跟著阿米來看下更新後的“深色模式”下的APP界面是什麼樣子的。


“聊天會話”和“發現”界面

  • 聊天會話框名稱文字由黑色變為帶有些許灰色的白字,在黑底的映襯下群聊頭像彷彿加了一圈白框;
  • 發現頁上面,左邊彩色圖標,右邊功能文字,對比起來還算明顯;
微信“暗黑模式”上線,UI界面大改版!大家的眼睛有救了

聊天界面

PNG的表情包發出來後顯得有點粗糙,這摳圖的技術不如我

微信“暗黑模式”上線,UI界面大改版!大家的眼睛有救了

朋友圈界面

除了字體顏色,朋友圈倒沒看出來有什麼變化。

微信“暗黑模式”上線,UI界面大改版!大家的眼睛有救了

“暗黑模式”下的公眾號文章閱讀界面,原本黑灰色模板樣式幾乎看不到,白色底的模板很出戏。

微信“暗黑模式”上線,UI界面大改版!大家的眼睛有救了

視頻號界面

微信“暗黑模式”上線,UI界面大改版!大家的眼睛有救了

“搜一搜”界面

微信“暗黑模式”上線,UI界面大改版!大家的眼睛有救了

整體視覺效果上的變化,差不多就這些了。還有一些新功能,大家可以下載後自行體驗哦。

瞭解之餘,咱也得知道,在設計中,這些頁面的更新和變化可都是UI做出效果圖後,由程序員實現的,UI設計師作用十分重要的哦 。

所以,各位UI設計師及想要做UI、即將成為UI設計師的小夥伴們,阿米又來普及知識了,今天來學習UI設計中的8個實用技巧,幫你做出更人性化的設計。


儘量使用單列而不是多列布局

單列布局能夠讓對全局有更好的掌控。同時用戶也可以一目瞭然內容。而多列而已則會有分散用戶注意力的風險使你的主旨無法很好表達。

微信“暗黑模式”上線,UI界面大改版!大家的眼睛有救了

放出禮品往往更具誘惑力

具體來講,送出禮品是最有效的獲得客戶忠誠度的戰術,這是建立在人們互惠準則上的。而這樣做所帶來的好處也是顯而易見的,會讓你在往後的活動進展中更加順利。

微信“暗黑模式”上線,UI界面大改版!大家的眼睛有救了

合併重複的功能而使界面簡潔

UI在設計過程中,會有意無意地創建很多模塊,版面或者元素,有些功能可能是重疊的。這時,說明界面已經過度設計了,界面上模塊越多,用戶的學習成本就越大,要儘量讓界面足夠精簡。

微信“暗黑模式”上線,UI界面大改版!大家的眼睛有救了

給出推薦而不是讓用戶來選擇

當展示許多項服務時,給出一個推薦項是個不錯的做法,你可以推薦某個選項來幫助用戶做出選擇。

微信“暗黑模式”上線,UI界面大改版!大家的眼睛有救了

給出撤銷操作來代替確定操作

假設你剛點擊了一個鏈接或者按鈕,撤銷操作可以讓操作流暢自然,這也符合人類的本能。

微信“暗黑模式”上線,UI界面大改版!大家的眼睛有救了

指出產品適用人群而不是做成全年齡

在產品定位上需要考慮清楚,是想把產品做成大眾化,還是有精確的適用人群。把產品定位得精確的風險就是可縮小了目標潛在客戶的範圍,也使自身變得不那麼全能。但這種做得更專業的精神反而會贏得信任,權威。

微信“暗黑模式”上線,UI界面大改版!大家的眼睛有救了

界面要有鮮明對比讓人容易區分

把主要功能區從界面中突出顯示出來效果會好很多。通過明暗色調的對比來突顯。通過為元素添加陰影漸變等效果讓界面富有層次感來彰顯主題等等,有很多方法。

微信“暗黑模式”上線,UI界面大改版!大家的眼睛有救了

使用較貼切的默認值會減少操作

適當的默認值和預先填充好的表單字段可以大量減少用戶的工作量。在節省用戶寶貴的時間上面,這是種非常常見的做法,可以幫助用戶快速填完表單或者註冊信息。

微信“暗黑模式”上線,UI界面大改版!大家的眼睛有救了

你們覺得這次微信的改動,效果怎麼樣呢?


分享到:


相關文章: