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?

一旦找到了行之有效的東西，我們就會習慣了，我們渴望下一件大事。 下一個創新。 未來什么時候終于到來？ 而當它發生時，我們要花多長時間才能習慣它，最終對它感到無聊？

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

讓我們向前邁進五年，并嘗試根據我們現在所知道的來預測UI設計的位置。

一種樣式統治一切？ (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.

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

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，因為具有這種保真度的觸摸界面是新的且令人恐懼。

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.

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

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.

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

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”.

隨著觸摸界面的目標受眾從早期采用者和精通技術的人士變為“普通大眾”，角落變得越來越圓滑。

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.

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

現代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.

現代UI趨勢的爆炸性不可否認。 新的iOS，Material Design和您在Dribbble上看到的內容都使用許多相同的模式，因為我們知道這些模式可以工作。 人們喜歡并理解它們。 當然，它們具有差異和定義特征，但是如果您從遠處看它們，它們幾乎都是“相同”的趨勢。

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.

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

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.

神經變態是我們渴望的新鮮空氣，這就是為什么它在所有爭議和劣等設計選擇中廣為流傳的原因。 當我們意識到所有其他UI的外觀有多么相似并希望進行更改時，它恰逢其時。

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.

但是，神經形態不會流行(正如我所預料的那樣)，將被視為非嚴肅的新奇事物。 在某些情況下，某些中性元素可能最終會以這種獨特的風格與Modern UI合并，但這不會成為未來。

那會怎樣？ (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?

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

神經鏈 (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.

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

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.

據報道，蘋果已經在研究他們的AR眼鏡了一段時間。 隨著發布日期的臨近，我相信這可能是UI設計的決定性時刻。 這完全取決于該版本的AR在消費者中的普及與成功。 我們知道專業人士使用的是Google Glass或Microsoft HoloLens，但是大多數真實的人都不會在看起來笨拙的耳機中喝咖啡，只是為了更輕松地滾動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.

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

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仍將以現代趨勢為起點，但是這次需要針對一個關鍵要素進行調整。

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.

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

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

關閉時，它只是一塊玻璃和金屬。

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.

眼鏡是不同的，因為您可以看穿它們。 現在的畫布不是深色玻璃板，而是整個世界。 當然，這會引發一些可讀性問題，因為您無法預測UI的顯示背景。

不要走進墻壁。 (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.

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

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.

從智能手機UI已知的背景模糊效果可能會引起眼睛疲勞，因為我們將拼命嘗試重新聚焦模糊部分。

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.

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

我們真的想要未來嗎？ (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.

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

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.

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

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.

我認為我們可能會看到兩條路，一條路是AR革命，那是指日可待。 另一個將是現代/軟UI趨勢的持續，穩定發展。

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

有些產品會以一種方式拉動它，而另一些則會。 我們可能會看到混搭，高對比度設計甚至是超極簡主義。

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

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

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

查看我們的📕 設計用戶界面手冊 。 在此處免費下載50頁👉 。 您還可以觀看一些📺YouTube DESIGN ，或查看我的代理商：HYPE4