2019年接近尾聲，最近小優(yōu)一直會收到部分同學(xué)的私信蕊连，表示設(shè)計(jì)領(lǐng)域的未來趨勢是什么？故此小優(yōu)從各大設(shè)計(jì)網(wǎng)站上觀察到一些深受喜愛的作品，從中研究發(fā)現(xiàn)未來的界面設(shè)計(jì)趨勢凿掂，包括今年一些受歡迎的設(shè)計(jì)系統(tǒng)，從中提取一些未來可能的設(shè)計(jì)風(fēng)格走向纹蝴。大家一起來看下吧~
Dark Mode?
黑夜模式
-
黑夜模式無疑是今年比較熱的一個設(shè)計(jì)方向庄萎，為什么這么說？首先是Google材料設(shè)計(jì)語言更新了塘安，增加暗夜模式糠涛。同時(shí)今年Q3季度蘋果發(fā)布IOS13設(shè)計(jì)語言系統(tǒng)，里面增加暗夜模式兼犯。不用說后續(xù)很多APP應(yīng)用都會跟隨兩大廠商更新這個黑夜模式設(shè)計(jì)方向忍捡。無疑2020年這個將會持續(xù)。黑夜模式出現(xiàn)為減少用戶眼睛疲勞切黔，提升產(chǎn)品使用體驗(yàn)锉罐。
Materials Design Dark Theme
IOS 13 Dark mode
IOS 13 Dark mode 宣傳視頻
Medium
Blank design
留白設(shè)計(jì)
-
今年下半年觀察到Facebook旗下的Messenger應(yīng)用和前段時(shí)間雅虎更新他們家品牌語言的同時(shí)，也重新設(shè)計(jì)他們家所有產(chǎn)品绕娘。我們可以看到如下應(yīng)用截圖，基本去分割線栽连，通過留白區(qū)分層級险领。這樣的好處可以減少分割線對內(nèi)容的干擾，界面呼吸感增強(qiáng)秒紧，達(dá)到簡約設(shè)計(jì)的目的绢陌。
Messenger 和 Yahoo
McDonald`s
PINTEREST 和 VSCO
Apple Design
蘋果設(shè)計(jì)風(fēng)格
-
蘋果風(fēng)一直盛行至今天，包括大圓角卡片設(shè)計(jì)熔恢、大標(biāo)題脐湾、粗字體。蘋果今年剛剛更新的IOS13設(shè)計(jì)語言同樣的是增強(qiáng)了卡片設(shè)計(jì)叙淌。這種風(fēng)格將會在2020年繼續(xù)盛行秤掌，因此作為設(shè)計(jì)師我們更應(yīng)該提前去對這種趨勢熟練掌握∮セ簦卡片設(shè)計(jì)作為承載內(nèi)容的容器闻鉴，其實(shí)更適用今天移動互聯(lián)網(wǎng)的大方向，因?yàn)榭ㄆ梢宰鳛橐粋€容器封裝復(fù)雜的內(nèi)容茂洒，使得模塊層級區(qū)分明顯孟岛，適配性也是更強(qiáng)，更聚焦，來看下具體案例渠羞。
PINTEREST 和 APPSTORE
Pinterest是今年9月份左右剛更新的設(shè)計(jì)斤贰，圓角卡片大范圍的運(yùn)用。
BEHANCE 和 MEDIUM
Medium對重點(diǎn)欄目在今年更新設(shè)計(jì)時(shí)候啟用了卡片次询。
Brand
品牌滲透
-
為什么要說品牌滲透荧恍？Google 在系統(tǒng)設(shè)計(jì)語言里面增加圖形特征模塊，是什么渗蟹？就是通過連接品牌元素到產(chǎn)品設(shè)計(jì)中块饺。到今天很多應(yīng)用已經(jīng)開始熟練掌握這種設(shè)計(jì)思路了，比如運(yùn)用到圖標(biāo)里面或者界面設(shè)計(jì)中雌芽。蘋果雖然沒有很明確公開說明授艰，但是我們可以從蘋果家族設(shè)計(jì)語言可以看出，包括線下體驗(yàn)店世落、手機(jī)硬件淮腾、包裝盒以及各種各種物料設(shè)計(jì)，都是一種白色語言設(shè)計(jì)風(fēng)格屉佳。通過顏色與圖形特征做品牌區(qū)分谷朝，蘋果算是目前做的最好的，史無前例武花。那么這種趨勢在2020將會一直保持圆凰。
Apple體系產(chǎn)品與LOGO相粘性強(qiáng)，具有超強(qiáng)的記憶點(diǎn)
Google家族品牌穿透
IBM設(shè)計(jì)跟隨LOGO有一致基因
ibm文字特征與圖標(biāo)語言庫某些元素一致
Grid Design
網(wǎng)格化布局
-
網(wǎng)格化是一切設(shè)計(jì)系統(tǒng)的基礎(chǔ)体箕，Materials Design,Apple Design,IBM Design,Naver Design,等等這幾家在設(shè)計(jì)語言基礎(chǔ)上對網(wǎng)格研究與應(yīng)用算是比較成熟的专钉，Naver方形網(wǎng)格，Google的8px網(wǎng)格累铅，IBM 2PX網(wǎng)格跃须，蘋果其實(shí)沒有很強(qiáng)調(diào)他們家網(wǎng)格系數(shù)，其實(shí)我們可以細(xì)看他們的設(shè)計(jì)規(guī)范娃兽，已經(jīng)提到8px Grid菇民。因此網(wǎng)格化布局在2020將是非常重要的一個工具。
IBM 2PX網(wǎng)格語言
一致的網(wǎng)格基因能夠沿用到設(shè)計(jì)體系的任何地方投储，包括布局第练、字體行高，圖標(biāo)網(wǎng)格等等
Motion
微動效
-
5G時(shí)代已經(jīng)到來轻要，加上目前硬件升級复旬，動效的普及已經(jīng)不再是難題。我們可以慢慢發(fā)現(xiàn)目前很多產(chǎn)品設(shè)計(jì)里面都開始加入動效冲泥，來提升產(chǎn)品體驗(yàn)驹碍，同時(shí)動效也有很強(qiáng)的指導(dǎo)性質(zhì)壁涎。在某些場景下，使用動效能夠很好與用戶進(jìn)行互動交流志秃，因此在2020年動效的使用將會越來越多怔球。
Google?Tab Motion
washing-app-ui
logo_corti_
3D Animation
3D動畫
-
隨著硬件升級，5G時(shí)代開始大面積推廣與普及浮还，在應(yīng)用程序里面使用3D動畫來展示產(chǎn)品是一個很不錯的選擇竟坛，3D更加貼近真實(shí)物理環(huán)境，貼近我們生活钧舌。
restaurant_app_welcome_animation
show_files_natura
3D?flip menu
3D Product Swipe
Summary
總結(jié)
-
今天分析了2020年流行的幾大設(shè)計(jì)趨勢担汤，這些設(shè)計(jì)趨勢也是伴隨著外在關(guān)系一起存在的。希望這篇文章對大家能有所幫助洼冻，并且小優(yōu)也在這里希望大家能多看看一些業(yè)界知名的設(shè)計(jì)網(wǎng)站崭歧，了解最新的設(shè)計(jì)界面，對大家一定會有所提高撞牢！
以上部分訊息搜集于功夫UX
End
新的東西當(dāng)然要一起分享喲~
