發(fā)布時間:2024-02-27 11:27:03 瀏覽量:134次
最近,我花了一些時間觀察UI設計的發(fā)展方向。我偶然發(fā)現(xiàn)了一些非常有創(chuàng)意的趨勢,我認為這些趨勢將在不久的將來將重新塑造UI設計。
以下是根據(jù)我的觀察得出的10種趨勢:
從左到右:Fireart Studio,Ionutzamfir(IG),Dawid Tomczyk,Ui8net(IG)
1.新Neuomorphism
新形態(tài)在不斷發(fā)展,我想它會一直存在(無論你喜歡與否)。它最初的形式并沒有持續(xù)很長時間,但是它正在朝著更加復雜和易于訪問的方向發(fā)展。這幾乎就像擬物象,但有一種新鮮、現(xiàn)代、更美學的氛圍。
從左到右:Dominik Bednarz,Mufidul.design(IG),Haolabteam,Ariuka_dsgn(IG),Sajon007(IG)
2.軟漸變
漸變無處不在!實際上,我在背景和UI元素(例如按鈕,卡片和圖形)上看到了很多。
混合兩種以上的顏色以創(chuàng)建一個彩色模糊的背景也是一件事!
從左到右:Victor.niculici(IG),Sun,Ashik,Interfacely.net,Halolabteam
3.幾何元素
無論是作為主要的背景或主題,還是只是讓設計看起來更有趣的一個細節(jié)——幾何元素越來越受到關注。通常將它們混合在一起以創(chuàng)建馬賽克——結(jié)果看起來非常酷!
從左到右:Emy Lascan,Zerotoone.de,DesigningUI.com,jajadesign(IG),F(xiàn)lowstudio。
4.柔和的背景
不得不說我喜歡這種趨勢,我見過許多令人驚艷的、輕量級的、美觀的設計,其具有非常精致、明亮柔和的配色方案。
它使設計看起來非常現(xiàn)代、沒有干擾、清新而令人愉悅,其中內(nèi)容扮演主要角色,其他一切只是一個微妙的背景。
從左到右:batcz(IG),tranmautitram(IG),Purrweb_design(IG),Izmahsa(IG),tranmautritram(IG)
5.插圖和3D
插圖仍然很流行,不同的樣式、配色方案、或多或少的抽象,所以它們符合產(chǎn)品的特點。不僅是平面的,而且還模仿了3D的外觀。我相信這是一個很好的改變,在地球上的每一個數(shù)字項目使用了這么多年的庫存圖片之后,我在這里給出了一些有關如何創(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看起來更深入。這種效果通常非常微妙,但在美學上令人愉悅。一般來說,陰影使某些UI元素變得“可單擊”,并且它們有助于區(qū)分內(nèi)容之間的層次結(jié)構(gòu)。你可以在此處了解如何進行操作:
從左到右:andreisimon.design(IG),Shakib Ali,F(xiàn)elixlesoeuf(IG),Glebich(IG),Tramautritram(IG)
10.簡單、thick字體
我從不喜歡比較薄的字體(在iOS7時代),所以我很高興看到這種趨勢消失了?,F(xiàn)在,我正在觀察使用更粗、更簡單的形式(幾乎為方形)的可讀字體。它們使界面看起來更加現(xiàn)代和優(yōu)美。如果你要搜索類似的產(chǎn)品,可以試試Poppins、Montserrat(免費)、Gilroy、Sofia Pro、Proxima Nova(付費)。
如果您有其他方面的想法,可以在留言區(qū)給我們留言哦!
熱門資訊
1. iPhone6的UI設計尺寸規(guī)范,原來如此重要!
想要了解iPhone6界面設計的尺寸規(guī)范嗎?這里為您詳細介紹iPhone6的UI設計尺寸規(guī)范,包括界面尺寸、圖標尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
2. 12個絕佳的UI設計網(wǎng)站,助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設計網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學習新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設計師的...
3. 移動端UI設計中常見的5種APP界面類型,你get到了嗎?
通過介紹移動端UI設計中的閃屏頁、引導頁、浮層引導頁、空白頁和首頁等5種APP界面類型,幫助大家更好地了解UI設計的基本知識
4. 10個免費學習UI設計的網(wǎng)站 提升你的設計能力
怎樣可以提升你的UI設計能力!第一個:站酷站酷想必是設計師都知道的一個網(wǎng)站,里面不止有UI設計的資源,還有其他設計的,不如:平面設計、網(wǎng)頁設計、字體...
在移動端設計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設計能夠讓用戶輕松地獲取信息并產(chǎn)生點擊欲望,從而提高點擊率。本文將為你...
對于想要提高自己的設計能力和創(chuàng)造力的小白和UI設計師來說,這本書是一個很好的選擇。4.《設計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
探索零基礎UI設計培訓的時長與薪資前景。了解數(shù)字藝術教育領域的專業(yè)課程,以及培訓后的職業(yè)發(fā)展機會。
8. 物聯(lián)網(wǎng)APP UI設計:創(chuàng)造智能硬件領域的沉浸式體驗
ui設計應該讓用戶一目了然,能夠快速找到所需的信息和功能。在設計過程中,應盡量使用簡潔的圖標、文字和色彩,避免過多的視覺干擾。符合用戶習慣:ui設...
想了解武漢UI設計培訓班的費用是多少嗎?不知道學UI設計要花多少錢?不妨看看這篇文章,了解UI設計培訓班的學費價格以及學習內(nèi)容。
10. 設計中的色彩心理學:淺析中西方色彩的歷史演變與設計應用
摘要:本文探討了色彩的歷史演變和設計應用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設計中的重要性以及新興技...
同學您好!