前端应该关注的2021年UI设计趋势
UI設計趨勢幾乎每年都在發生變化,變化的原因是人們的審美在變導致的,還是設計越來越人性化。市場上是誰在主導設計趨勢?其中原因不得而知,我們先看看究竟有哪些變化:
1. 3D插圖(依然流行)
3D圖像將在接下來這一年依然是趨勢——尤其是當初級的UI設計人員越來越容易地以3D效果進行創作!(嘗試使用名為Spline的3D工具-目前處于測試階段,但已經非常的好上手并且好用!)。
3D還被廣泛用于全屏動畫中,作為主要的關鍵視覺效果—查看“超級列表”或查看Minh Pham撰寫的令人驚嘆的3D教程,內容涉及如何為您的網站創建令人驚嘆的3D背景。
2. 毛玻璃效果
?這是用戶界面中的最新趨勢,主要是基于一種稱為背景模糊的效果,它基本上可以“通過玻璃”在元素上創造外觀。
它是在Windows Vista中引入的,然后在iOS7中引入的,但是好像現在更多的用在表單刷新過度的效果了!如果您想進一步了解glassmorphism,請嘗試使用此Glassmorphism Generator在線工具(https://glassmorphism.com/):
前端代碼實現該效果:
3.?展現真實的生活照
我強烈預測,很快每個人都會對產品設計中的插圖和3D圖形感到厭倦,因此現實生活中的照片將重新成為設計的熱點。
正如我在前一篇文章中所寫的那樣,插圖可能并不適合所有人。有時,真實的人和真實的物品可能會對用戶產生更大的影響。Ekokubki的網站是基于真實照片拍攝的,看起來很棒!
4.?鮮艷的色彩
我看到很多網站和移動設計上的采用了這么鮮艷的顏色來表達。
看看Designcode.io, Sleepiest and Design Talks這三個網站!我喜歡色彩所創造出神奇,空靈的氛圍。而且,當我們使用鮮艷的色彩時,我們可以更輕松地區分和記住產品。Instagram很早以前就知道了(這就是為什么他們的圖標發生了令人難忘的變化)。
5.?模糊的彩色背景
與上面的類似,但是摻雜著毛玻璃效果,這種效果看起來更加精致。使用模糊背景的設計看起來給人一種難以置信的有機,溫暖和熱情的感覺。
可以參考下Stripe(部分地方采用了這種效果)和My Mind(一個很棒的簡單的自組織工具)。
6. 極簡的美學主義
可能是我個人最喜歡的設計趨勢。沒有比簡潔清爽和易讀的UI更美觀的了。
像Revolut(簡單的3D),Sketch和Qoals(模糊的背景)之類的網站就是一個很好的例子,您不需要精美的UI,也不需要“令人驚嘆的特效”來使您的產品看起來令人震驚(可悲的是,用戶卻并不能懂這些?)。
7. 幾何結構
我看到越來越多的設計具有非常整潔,保守的視覺結構。它使信息看起來真的很整齊!
界面的幾何結構最美麗的例子之一是Rituals網站。使用和觀看時非常有趣(也喜歡它簡單但有趣的動畫)。
8. 大而復雜的字體
有很多例子說明大型復雜的排版在產品設計中起主要作用。其中一些甚至完全基于排版實現而最終結果通常很有趣。字體的選擇通常是非常奢侈的。看看Whirly Birdie,Dovetail+Afterpay和Synchronized。
9. 野蠻主義
這是我最擔心的一種趨勢(老實說,它可能不亞于同態)。它被稱為野獸派,顧名思義,就是形成強烈的對比,經常給人非常不舒服的排版以及可訪問性和可讀性的許多問題。但是我得到了整體的感覺-它背后的主要思想基本上是對我們認為美麗而有用的事物的解構。
令人驚訝的是,我看到許多網站和應用程序實際上都在追趕這一趨勢!(其中之一是名為Newonce的波蘭廣播電臺)。雖然不喜歡,但允許它存在吧。
10. 簡化UX / UI流程
這是區別于以上趨勢的一種 ,不是視覺效果
我看到行業中越來越多的人意識到產品設計背后的許多過程變得極其復雜。在這里,對產品設計師,客戶和大多數人而言,對數字產品本身來說都是不利的。
迫切需要進行更改。而且,我相信它正在慢慢開始改變。我堅信,現在應該退后一步,或者重新審視整個行業。現在是時候重新考慮令人困惑的概念和名稱,重建困難且耗時的流程,并使有抱負的設計師更容易學習產品設計。
總結
以上是生活随笔為你收集整理的前端应该关注的2021年UI设计趋势的全部內容,希望文章能夠幫你解決所遇到的問題。
 
                            
                        - 上一篇: 前端暗黑模式,你了解多少
- 下一篇: 如何让你在开发者工具中查看源代码有语法高
