前端应该关注的2021年UI设计趋势
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)該效果:
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)題。
- 上一篇: 前端暗黑模式,你了解多少
- 下一篇: 前端程序员书桌上不可缺少的CSS书籍