最新ui設計趨勢

重點 (Top highlight)

Recently, I’ve spent some time observing the directions in which UI design is heading. I’ve stumbled across a few very creative, promising and inspiring trends that, in my opinion, will shape the UI design in the nearest future.

最近，我花了一些時間觀察UI設計的發展方向。 我偶然發現了一些非常有創意，有希望和鼓舞人心的趨勢，我認為這將在不久的將來塑造UI設計。

Here are the 10 trends based on my observations:

以下是根據我的觀察得出的10種趨勢：

Dawid Tomczyk, Ui8net (IG)Dawid Tomczyk ，Ui8net(IG)

1.新 神經同態 (1. New Neuomorphism)

You’ve read it right! Neuomorphism is evolving and, I guess, it’s here to stay (whether you like it or not). It didn’t last long in its initial form, but it is changing towards more sophisticated and accessible direction. It’s almost like skeuomorphism, but with a fresh, modern, more aesthetic vibe.

您已經讀對了！ 神經同質化正在發展 ，我猜想它會一直存在(無論您是否喜歡)。 它最初的形式并沒有持續很長時間，但是它正在朝著更加復雜和易于訪問的方向發展。 它幾乎類似于擬態，但具有新鮮，現代，更美的氛圍。

Left to right: Dominik Bednarz, Mufidul.design (IG), Halolabteam, Ariuka_dsgn (IG), Sajon007 (IG)從左到右：Dominik Bednarz，Mufidul.design(IG)，Haolabteam，Ariuka_dsgn(IG)，Sajon007(IG)

2.軟漸變 (2. Soft gradients)

Gradients are not going anywhere! In fact, I’m seeing a lot of them, as backgrounds and on UI elements, such as buttons, cards and graphs.Mixing more than two colors to create a colorful blurry background is also a thing!

漸變無處不在！ 實際上，我在背景和UI元素(例如按鈕，卡片和圖形)上看到了很多。 混合兩種以上的顏色以創建多彩的模糊背景也是一件事情！

Left to right: Victor.niculici (IG), Sun, Ashik, Interfacely.net, Halolabteam從左到右：Victor.niculici(IG)，Sun，Ashik，Interfacely.net，Halolabteam

3.幾何元素 (3. Geometric elements)

Both used as main background or theme, or just a detail to make the design look more interesting — geometric elements are getting more and more attention. They are often mixed to create a mosaic — and the result looks really cool!

兩者都用作主要背景或主題，或者只是用作使設計看起來更有趣的細節-幾何元素正越來越受到關注。 通常將它們混合在一起以創建馬賽克 -結果看起來非常酷！

Left to right: Emy Lascan, Zerotoone.de, DesigningUI.com, jajadesign (IG), Flowstudio.從左到右：Emy Lascan，Zerotoone.de，DesigningUI.com，jajadesign(IG)，Flowstudio。

4.柔和的背景 (4. Pastel backgrounds)

I have to say I love this trend. 🥰 I’ve seen a lot of astounding, lightweight, aesthetically pleasing designs with very delicate, bright pastel color schemes.It makes the designs look very modern, non-intrusive, fresh and delightful, in which content plays the main role, and everything else is just a subtle background.

我必須說我喜歡這種趨勢。 🥰我已經看到了許多驚人的，輕巧的，美學上令人愉悅的設計，以及非常精致，明亮的柔和配色方案。 它使設計看起來非常現代，不打擾，清新而令人愉悅，其中內容起著主要作用，其他所有內容都只是微妙的背景。

Left to right: batcz (IG), tranmautitram (IG), Purrweb_design (IG), Izmahsa (IG), tranmautritram (IG)從左到右：batcz(IG)，tranmautitram(IG)，Purrweb_design(IG)，Izmahsa(IG)，tranmautritram(IG)

5.插圖和3D (5. Illustrations and 3D)

Illustrations are still a craze. Different styles, different color schemes, more or less abstract, so they match the product’s characteristics. Not only flat, but also imitating the 3D look. I believe they are a nice change after all these years of using stock images for every single digital project on earth! I give a few tips on how to create a simple illustration here:

插圖仍然很流行。 不同的樣式，不同的配色方案或多或少是抽象的，因此它們與產品的特征相匹配。 不僅平坦，而且模仿3D外觀。 我相信這些年來，對于地球上的每個數字項目都使用庫存圖像，這是一個不錯的改變！ 我在此處給出了一些有關如何創建簡單插圖的提示：

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

6.抽象形狀 (6. Abstract shapes)

Used for backgrounds and for different UI elements. They make the interface look more “organic” and playful, which I believe is a good thing. Edit the simpliest shapes (square, oval) with pen tool, play with different border-radius, try different colors/gradients, and you may end up with a very interesting outcome. Or just save yourself a few minutes and try the simple but amazing tool called Blobmaker.

用于背景和不同的UI元素。 它們使界面看起來更“有機”和好玩，我認為這是一件好事。 使用鋼筆工具編輯最簡單的形狀(正方形，橢圓形)，使用不同的邊框半徑，嘗試不同的顏色/漸變，您可能會得到非常有趣的結果。 或者只是節省幾分鐘時間，然后嘗試一種名為Blobmaker 的簡單但出色的工具 。

