UI設(shè)計的10大發(fā)展趨勢

2021-5-21    seo達人





最近,我花了一些時間觀察UI設(shè)計的發(fā)展方向。我偶然發(fā)現(xiàn)了一些非常有創(chuàng)意的趨勢,我認為這些趨勢將在不久的將來將重新塑造UI設(shè)計。


以下是根據(jù)我的觀察得出的10種趨勢:


從左到右:Fireart Studio,Ionutzamfir(IG),Dawid Tomczyk,Ui8net(IG)


1.新Neuomorphism


新形態(tài)在不斷發(fā)展,我想它會一直存在(無論你喜歡與否)。它最初的形式并沒有持續(xù)很長時間,但是它正在朝著更加復(fù)雜和易于訪問的方向發(fā)展。這幾乎就像擬物象,但有一種新鮮、現(xiàn)代、更美學(xué)的氛圍。


從左到右:Dominik Bednarz,Mufidul.design(IG),Haolabteam,Ariuka_dsgn(IG),Sajon007(IG)


2.軟漸變


漸變無處不在!實際上,我在背景和UI元素(例如按鈕,卡片和圖形)上看到了很多。


混合兩種以上的顏色以創(chuàng)建一個彩色模糊的背景也是一件事!


從左到右:Victor.niculici(IG),Sun,Ashik,Interfacely.net,Halolabteam


3.幾何元素


無論是作為主要的背景或主題,還是只是讓設(shè)計看起來更有趣的一個細節(jié)——幾何元素越來越受到關(guān)注。通常將它們混合在一起以創(chuàng)建馬賽克——結(jié)果看起來非常酷!


從左到右:Emy Lascan,Zerotoone.de,DesigningUI.com,jajadesign(IG),F(xiàn)lowstudio。


4.柔和的背景


不得不說我喜歡這種趨勢,我見過許多令人驚艷的、輕量級的、美觀的設(shè)計,其具有非常精致、明亮柔和的配色方案。

它使設(shè)計看起來非?,F(xiàn)代、沒有干擾、清新而令人愉悅,其中內(nèi)容扮演主要角色,其他一切只是一個微妙的背景。


從左到右:batcz(IG),tranmautitram(IG),Purrweb_design(IG),Izmahsa(IG),tranmautritram(IG)


5.插圖和3D


插圖仍然很流行,不同的樣式、配色方案、或多或少的抽象,所以它們符合產(chǎn)品的特點。不僅是平面的,而且還模仿了3D的外觀。我相信這是一個很好的改變,在地球上的每一個數(shù)字項目使用了這么多年的庫存圖片之后,我在這里給出了一些有關(guān)如何創(chuàng)建簡單插圖的提示:


從左到右:弗拉基米爾·格魯夫(Vladimir Gruev),c.sen_(IG),埃迪·洛比亞諾夫斯基(Eddie Lobianovsky),cmarixtechnolabs(IG)


6.抽象的形狀


用于背景和不同的UI元素,它們使界面看起來更“有機”和好玩,我認為這是一件好事。使用鋼筆工具編輯最簡單的形狀(正方形,橢圓形),使用不同的邊框半徑,嘗試使用不同的顏色/漸變,你可能會得到一個非常有趣的結(jié)果。在這里嗎,我們或許可以嘗試一下這個簡單卻神奇的工具Blobmaker。


從左至右:UXdesignlabs(IG),dragonlee_design(IG),JIANGGM,reyiands(IG),Saepul Rohman


7.暗模式


暗模式是界面的顏色反轉(zhuǎn)版本,以使其在晚上更易于訪問。由于我是典型的夜貓子,因此我經(jīng)常在晚上使用深色模式。創(chuàng)建暗模式時,記住要在不同元素和版式之間保持正確的對比。


從左到右:Hype4.com,nickelfoxstudio,purrweb_design(IG),Vadim Drut,UI8net


8.角度元素


不僅用于Dribbble shots,而且還用作以非標準方式在網(wǎng)站上呈現(xiàn)不同內(nèi)容的方式。它使內(nèi)容看起來更有趣和吸引眼球。那么,如何快速實現(xiàn)這一效果呢?首先,對0度的角度拼貼元素。把他們分成一組。然后,更改組角度(從30°到50°),瞧!這樣,你就不必手動更改每個元素的角度了。


從左到右:Cuberto,F(xiàn)ireart Studio,Dogstudio,Hype4.com,Prakhar Neel Sharma


9.柔和的陰影


這是另一個我最喜歡的趨勢,柔和的陰影使UI看起來更深入。這種效果通常非常微妙,但在美學(xué)上令人愉悅。一般來說,陰影使某些UI元素變得“可單擊”,并且它們有助于區(qū)分內(nèi)容之間的層次結(jié)構(gòu)。你可以在此處了解如何進行操作:


從左到右:andreisimon.design(IG),Shakib Ali,F(xiàn)elixlesoeuf(IG),Glebich(IG),Tramautritram(IG)


10.簡單、thick字體


我從不喜歡比較薄的字體(在iOS7時代),所以我很高興看到這種趨勢消失了。現(xiàn)在,我正在觀察使用更粗、更簡單的形式(幾乎為方形)的可讀字體。它們使界面看起來更加現(xiàn)代和優(yōu)美。如果你要搜索類似的產(chǎn)品,可以試試Poppins、Montserrat(免費)、Gilroy、Sofia Pro、Proxima Nova(付費)。

來源:Diana Malewicz:10 Newest and promising UI design trends




藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學(xué)習(xí),請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。

                                                            微信圖片_20210513163802.png

 

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

 

藍藍設(shè)計bouu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)






分享本文至:

日歷

鏈接

個人資料

存檔