火星網校
2020年UI設計趨勢，這篇就夠了
發(fā)布時間：2024-04-23 20:10:04 瀏覽量：207次
2020年UI設計趨勢，這篇就夠了
上一篇文章（《2020的UI設計趨勢，我先收藏了（上）》）我們一起研究了關于2020界面設計趨勢，從色彩、插畫、字體三方面展開了分析。今天從圖形、布局等方面，繼續(xù)聊聊設計趨勢，希望這篇文章幫你弄懂2020的UI設計趨勢。
圖形趨勢
今年的圖形運用上，運用比較多的就是分形，流體，和幾何圖形的運用，以及在重復圖案的運用，比如上圖就是運用重復圖案形成的效果，畫面沖擊感強，抓人眼球。
1. 分形的運用
分形很重要一個特征就是有規(guī)律重復，它會圍繞一個方向，一個角度去重復，形成一種自然的美感！
它通過顏色疊加，融合，整體會呈現(xiàn)出更加生動的變化。
Grabient的網站設計中也是同樣運用一組分形的幾何圖形重疊。然后巧妙的把品牌LOGO運用到背景中去。
東京造型大學的一組設計，同樣運用分形的手法，整體顏色輕盈，沖擊力強。
圖標中運用就更為常見，蘋果相冊，chrome以及谷歌相冊都是同樣的設計手法。
2. 流體，幾何非對稱的運用
流體和幾何不對稱形狀，其實在2018，2019都看見了很多同類型的設計，但是在2020年它會比之前更多，流動的形狀和大膽的色彩，以及豐富的漸變融合在一起，將會是今年形狀這塊一個重大的趨勢。
液態(tài)的設計，無論在動畫視頻，還是在廣告設計中將會越來越被廣大設計師所運用，它呈現(xiàn)出來的視覺效果，以及感染力非常強。
這組頁面設計，就運用了不規(guī)則幾何圖形，讓整個設計很活潑歡快。
3. 幾何圖形的運用
NaverTV的改版升級中，這種幾何大面積圖形作為整個背景的運用，抽象的幾何圖形結合漸變色，讓整個設計都變得洋氣起來。
布局趨勢
那么在布局上，今年的布局形式有什么特點呢？我們不難發(fā)現(xiàn)隨著屏幕的變大，布局形式也發(fā)生著變化。
1. 強調底部空間運用
隨著智能手機的發(fā)展，屏幕越來越大，那么對于手指有效范圍和功能也可以做更多事情，所以很多產品已經開始嘗試將導航搬到屏幕底部，這樣讓產品的使用更加具有連續(xù)性。
高德地圖將導航，搜索都移動到屏幕底部，讓用戶單手指能更好的操作。
2. 不對稱：打破傳統(tǒng)平衡和網格
打破傳統(tǒng)的對稱，將文字放置圖片上方形成錯落關系，運用這種非平衡感，增強頁面活躍感和獨特感。
微動效
隨著5G時代的來臨，用戶流量和寬帶也越來越快了，那么對于微動畫也會越用越廣泛，除了在圖標中大量使用，在很多產品設計中可能也是一個趨勢，說不定未來你打開淘寶想買一個東西，根本無需點進詳情頁，只需要首頁就可以完成商品插畫，一鍵加入購物車，以及付款等行為操作。
1. 帶交互的動效
之前負責的項目，在支付寶財富頁面，頁面中間的大卡片就可以直接完成理財產品的直接購買，通過一張卡片插畫股票大盤信息，來決策當天的理財投資行為。相信在未來很多產品中，這種一步式操作會逐步普及起來。
2. 動態(tài)的插畫和C4D
以前的插畫，可能你只需要把畫面設計好看，夠生動符合場景感，那么在未來插畫也需要能動起來，動態(tài)插畫更像一個簡單的動畫片，能更好的將畫面故事完整的表達出來，相對靜態(tài)插畫更加生動。
熱門課程推薦
熱門資訊
-
1. iPhone6的UI設計尺寸規(guī)范，原來如此重要！
想要了解iPhone6界面設計的尺寸規(guī)范嗎？這里為您詳細介紹iPhone6的UI設計尺寸規(guī)范，包括界面尺寸、圖標尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
-
2. 12個絕佳的UI設計網站，助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設計網站,這些網站不僅可以為你提供靈感,還可以幫助你學習新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設計師的...
-
3. 移動端UI設計中常見的5種APP界面類型，你get到了嗎？
通過介紹移動端UI設計中的閃屏頁、引導頁、浮層引導頁、空白頁和首頁等5種APP界面類型，幫助大家更好地了解UI設計的基本知識
-
怎樣可以提升你的UI設計能力!第一個:站酷站酷想必是設計師都知道的一個網站,里面不止有UI設計的資源,還有其他設計的,不如:平面設計、網頁設計、字體...
-
在移動端設計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設計能夠讓用戶輕松地獲取信息并產生點擊欲望,從而提高點擊率。本文將為你...
-
對于想要提高自己的設計能力和創(chuàng)造力的小白和UI設計師來說,這本書是一個很好的選擇。4.《設計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
-
探索零基礎UI設計培訓的時長與薪資前景。了解數字藝術教育領域的專業(yè)課程，以及培訓后的職業(yè)發(fā)展機會。
-
8. 設計中的色彩心理學:淺析中西方色彩的歷史演變與設計應用
摘要:本文探討了色彩的歷史演變和設計應用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設計中的重要性以及新興技...
-
9. 物聯(lián)網APP UI設計:創(chuàng)造智能硬件領域的沉浸式體驗
ui設計應該讓用戶一目了然,能夠快速找到所需的信息和功能。在設計過程中,應盡量使用簡潔的圖標、文字和色彩,避免過多的視覺干擾。符合用戶習慣:ui設...
-
10. 武漢UI設計培訓班費用怎么樣？想學UI設計要多少錢？
想了解武漢UI設計培訓班的費用是多少嗎？不知道學UI設計要花多少錢？不妨看看這篇文章，了解UI設計培訓班的學費價格以及學習內容。
