未來ui設(shè)計(jì)的發(fā)展趨勢(shì)

Humans are restless.

人類是不安的。

Once we find something that works, we get used to it and we crave the next big thing. The next innovation. When will the future finally arrive? And when it does, how long will it take us to get used to it, and eventually be bored with it?

一旦找到了行之有效的東西，我們就會(huì)習(xí)慣了，我們渴望下一件大事。 下一個(gè)創(chuàng)新。 未來什么時(shí)候終于到來？ 而當(dāng)它發(fā)生時(shí)，我們要花多長時(shí)間才能習(xí)慣它，最終對(duì)它感到無聊？

Let’s jump five years ahead and try to predict where UI design will be then based on what we know now.

讓我們向前邁進(jìn)五年，并嘗試根據(jù)我們現(xiàn)在所知道的來預(yù)測(cè)UI設(shè)計(jì)的位置。

Soft / Modern UI軟/現(xiàn)代UI

一種樣式統(tǒng)治一切？ (One style to rule them all?)

With their recent WWDC announcements, Apple has cemented the rule of a variant of the popular Modern/Soft UI style. Obviously they had their own twist on it, and it wasn’t without controversy. The main issues were too big of reliance on Skeuomorphic elements and some alignment problems with iOS home screen widgets.

在最近發(fā)布的WWDC公告中，Apple 鞏固了流行的Modern / Soft UI樣式的變體規(guī)則 。 顯然，他們對(duì)此有自己的看法，這并非沒有爭(zhēng)議。 主要問題是過分依賴擬態(tài)元素以及iOS主屏幕小部件的某些對(duì)齊問題。

The UI revolution (in the futuristic, touch-enabled sense) started in 2007 with Skeuomorphism, because touch interfaces with that fidelity were new and scary.

UI革命(就未來派意義上的觸摸功能而言)始于2007年的Skeuomorphism，因?yàn)榫哂羞@種保真度的觸摸界面是新的且令人恐懼。

People had to learn the patterns and understand the possibilities. That’s why our virtual books were on a shelf, and our notepads were stitched leather and a paper texture.

人們必須學(xué)習(xí)模式并了解可能性。 這就是為什么我們的虛擬書放在書架上，而我們的記事本是縫合皮革和紙張紋理的原因。

Then, as we got more accustomed to the UI’s, the “modernization” phase kicked in. Textures were slowly removed, except for the notes app, which to this day has a barely visible paper texture under the text.

然后，隨著我們對(duì)UI的使用更加習(xí)慣，“現(xiàn)代化”階段開始了。除便箋應(yīng)用程序外，紋理已被緩慢刪除，而該應(yīng)用程序至今在文本下幾乎看不到紙張紋理。

Early iOS (left) — and then how it evolved (right)早期的iOS(左)-然后是如何演變的(右)

Corners were getting progressively more rounded, as the target audience of touch interface grew from early-adopters and the tech-savvy to “the general population”.

隨著觸摸界面的目標(biāo)受眾從早期采用者和精通技術(shù)的人士變?yōu)椤捌胀ù蟊姟?#xff0c;角落變得越來越圓滑。

You use the same apps as your Mum, your barista, your bus driver and Elon Musk. People like the rounded corners, readable sans-serifs and a splash of color here and there. Aside from the lack of apps, Windows Phone UI may have been a bit too revolutionary for its own good.

您使用與媽媽，咖啡師，公交車司機(jī)和埃隆·馬斯克相同的應(yīng)用程序。 人們喜歡圓角，可讀的無襯線和四處飛濺的色彩。 除了缺少應(yīng)用程序之外，Windows Phone UI本身可能還有些革命性。

Anyone still remembers this?有人還記得嗎？

現(xiàn)代UI 2020 (Modern UI 2020)

The explosion of the modern UI trend is undeniable. Both thew new iOS, Material Design and what you can see on Dribbble use a lot of the same patterns, because we know these patterns work. People like and understand them. Sure they have their differences and their defining characteristics, but if you look at them from afar, they’re all pretty much “the same” trend.

現(xiàn)代UI趨勢(shì)的爆炸性不可否認(rèn)。 新的iOS，Material Design和您在Dribbble上看到的內(nèi)容都使用許多相同的模式，因?yàn)槲覀冎肋@些模式可以工作。 人們喜歡并理解它們。 當(dāng)然，它們具有差異和定義特征，但是如果您從遠(yuǎn)處看它們，它們幾乎都是“相同”的趨勢(shì)。

If you’re a designer and you want to get good quickly, it may be good to start with the Modern Design trend and explore your own twists on it. We’re stuck with the general blueprint for UI whether we like it or not.

