設計總是在變化，在過去一年裏，我們不僅看見了五福的C4D運用，雙11的動效插畫運用，以及大量AR/VR智能的設計，還有蘋果黑暗模式的普及，新技術帶來新的體驗和解決方案。2020年，關注研究新興的用戶體驗趨勢，一起來研究關於2020界面設計趨勢，希望能幫助大家是設計中有所啓發。

研究背景

隨着UI/UX領域人工智能的發展，和虛擬現實等新技術的變革，從前單一的內容很難滿足用戶的訴求，用戶的訴求也變得千人前面，所以在研究趨勢之前，我基於這些關鍵詞，來分析2020的設計趨勢。

色彩趨勢

1. 彩虹漸變

這兩年來，彩色漸變一直是設計趨勢，設計師將大膽的漸變，飽和度更高的漸變運用在設計中去，讓整體的色彩感覺，更加年輕化與活躍。

Apple一直是這個領域的引領者，隨着當年iPhoneX的發佈，彩虹的漸變色，大膽的漸變風格瞬間成爲設計師筆下的弄潮兒。

這組插畫中，作者就運用了大面積的漸變，兩種顏色的運用，通過重疊，明度變化，豐富了整個設計層次。

不僅在平面設計中，在網頁設計中，也是被大量運用，SWATCH的官網，清新的漸變配合動感的模特照片，以及和產品的完全結合，讓頁面充滿着活力。

在移動端也是如此，金融產品的背景設計，銀行卡面的設計，可視化圖表的運用，都能看出大膽漸變還是很受歡迎。

2. 黑暗模式

隨着google和facebook以及instagram這些知名應用都開始提供黑暗模式，國內微信也開始黑暗模式，2020黑暗模式設計，一定是需要設計師去關注的。

黑暗模式，除了在黑暗中提高內容可讀性以外，還能減少用戶疲勞，還可以節約電池，所以黑暗模式在今年將是所有應用程序必不可少的一個功能。

Google的黑暗模式運用，通過一個簡單的按鈕開關就可以切換，也可以根據系統定義切換。

黑暗模式未來會成爲一種標配，一個軟件設計在剛開始的時候就必須考慮進來。

關於黑暗模式，正向當年iOS扁平化剛出來的時候，國內的很多產品都還沒有準備好，但是相信過不了多久，黑暗模式一定會普及開來，所以2020大家都應該提前去了解黑暗模式的，設計規範和細節。

3. 更大膽的一種顏色

除了漸變色，那麼大膽的單色在設計中運用也會越來越多，整個設計就一套色彩體系貫穿，大多時候以品牌色的形式去運用，配合留白，對比明顯的字體，整體給人印象深刻。

在韓國的應用中用的比較多，它的優勢是色彩乾淨，品牌整體感強，但是對設計師駕馭頁面能力也要求很高，因爲大面積的單色，如果用不好就會很刺眼。

Naverpay的設計，整個界面就是用的綠色漸變，清新同時也能很好和Naver品牌色進行結合。

在它的很多頁面中，很多控件這個綠色運用的很巧妙，不會給人很刺眼的感覺，所以大膽的一種顏色運用在2020頁將是設計師值得去關注的一個方向。

插畫趨勢

在過去幾年裏，插畫是一種新的表達方式，越來越多的設計師，插畫師通過插畫表達產品的情緒，個人的情緒主張，那麼在2020插畫的運用就得和品牌很好的融合起來，如果你的插畫是和品牌割裂的，需要注意。

1. 和品牌結合

wibbite的插畫，標誌性歐美的風格，除了插畫本身手法比較簡約模塊，插畫中運用的色彩和內容本身也很產品定位匹配。

插畫對於品牌來說也是非常重要的一個因素，無論在界面設計，還是在品牌營銷很多場景都需要插畫去營造產品氛圍和氣質，插畫有助於將我們的品牌故事講述給聽衆聽。所以在構建一個品牌時候，插畫是非常重要的點之一，但是做之前一定要儘量多去了解我們爲客戶提供的設計價值，只有瞭解了用戶價值，才能去定義去特色的故事，幫助產品。

Uber系列插畫提供暖色，以及安全藍的運用，突出打車服務中安全的關鍵要素。

Google的插畫系統也是如此，沒有很華麗的炫技，有的是對於多元文化的思考，設計場景的融合貫通。

所以不難看出，插畫的方向一定是和品牌結合的，不會爲了趨勢而趨勢，一定是圍繞內容去設計。

2. 3D插畫

如果說這2年，各種各樣的插畫手法百花齊放，那麼隨着人們的審美變化，趨勢也從靜態變成動態，從平面變成3D，從今年的支付寶五福設計中大家應該能感覺到2020的插畫設計一定是往着3D方向，而且是動態3D方向演進的。

谷歌一組插畫，結合與大腦、團隊合作、想法、密碼箱爲圖形進行創意設計，人物造型可愛好玩，凸顯年輕化潮流。

Apple在中國區App Store 的一組設計，整體設計以紅色爲主，運用了象徵中國元素的龍、紅包、燈籠、福字、紙牌作爲設計元素，整體運用3D表達，凸顯年輕和趣味性。