Left to right: UXdesignlabs (IG), dragonlee_design (IG), JIANGGM, reyiands (IG), Saepul Rohman從左到右：UXdesignlabs(IG)，dragonlee_design(IG)，JIANGGM，reyiands(IG)，Saepul Rohman

7.暗模式 (7. Dark mode)

Dark mode is a color-inverted version of the interface, to make it more accessible at midnight hours. Since I am a typical night owl, I often use dark modes to swipe through my favorite apps before going to sleep. When creating a dark mode, remember to keep the right contrast between different elements and typography.

暗模式是界面的顏色反轉版本，以使其在午夜時分更易于訪問。 由于我是典型的夜貓子，因此我經常在睡覺前使用深色模式在喜歡的應用程序中滑動。 創建暗模式時，請記住在不同元素和版式之間保持正確的對比。

Left to right: Hype4.com, nickelfoxstudio, purrweb_design (IG), Vadim Drut, UI8net從左到右：Hype4.com，nickelfoxstudio，purrweb_design(IG)，Vadim Drut，UI8net

8.某個角度的元素 (8. Elements at an angle)

Not only used for Dribbble shots, but also as a way to present different content on websites in a more non-standard way. It somehow makes the content looks more interesting and eye-catching. How to quickly achieve this effect? First, make a collage of elements at 0° degrees. Make them one group. Then, change the group angle (from 30° to 50°) and voila! This way you don’t have to change the angle of every single element by hand.

不僅用于Dribbble拍攝，還用作以非標準方式在網站上呈現不同內容的方式。 它使內容看起來更有趣和引人注目。 如何快速達到這種效果？ 首先，對0°度的元素進行拼貼。 使他們成為一組。 然后，更改組角度(從30°到50°)，瞧！ 這樣，您不必手動更改每個元素的角度。

Left to right: Cuberto, Fireart Studio, Dogstudio, Hype4.com, Prakhar Neel Sharma從左到右：Cuberto，Fireart Studio，Dogstudio，Hype4.com，Prakhar Neel Sharma

9.柔和的陰影 (9. Soft shadows)

Another favorite trend of mine. Soft shadows make the UI looks more in-depth. The effect is often very subtle but aesthetically pleasing. Shadows, in general, make certain UI elements more “clickable”, and they help to differentiate the hierarchy between content. You can learn how to do them here:

我的另一個最喜歡的趨勢。 柔和的陰影使UI看起來更深入。 效果通常非常微妙，但在美學上令人愉悅。 通常，陰影使某些UI元素更“可單擊”，并且它們有助于區分內容之間的層次結構。 您可以在此處了解如何進行操作：

Left to right: andreisimon.design (IG), Shakib Ali, Felixlesoeuf (IG), Glebich (IG), Tranmautritram (IG)從左到右：andreisimon.design(IG)，Shakib Ali，Felixlesoeuf(IG)，Glebich(IG)，Tramautritram(IG)

10.簡單的厚字體 (10. Simple, thick typography)

I was never a fan of thin fonts, (ugh, the iOS7 era) so I am happy to see this trend go away. Right now I’m observing the usage of thicker, simple in form (almost square-looking), readable fonts. They make the interface look extra modern and polished. If you searching for a similar one to use, try Poppins, Montserrat (free) or Gilroy, Sofia Pro, Proxima Nova (paid).

我從不喜歡瘦字體(在iOS7時代)，所以我很高興看到這種趨勢消失了。 現在，我正在觀察使用更粗，更簡單的形式(幾乎為正方形)的可讀字體 。 它們使界面看起來更加現代和優美。 如果您要尋找類似的商品，請嘗試Poppins ， Montserrat (免費)或Gilroy ， Sofia Pro ， Proxima Nova (付費)。

Have you seen any other trend worth acknowledging? Let me know down in the comments!

您是否看到其他值得肯定的趨勢？ 讓我在評論中知道！

你喜歡這篇文章嗎？ 😊 (Did you like this article? 😊)

I just released a >📚 UI DESIGN BOOK 📚<I 🖋 write about design and I’m a 👩🏻?🔧 co-founder/lead designer at HYPE4 design-driven software agency!

我剛剛發布了>📚 UI設計圖書 📚<我🖋 寫的設計 ，我在👩🏻🔧共同創始人/首席設計師HYPE4設計驅動的軟件代理！

UX Para Minas Pretas (UX For Black Women), a Brazilian organization focused on promoting equity of Black women in the tech industry through initiatives of action, empowerment, and knowledge sharing. Silence against systemic racism is not an option. Build the design community you believe in.UX Para Minas Pretas (UX For Black Women)，這是一個巴西組織，致力于通過采取行動，賦權和知識共享的舉措來促進科技行業中的黑人女性平等。 對系統性種族主義保持沉默是不可行的。 建立您相信的設計社區。

翻譯自: https://uxdesign.cc/10-newest-and-promising-ui-design-trends-929562b25ad6

最新ui設計趨勢

總結

以上是生活随笔為你收集整理的最新ui设计趋势_10个最新且有希望的UI设计趋势的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。