2019-11-23 鶴鶴
明年的設計方向是如何，本文分析2020年UI界面設計7大設計趨勢，旨在能夠幫助大家提前了解明年設計方向，提前做好設計儲備。
2019年接近尾聲，最近一直在研究數(shù)字設計領域的未來趨勢。從各大設計網(wǎng)站上觀察到一些最受喜愛的作品，從中研究發(fā)現(xiàn)未來的界面設計趨勢，包括今年一些受歡迎的設計系統(tǒng)，從中提取一些未來可能的設計風格走向。之前看過我文章的伙伴知道，我之前寫過一篇圖標趨勢的文章，里面就是探索明年趨勢走向。那么對于界面，同樣的我們需要提前掌握大致設計風格走向，為自家產品改版做一些設計儲備。
黑夜模式無疑是今年比較熱的一個設計方向，為什么這么說？首先是Google材料設計語言更新了，增加暗夜模式。同時今年Q3季度蘋果發(fā)布IOS13設計語言系統(tǒng)，里面增加暗夜模式。不用說后續(xù)很多APP應用都會跟隨兩大廠商更新這個黑夜模式設計方向。無疑2020年這個將會持續(xù)。黑夜模式出現(xiàn)為減少用戶眼睛疲勞，提升產品使用體驗。
Materials Design
IOS 13 Dark
IOS 13 Dark (宣傳視頻，由于視頻上傳麻煩，因此截圖)
MEDIUM
INSTAGRAM
今年下半年觀察到Facebook旗下的Messenger應用和前段時間雅虎更新他們家品牌語言的同時，也重新設計他們家所有產品。我們可以看到如下應用截圖，基本去分割線，通過留白區(qū)分層級。這樣的好處可以減少分割線對內容的干擾，界面呼吸感增強，達到簡約設計的目的。
Messenger 和 Yahoo
McDonald`s
PINTEREST 和 VSCO
蘋果風一直盛行至今天，包括大圓角卡片設計、大標題、粗字體。蘋果今年剛剛更新的IOS13設計語言同樣的是增強了卡片設計。這種風格將會在2020年繼續(xù)盛行，因此作為設計師我們更應該提前去對這種趨勢熟練掌握。卡片設計作為承載內容的容器，其實更適用今天移動互聯(lián)網(wǎng)的大方向，因為卡片可以作為一個容器封裝復雜的內容，使得模塊層級區(qū)分明顯，適配性也是更強，更聚焦，來看下具體案例。
PINTEREST 和 APPSTORE
Pinterest是今年9月份左右剛更新的設計，圓角卡片大范圍的運用。
BEHANCE 和 MEDIUM
Medium對重點欄目在今年更新設計時候啟用了卡片。
為什么要說品牌穿透？Google 在系統(tǒng)設計語言里面增加圖形特征模塊，是什么？就是通過連接品牌元素到產品設計中。到今天很多應用已經開始熟練掌握這種設計思路了，比如運用到圖標里面或者界面設計中。蘋果雖然沒有很明確公開說明，但是我們可以從蘋果家族設計語言可以看出，包括線下體驗店、手機硬件、包裝盒以及各種各種物料設計，都是一種白色語言設計風格。通過顏色與圖形特征做品牌區(qū)分，蘋果算是目前做的最好的，史無前例。那么這種趨勢在2020將會一直保持。
APPle體系產品與LOGO相粘性強，具有超強的記憶點
Google家族品牌穿透（由于視頻原因，此部分截圖）
IBM設計跟隨LOGO有一致基因
網(wǎng)格化是一切設計系統(tǒng)的基礎，Materials Design,Apple Design,IBM Design,Naver Design,等等這幾家在設計語言基礎上對網(wǎng)格研究與應用算是比較成熟的，Naver方形網(wǎng)格，Google的8px網(wǎng)格，IBM 2PX網(wǎng)格，蘋果其實沒有很強調他們家網(wǎng)格系數(shù)，其實我們可以細看他們已經提到8px Grid 。因此網(wǎng)格化在2020將是非常重要的。
5G時代已經到來，加上目前硬件升級，動效的普及已經不再是難題。我們可以慢慢發(fā)現(xiàn)目前很多產品設計里面都開始加入動效，來提升產品體驗，同時動效也有很強的指導性質。在某些場景下，使用動效能夠很好與用戶進行互動交流，因此在2020年動效的使用將會越來越多。
Google Tab Motion
E Google01
G 圖標動畫
washing-app-ui
細節(jié)動畫
隨著硬件升級，5G時代開始大面積推廣與普及，在應用程序里面使用3D動畫來展示產品是一個很不錯的選擇，3D更加貼近真實環(huán)境，貼近我們真實物理世界。
3D展示商品
3D登錄頁
3D Product Swipe
今天分析了2020年流行的7大設計趨勢，這些設計趨勢也是伴隨著外在關系一起存在的。比如5G來了，那么自然視頻領域肯定是未來值得期待，這就是為什么微信公眾號都開始流行小視頻也是一個原因。硬件升級自然能支持更多的設計元素融入產品里面。因此作為設計師我們要多觀察這個行業(yè)、多看、多思考，來掌握未來產品設計方向。希望本篇文章能帶給你一些新的觀點與啟發(fā)。
轉自：站酷-設計TNT