火星網(wǎng)校
10個最新且有希望的UI設(shè)計趨勢
發(fā)布時間：2024-02-27 09:46:51 瀏覽量：128次
新的同態(tài)性蠟筆，幾何，有用的提示等！
最近，我花了一些時間觀察UI設(shè)計的發(fā)展方向。 我偶然發(fā)現(xiàn)了一些非常有創(chuàng)意，有希望和鼓舞人心的趨勢，我認為這將在不久的將來影響UI設(shè)計。
以下是根據(jù)我的觀察得出的10種趨勢：
> Left to right: Fireart Studio, Ionutzamfir (IG), Dawid Tomczyk, Ui8net (IG)
1.新同態(tài)
您沒看錯！ 神經(jīng)同質(zhì)化在不斷發(fā)展，我想它會持續(xù)存在（無論您是否喜歡）。 它最初的形式并沒有持續(xù)很長時間，但是它正在朝著更加復(fù)雜和易于訪問的方向發(fā)展。 它幾乎類似于擬態(tài)，但具有新鮮，現(xiàn)代，更美的氛圍。
> Left to right: Dominik Bednarz, Mufidul.design (IG), Halolabteam, Ariuka_dsgn (IG), Sajon007 (IG)
2.軟漸變
漸變無處不在！ 實際上，我在背景中以及在UI元素（例如按鈕，卡片和圖形）上看到了很多它們。將兩種以上的顏色混合以創(chuàng)建多彩的模糊背景也是一件事情！
> Left to right: Victor.niculici (IG), Sun, Ashik, Interfacely.net, Halolabteam
3.幾何元素
兩者都用作主要背景或主題，或僅用作細節(jié)，使設(shè)計看起來更有趣-幾何元素越來越受到關(guān)注。 通常將它們混合在一起以創(chuàng)建馬賽克-結(jié)果看起來非?？?！
> Left to right: Emy Lascan, Zerotoone.de, DesigningUI.com, jajadesign (IG), Flowstudio.
4.柔和的背景
我必須說我喜歡這種趨勢。 我見過許多驚人，輕巧，令人賞心悅目的設(shè)計，具有非常精致，明亮的柔和配色方案，它使外觀看起來非?，F(xiàn)代，不打擾，清新而令人愉悅，其中內(nèi)容起著主要作用。 否則只是一個微妙的背景。
> Left to right: batcz (IG), tranmautitram (IG), Purrweb_design (IG), Izmahsa (IG), tranmautritram (
5.插圖和3D
插圖仍然很流行。 不同的樣式，不同的配色方案或多或少是抽象的，因此它們與產(chǎn)品的特征相匹配。 不僅平坦，而且模仿3D外觀。 我相信這些年來，對于地球上的每個數(shù)字項目都使用庫存圖像，這是一個不錯的改變！ 我在這里給出了一些有關(guān)如何創(chuàng)建簡單插圖的提示：
> Left to right: Vladimir Gruev, c.sen_ (IG), Eddie Lobianovsky, cmarixtechnolabs (IG)
6.抽象形狀
用于背景和不同的UI元素。 它們使界面看起來更"有機"和好玩，我認為這是一件好事。 使用鋼筆工具編輯最簡單的形狀（正方形，橢圓形），使用不同的邊框半徑，嘗試使用不同的顏色/漸變，您可能會得到非常有趣的結(jié)果。 或者只是節(jié)省幾分鐘時間，然后嘗試一個簡單卻令人贊嘆的工具Blobmaker。
> Left to right: UXdesignlabs (IG), dragonlee_design (IG), JIANGGM, reyiands (IG), Saepul Rohman
7.暗模式
暗模式是界面的顏色反轉(zhuǎn)版本，以使其在午夜時分更易于訪問。 由于我是典型的夜貓子，因此我經(jīng)常在睡覺前使用深色模式在喜歡的應(yīng)用程序中滑動。 創(chuàng)建暗模式時，請記住在不同元素和版式之間保持正確的對比。
> Left to right: Hype4.com, nickelfoxstudio, purrweb_design (IG), Vadim Drut, UI8net
8.元素成角度
不僅用于Dribbble拍攝，而且還用作一種以非標準方式在網(wǎng)站上呈現(xiàn)不同內(nèi)容的方法。 它使內(nèi)容看起來更有趣和引人注目。 如何快速達到這種效果？ 首先，對0°度的元素進行拼貼。 使他們成為一組。 然后，更改組角度（從30°到50°），瞧！ 這樣，您不必手動更改每個元素的角度。
> Left to right: Cuberto, Fireart Studio, Dogstudio, Hype4.com, Prakhar Neel Sharma
9.柔和的陰影
> Left to right: andreisimon.design (IG), Shakib Ali, Felixlesoeuf (IG), Glebich (IG), Tranmautritra
10.簡單的厚字體
您是否看到其他值得肯定的趨勢？ 讓我在評論中知道！
(本文翻譯自Diana Malewicz的文章《10 Newest and promising UI design trends》，參考：
https://uxdesign.cc/10-newest-and-promising-ui-design-trends-929562b25ad6)
熱門課程推薦
熱門資訊
-
1. iPhone6的UI設(shè)計尺寸規(guī)范，原來如此重要！
想要了解iPhone6界面設(shè)計的尺寸規(guī)范嗎？這里為您詳細介紹iPhone6的UI設(shè)計尺寸規(guī)范，包括界面尺寸、圖標尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
-
2. 12個絕佳的UI設(shè)計網(wǎng)站，助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設(shè)計網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學(xué)習(xí)新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設(shè)計師的...
-
3. 移動端UI設(shè)計中常見的5種APP界面類型，你get到了嗎？
通過介紹移動端UI設(shè)計中的閃屏頁、引導(dǎo)頁、浮層引導(dǎo)頁、空白頁和首頁等5種APP界面類型，幫助大家更好地了解UI設(shè)計的基本知識
-
4. 10個免費學(xué)習(xí)UI設(shè)計的網(wǎng)站 提升你的設(shè)計能力
怎樣可以提升你的UI設(shè)計能力!第一個:站酷站酷想必是設(shè)計師都知道的一個網(wǎng)站,里面不止有UI設(shè)計的資源,還有其他設(shè)計的,不如:平面設(shè)計、網(wǎng)頁設(shè)計、字體...
-
5. 移動端列表頁和表單頁設(shè)計秘訣:讓你的APP點擊率翻倍
在移動端設(shè)計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設(shè)計能夠讓用戶輕松地獲取信息并產(chǎn)生點擊欲望,從而提高點擊率。本文將為你...
-
6. 推薦10本適合UI設(shè)計師看的書籍，輕松掌握技能!
對于想要提高自己的設(shè)計能力和創(chuàng)造力的小白和UI設(shè)計師來說,這本書是一個很好的選擇。4.《設(shè)計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
-
7. 零基礎(chǔ)學(xué)UI設(shè)計要多久？培訓(xùn)完能拿多少工資？
探索零基礎(chǔ)UI設(shè)計培訓(xùn)的時長與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程，以及培訓(xùn)后的職業(yè)發(fā)展機會。
-
8. 物聯(lián)網(wǎng)APP UI設(shè)計:創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗
ui設(shè)計應(yīng)該讓用戶一目了然,能夠快速找到所需的信息和功能。在設(shè)計過程中,應(yīng)盡量使用簡潔的圖標、文字和色彩,避免過多的視覺干擾。符合用戶習(xí)慣:ui設(shè)...
-
9. 武漢UI設(shè)計培訓(xùn)班費用怎么樣？想學(xué)UI設(shè)計要多少錢？
想了解武漢UI設(shè)計培訓(xùn)班的費用是多少嗎？不知道學(xué)UI設(shè)計要花多少錢？不妨看看這篇文章，了解UI設(shè)計培訓(xùn)班的學(xué)費價格以及學(xué)習(xí)內(nèi)容。
-
10. 設(shè)計中的色彩心理學(xué):淺析中西方色彩的歷史演變與設(shè)計應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計應(yīng)用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設(shè)計中的重要性以及新興技...
最新文章
