UI設(shè)計(jì)趨勢(shì)幾乎每年都在發(fā)生變化，變化的原因是人們的審美在變導(dǎo)致的，還是設(shè)計(jì)越來(lái)越人性化。市場(chǎng)上是誰(shuí)在主導(dǎo)設(shè)計(jì)趨勢(shì)？其中原因不得而知，我們先看看究竟有哪些變化：

1. 3D插圖（依然流行）

3D圖像將在接下來(lái)這一年依然是趨勢(shì)——尤其是當(dāng)初級(jí)的UI設(shè)計(jì)人員越來(lái)越容易地以3D效果進(jìn)行創(chuàng)作！（嘗試使用名為Spline的3D工具-目前處于測(cè)試階段，但已經(jīng)非常的好上手并且好用！）。

3D還被廣泛用于全屏動(dòng)畫(huà)中，作為主要的關(guān)鍵視覺(jué)效果—查看“超級(jí)列表”或查看Minh Pham撰寫的令人驚嘆的3D教程，內(nèi)容涉及如何為您的網(wǎng)站創(chuàng)建令人驚嘆的3D背景。

2. 毛玻璃效果

?這是用戶界面中的最新趨勢(shì)，主要是基于一種稱為背景模糊的效果，它基本上可以“通過(guò)玻璃”在元素上創(chuàng)造外觀。

它是在Windows Vista中引入的，然后在iOS7中引入的，但是好像現(xiàn)在更多的用在表單刷新過(guò)度的效果了！如果您想進(jìn)一步了解glassmorphism，請(qǐng)嘗試使用此Glassmorphism Generator在線工具（https://glassmorphism.com/）：

前端代碼實(shí)現(xiàn)該效果：

background: rgba( 255, 255, 255, 0.25 ); box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ); backdrop-filter: blur( 4px ); -webkit-backdrop-filter: blur( 4px ); border-radius: 10px;

3.?展現(xiàn)真實(shí)的生活照

我強(qiáng)烈預(yù)測(cè)，很快每個(gè)人都會(huì)對(duì)產(chǎn)品設(shè)計(jì)中的插圖和3D圖形感到厭倦，因此現(xiàn)實(shí)生活中的照片將重新成為設(shè)計(jì)的熱點(diǎn)。

正如我在前一篇文章中所寫的那樣，插圖可能并不適合所有人。有時(shí)，真實(shí)的人和真實(shí)的物品可能會(huì)對(duì)用戶產(chǎn)生更大的影響。Ekokubki的網(wǎng)站是基于真實(shí)照片拍攝的，看起來(lái)很棒！

4.?鮮艷的色彩

我看到很多網(wǎng)站和移動(dòng)設(shè)計(jì)上的采用了這么鮮艷的顏色來(lái)表達(dá)。

看看Designcode.io, Sleepiest and Design Talks這三個(gè)網(wǎng)站！我喜歡色彩所創(chuàng)造出神奇，空靈的氛圍。而且，當(dāng)我們使用鮮艷的色彩時(shí)，我們可以更輕松地區(qū)分和記住產(chǎn)品。Instagram很早以前就知道了（這就是為什么他們的圖標(biāo)發(fā)生了令人難忘的變化）。

5.?模糊的彩色背景

與上面的類似，但是摻雜著毛玻璃效果，這種效果看起來(lái)更加精致。使用模糊背景的設(shè)計(jì)看起來(lái)給人一種難以置信的有機(jī)，溫暖和熱情的感覺(jué)。

可以參考下Stripe（部分地方采用了這種效果）和My Mind（一個(gè)很棒的簡(jiǎn)單的自組織工具）。

6. 極簡(jiǎn)的美學(xué)主義

可能是我個(gè)人最喜歡的設(shè)計(jì)趨勢(shì)。沒(méi)有比簡(jiǎn)潔清爽和易讀的UI更美觀的了。

像Revolut（簡(jiǎn)單的3D），Sketch和Qoals（模糊的背景）之類的網(wǎng)站就是一個(gè)很好的例子，您不需要精美的UI，也不需要“令人驚嘆的特效”來(lái)使您的產(chǎn)品看起來(lái)令人震驚（可悲的是，用戶卻并不能懂這些?）。

7. 幾何結(jié)構(gòu)

我看到越來(lái)越多的設(shè)計(jì)具有非常整潔，保守的視覺(jué)結(jié)構(gòu)。它使信息看起來(lái)真的很整齊！

界面的幾何結(jié)構(gòu)最美麗的例子之一是Rituals網(wǎng)站。使用和觀看時(shí)非常有趣（也喜歡它簡(jiǎn)單但有趣的動(dòng)畫(huà)）。

8. 大而復(fù)雜的字體

有很多例子說(shuō)明大型復(fù)雜的排版在產(chǎn)品設(shè)計(jì)中起主要作用。其中一些甚至完全基于排版實(shí)現(xiàn)而最終結(jié)果通常很有趣。字體的選擇通常是非常奢侈的。看看Whirly Birdie，Dovetail+Afterpay和Synchronized。

9. 野蠻主義

這是我最擔(dān)心的一種趨勢(shì)（老實(shí)說(shuō)，它可能不亞于同態(tài)）。它被稱為野獸派，顧名思義，就是形成強(qiáng)烈的對(duì)比，經(jīng)常給人非常不舒服的排版以及可訪問(wèn)性和可讀性的許多問(wèn)題。但是我得到了整體的感覺(jué)-它背后的主要思想基本上是對(duì)我們認(rèn)為美麗而有用的事物的解構(gòu)。

令人驚訝的是，我看到許多網(wǎng)站和應(yīng)用程序?qū)嶋H上都在追趕這一趨勢(shì)！（其中之一是名為Newonce的波蘭廣播電臺(tái)）。雖然不喜歡，但允許它存在吧。

10. 簡(jiǎn)化UX / UI流程

這是區(qū)別于以上趨勢(shì)的一種 ，不是視覺(jué)效果

我看到行業(yè)中越來(lái)越多的人意識(shí)到產(chǎn)品設(shè)計(jì)背后的許多過(guò)程變得極其復(fù)雜。在這里，對(duì)產(chǎn)品設(shè)計(jì)師，客戶和大多數(shù)人而言，對(duì)數(shù)字產(chǎn)品本身來(lái)說(shuō)都是不利的。

迫切需要進(jìn)行更改。而且，我相信它正在慢慢開(kāi)始改變。我堅(jiān)信，現(xiàn)在應(yīng)該退后一步，或者重新審視整個(gè)行業(yè)。現(xiàn)在是時(shí)候重新考慮令人困惑的概念和名稱，重建困難且耗時(shí)的流程，并使有抱負(fù)的設(shè)計(jì)師更容易學(xué)習(xí)產(chǎn)品設(shè)計(jì)。

總結(jié)

以上是生活随笔為你收集整理的前端应该关注的2021年UI设计趋势的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。