如果您是設(shè)計(jì)師，并且希望快速獲得成功，那么從現(xiàn)代設(shè)計(jì)趨勢(shì)入手并探索自己的變化可能會(huì)很好。 無論我們是否喜歡，我們都堅(jiān)持使用UI的一般藍(lán)圖。

Neumorphism was a breath of fresh air we craved so much, that’s why it went viral among all of its controversies and subpar design choices. It just came at the right time, when we realized how similar all other UI’s look and wanted a change.

神經(jīng)變態(tài)是我們渴望的新鮮空氣，這就是為什么它在所有爭(zhēng)議和劣等設(shè)計(jì)選擇中廣為流傳的原因。 當(dāng)我們意識(shí)到所有其他UI的外觀有多么相似并希望進(jìn)行更改時(shí)，它恰逢其時(shí)。

But Neumorphism is not going to catch on (just as I predicted) and will be treated as a non-serious novelty. In some cases, some neumorphic elements may end up merging with the Modern UI for that distinct style, but it’s not going to be the future.

但是，神經(jīng)形態(tài)不會(huì)流行(正如我所預(yù)料的那樣)，將被視為非嚴(yán)肅的新奇事物。 在某些情況下，某些中性元素可能最終會(huì)以這種獨(dú)特的風(fēng)格與Modern UI合并，但這不會(huì)成為未來。

那會(huì)怎樣？ (So what will?)

There are two choices here. Either we’ll be stuck with Modern UI for the next five years, or something radical will happen. But what could that be?

這里有兩個(gè)選擇。 未來五年，我們要么會(huì)停留在Modern UI上，要么會(huì)發(fā)生一些根本性的變化。 但是那會(huì)是什么呢？

神經(jīng)鏈 (Neuralink)

Brain-computer interfaces are beyond theory now, with significant progress year by year. Elon Musk famously said at Joe Rogan’s that he believes in a more widespread adoption in the next decade. The technology has to catch up with the decreasing fear of having brain implants and we’re not yet ready for this as a species.

現(xiàn)在，腦機(jī)接口已經(jīng)超出了理論范圍，并且逐年取得重大進(jìn)展。 埃隆·馬斯克(Elon Musk)在喬·羅根(Joe Rogan)的一次著名演講中說，他相信在未來十年中將采用更廣泛的方式。 這項(xiàng)技術(shù)必須趕上人們對(duì)大腦植入的擔(dān)憂，而我們還沒有為此做好準(zhǔn)備。

AR眼鏡 (AR Glasses)

Apple has been reportedly working on their set of AR Glasses for a while now. And as the release date comes near, I believe that this may be a defining moment for UI design. It all depends on the popularity and success of that version of AR among consumers. We know the pro’s use Google Glass or Microsoft HoloLens, but most real people wouldn’t go for a coffee in a dorky looking headset just to scroll instagram with their eyes easier.

據(jù)報(bào)道，蘋果已經(jīng)在研究他們的AR眼鏡了一段時(shí)間。 隨著發(fā)布日期的臨近，我相信這可能是UI設(shè)計(jì)的決定性時(shí)刻。 這完全取決于該版本的AR在消費(fèi)者中的普及與成功。 我們知道專業(yè)人士使用的是Google Glass或Microsoft HoloLens，但是大多數(shù)真實(shí)的人都不會(huì)在看起來笨拙的耳機(jī)中喝咖啡，只是為了更輕松地滾動(dòng)instagram。

But if somehow Apple succeeds and creates a pair of glasses (or contact lenses eventually) that will look “normal” or even fashionable, this may all change.

但是，如果蘋果以某種方式成功并創(chuàng)造了一副看起來“正常”甚至?xí)r尚的眼鏡(或最終的隱形眼鏡)，那么這一切都可能會(huì)改變。

AR UI？ (AR UI?)

Obviously the UI will still use the Modern trend as its starting point, but this time it needs to be adjusted for one crucial element.

顯然，UI仍將以現(xiàn)代趨勢(shì)為起點(diǎn)，但是這次需要針對(duì)一個(gè)關(guān)鍵要素進(jìn)行調(diào)整。

Before, our UI was displayed on a screen. A flat, glass canvas that goes black when it’s off. It’s only a window to the amazing new worlds when it’s on.

以前，我們的用戶界面顯示在屏幕上。 一塊平坦的玻璃帆布，它關(guān)閉時(shí)會(huì)變黑。 開啟時(shí)，這只是通往令人驚嘆的新世界的窗口。