3. 等距插畫

等距插畫這兩年已經是一個主流風格之一，在未來還會接着流行，但是等距插畫未來或許和場景聯繫在更緊密，在每年天貓雙11設計中，互動城的設計每年基本都是等距插畫風格，它的故事感和畫面感，都能讓人眼前一亮，所以電商的設計，在短時間內，大型活動場景基本都離不開這個風格。

這組等距插畫場景故事感很強，建立了一個空間世界，作爲網站主風格非常的吸引人。

除了這種大的場景，等距插畫，在小的場景中，作爲插畫規範也是運用比較多，它風格可輕可重，隨着5G時代到來，靜態可能會逐步演進成動態插畫。

4. 根據內容定製的插畫

隨着內容的升級，對內容的表達也會被越來越重視，那麼如何更好的把內容更生動表達出來，插畫就是很好的一個形式，根據內容定製的插畫，在很多產品中被運用到，互聯網教育，IT等領域。所以專門針對內容去設計插畫，在今年或許是一個趨勢，插畫不再是孤零零隻是爲了情感化而存在。

Crowdrise的產品設計，整體就是運用作爲整體設計語言，風格統一，內容突出，畫面效果好。

插畫的形態終於不再是孤零零的只是用戶情感的表達，而是隨着內容的升級變化，在產品中發揮的重要性也越來越大。

3. 3D黏土插畫的運用

3D設計因爲今年設計師很喜歡用的樣式之一，我們將盡管3D已經存在了一段時間，但最近我們看到了很多模仿粘土樣式效果的3D插圖的興起。這將成爲今年流行的設計趨勢，我們甚至還會看到很多藝術家在電影，插畫和廣告中結合了2D和3D風格。

在instagran的一組設計中，設計師運用這種黏土和3D的方式設計，畫面充滿了生活感和溫暖。

谷歌也在它們的項目中大量運用這種黏土風格設計，會顯得更加的現代和活潑，黏土的設計相對3D插畫區別在於更加細膩，線條上更加柔和。

字體趨勢

這幾年越來越多的公司，開始定製字體，根據自己的品牌特質去做一些獨特的字體，從國外到國內，品牌定製字體未來或許還會越來越多，對於設計師好處來說，這些品牌字體很多都是免費開放給設計師用，會形成一個很高的商業環境。

1. 定製字體

錘子發佈了他們的Smartisan T黑字體。

騰訊發佈了定製的“騰訊字體”，相比原來傾斜的黑體字，騰訊的新字體更現代、更協調、更動感。運用起來也非常有力量感。

阿里普惠體，隨着集團業務龐大，字體使用場景多且複雜，包括各產品客戶端、營銷設計、操作系統、硬件設備、建築空間及公關傳播等等。決定以現代爲核心設計理念，以可靠、明快爲設計切入點，將阿里精神融入到字體當中。最終一款擁有現代感滿足全場景黑體誕生了，而且商用免費。

除了前面的阿里，騰訊，錘子，小米OPPO，京東也都發布了自己的專屬品牌字體，所以在2020年，品牌字體或許是每個公司的一個標配了，我們拭目以待。

國外其實是最早開始爲品牌定製字體的，三星手機雖然銷量消化，但是他們品牌字體：SamsungOne，設計風格，很強的現代感，而且，這個字體有不同粗細的筆畫字重，適用面很廣。

IBM的字體名稱：IBM Plex Sans Text，這款字體設計比較簡潔，乾淨，沒有多餘的筆畫，這個字體很良心免費商用的。

2. 粗體的運用

縱觀2020的一些設計，留白越來越大，邊距越留越多，字體也變的很粗，粗的字體和正文普通字體形成了明顯的對比，再加上網格的佈局，讓頁面內容更加凸顯。

大字體的運用，字體就是內容，重複運用內容元素作爲排版手段，對於內容組織和平面要求較高。

在UI設計中，大字體的設計也很常見，蘋果商店，蘋果官方應用都是大字體的推崇者，隨便5G的來臨，對於內容的追求也會越來越高，那麼除了大字體，視覺元素減少，內容本身質量要求也越來越高。

粗的字體常用語大標題，或者頁面導航性指引作業，幫助用戶更好去理解功能本身，上面這個頁面粗的字體就是導航，告訴用戶這一頁，你需要去完成什麼動作指引。

最後

設計趨勢必然與技術發展緊密結合，作爲設計師我們需要了解，以及平時和我們設計進行結合，下期將帶來，2020的UI設計趨勢下部分，看看還有哪些需要我們去關注的。

#專欄作家#

Sky，微信公衆號：我們的設計日記（ID：helloskys），設計交流可加微信：hellosky678，人人都是產品經理專欄作家。原支付寶體驗設計專家，阿里巴巴天貓設計專家；10年知名互聯網公司設計經驗，對於產品從0到1、品牌定位、金融產品、設計規範、運營規範、大促等有豐富實戰經驗。

本文原創發佈於人人都是產品經理。未經許可，禁止轉載。

題圖來自Unsplash，基於CC0協議