2020年十大Web設(shè)計和UI趨勢有哪些?

2020-09-06    分類: 網(wǎng)站建設(shè)

一、極簡主義+空白

極簡主義是不斷流行的經(jīng)典設(shè)計趨勢之一。

這種設(shè)計趨勢的zui好之處在于,盡管它保持堅固,但仍在不斷發(fā)展。2020年的極簡主義以大量空白空間為標(biāo)志。而且并不總是在您期望的地方。

盡管Whiteboard具有更經(jīng)典的極簡風(fēng)格(甚至是極簡主義),但是Soldo很好地使用了新的極簡主義。這張簡單的照片幾乎是白色的,并位于帶有不對稱空白的白色背景上,以幫助吸引用戶瀏覽內(nèi)容。

這兩個示例都說明了極簡主義為何起作用的原因:它們優(yōu)雅,美觀且易于理解(使它們非常有用)。

二、“暗模式”設(shè)計

如此眾多的用戶選擇在應(yīng)用程序上使用“暗模式”以及選擇諸如電子郵件之類的東西,因此,越來越多的網(wǎng)站也在創(chuàng)建具有黑暗美感的設(shè)計也就不足為奇了。(用戶說過他們想要并使用它,因此設(shè)計師正在交付。)

使這些深色模式設(shè)計令人愉悅的原因(可能是它們?yōu)槭裁磿餍校┑脑蚴?,深色界面輔以明亮的強(qiáng)調(diào)元素和易于閱讀的字體,以確保設(shè)計易于閱讀。

CanneSeries使用幾乎霓虹色的配色和帶有粗體字樣的動畫來實現(xiàn)此功能,而Davenport使用白色印刷體字母和優(yōu)雅的金色來調(diào)用動作和其他可單擊元素。

三、違反排版規(guī)則

使這種設(shè)計趨勢有效的關(guān)鍵是,即使打破類型規(guī)則(奇數(shù)間距,大小,甚至行間距或折線),用戶仍然需要理解您想說的話。zui常見的是,這種樣式的排版更多地是一種藝術(shù)元素,而不是一種信息性元素。

J Powers Events打破了類型規(guī)則,其主標(biāo)題橫穿背景和前景圖像的空間不會損害可讀性。這里特別有趣的是,該類型會隨著放置而改變顏色,從而產(chǎn)生一個圖層效果。設(shè)計還使用背景元素之間的圓形文本元素來連接空間。

Makers&Dreamers以您不會想到的方式翻轉(zhuǎn),折騰和扭曲字體。得益于簡單的工作選擇和簡潔的整體設(shè)計,這些文字仍然可以以某種方式可讀并且可以將設(shè)計結(jié)合在一起。

四、藝術(shù)插圖

藝術(shù)插圖(尤其是帶有線條樣式的繪圖元素和動畫提示的元素)正在繼續(xù)流行。這個網(wǎng)站的設(shè)計趨勢似乎已經(jīng)吸引了人們的注意,因為它的外觀和感覺都是真實的,不受約束的,并且有些古怪。

荒誕的設(shè)計通過一系列富有想象力,創(chuàng)造力和有點怪異的藝術(shù)元素來說明這一點。每個插圖看起來都像在屏幕上繪制的一樣。

Heschung使用簡單的線條樣式插圖通過動畫講故事。這些插圖同樣具有異想天開的感覺,并且設(shè)計的簡單性有助于將重點放在手頭的故事上。

五、混合插圖和現(xiàn)實主義

您應(yīng)該使用哪種樣式?一個插圖或 照片?

2020年的網(wǎng)絡(luò)設(shè)計趨勢結(jié)合了柔和的美感,以及精美的照片和照片。(這是今年zhu導(dǎo)設(shè)計的那些違反規(guī)則的趨勢之一。)

康斯坦茨·伯克(Constance Burke)的網(wǎng)站上可能會穿著帶有插圖的服裝圖片來zui清晰地展示它。時髦又酷。Bubka的設(shè)計與插圖,醒目的地理形狀,動畫和照片在設(shè)計中一起移動和流動時一樣酷。(請注意滾動時所有內(nèi)容如何無縫移動在一起。)

網(wǎng)頁名稱:2020年十大Web設(shè)計和UI趨勢有哪些?
標(biāo)題URL:http://www.bm7419.com/news31/43581.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站改版網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化、網(wǎng)站設(shè)計、做網(wǎng)站網(wǎng)頁設(shè)計公司

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

營銷型網(wǎng)站建設(shè)