When it’s off it’s just a piece of glass and metal.

關(guān)閉時(shí)，它只是一塊玻璃和金屬。

Glasses are different because you see through them. The canvas now is not a dark glass panel, but rather the entire world. That of course raises some readability issues as you can’t predict on what background will the UI be displayed.

眼鏡是不同的，因?yàn)槟梢钥创┧鼈儭?現(xiàn)在的畫布不是深色玻璃板，而是整個(gè)世界。 當(dāng)然，這會(huì)引發(fā)一些可讀性問題，因?yàn)槟鸁o法預(yù)測(cè)UI的顯示背景。

不要走進(jìn)墻壁。 (Don’t walk into a wall.)

Another thing is obstructing the view. The UI will have to be transparent enough so you won’t walk into a brick wall, and still opaque enough so it’s readable on all backgrounds.

另一件事阻礙了視圖。 用戶界面必須足夠透明，這樣您就不會(huì)走進(jìn)磚墻，并且仍然不透明，因此在所有背景上都可以讀取。

The background blur effect known from Smartphone UI’s will likely cause eye-strain as we’ll desperately try to re-focus the blurry part.

從智能手機(jī)UI已知的背景模糊效果可能會(huì)引起眼睛疲勞，因?yàn)槲覀儗⑵疵鼑L試重新聚焦模糊部分。

We’ll probably end-up with semi-transparent overlays, possibly with the transparency being calculated based on what’s in the field of vision. So it matches the background in a way that you can read the text and still see what’s in front of you.

最后，我們可能會(huì)得到半透明的覆蓋層，可能會(huì)根據(jù)視野范圍內(nèi)的透明度來計(jì)算透明度。 因此，它與背景相匹配，您可以閱讀文本并仍然看到您面前的內(nèi)容。

我們真的想要未來嗎？ (Do we really want the future?)

We’re currently known as the head-down generation. Our necks bent and our fingers muscular from all the scrolling. On average we scroll through about 300 feet of content every day.

我們目前被稱為低頭一代。 所有的滾動(dòng)都使我們的脖子彎曲，手指變得肌肉發(fā)達(dá)。 平均而言，我們每天滾動(dòng)瀏覽約300英尺的內(nèi)容。

Having some content available in front of our eyes can relieve the necks. But can shut us out in “our own little world” even more. You can be looking at someone like you do now, but on top of their face you’d be scrolling some social media feed.

在我們眼前有一些可用的內(nèi)容可以緩解脖子。 但是，我們甚至可以將我們拒之門外。 您可以像現(xiàn)在一樣看著某人，但是在他們的臉上，您會(huì)滾動(dòng)一些社交媒體供稿。

I think we’ll likely see two paths — one being the AR revolution, that’s just behind the corner. The other will be a constant, steady evolution of Modern/Soft UI trends.

我認(rèn)為我們可能會(huì)看到兩條路，一條路是AR革命，那是指日可待。 另一個(gè)將是現(xiàn)代/軟UI趨勢(shì)的持續(xù)，穩(wěn)定發(fā)展。

Some products will pull it one way, some the other. We may see neumorphism, high-contrast design or even super-minimalism mixed in.

有些產(chǎn)品會(huì)以一種方式拉動(dòng)它，而另一些則會(huì)。 我們可能會(huì)看到混搭，高對(duì)比度設(shè)計(jì)甚至是超極簡(jiǎn)主義。

But the general principles of depth, rounded corners and font-styles will likely remain within the same range.

但是深度，圓角和字體樣式的一般原則可能會(huì)保持在同一范圍內(nèi)。

Check out our 📕 Designing User Interfaces BOOK. Download 50 pages for free 👉 here. You can also watch some of my 📺 YouTube DESIGN, or check out my agency: HYPE4

查看我們的📕 設(shè)計(jì)用戶界面手冊(cè) 。 在此處免費(fèi)下載50頁👉 。 您還可以觀看一些📺YouTube DESIGN ，或查看我的代理商：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)，這是一個(gè)巴西組織，致力于通過采取行動(dòng)，賦權(quán)和知識(shí)共享的舉措來促進(jìn)科技行業(yè)中的黑人女性平等。 對(duì)系統(tǒng)性種族主義保持沉默是不可行的。 建立您相信的設(shè)計(jì)社區(qū)。

翻譯自: https://uxdesign.cc/the-future-ui-trend-of-2025-14d9fdf6745

未來ui設(shè)計(jì)的發(fā)展趨勢(shì)

總結(jié)

以上是生活随笔為你收集整理的未来ui设计的发展趋势_2025年的未来UI趋势？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。