Windows 11 系統(tǒng)泄漏,來(lái)看看有哪些亮眼的設(shè)計(jì)變化!

2021-6-22    資深UI設(shè)計(jì)者


前幾天版本號(hào)為 「OS Build 21996.1」的 Windows 11 系統(tǒng)在網(wǎng)上泄漏,雖然微軟官方辟謠說(shuō)這并非正式版本,但是這個(gè)非正式的泄漏版本依然可以讓我們窺見(jiàn)新的 Windows 系統(tǒng)的一些有趣的特質(zhì)。

Windows 11 系統(tǒng)泄漏,來(lái)看看有哪些亮眼的設(shè)計(jì)變化!

風(fēng)格更加統(tǒng)一,功能小幅完善

Windows 11 系統(tǒng)泄漏,來(lái)看看有哪些亮眼的設(shè)計(jì)變化!

在整體觀感上,和補(bǔ)丁摞補(bǔ)丁的 Windows 10 相比, Windows 11 擁有著更加明確統(tǒng)一的視覺(jué)設(shè)計(jì),足夠簡(jiǎn)約又不會(huì)顯得簡(jiǎn)陋,充滿(mǎn)了一種濃郁的「形式跟隨功能」的設(shè)計(jì)特質(zhì)。微妙又高級(jí)的「亞克力美學(xué)」 Fluent Design 則顯而易見(jiàn)地貫穿整個(gè)系統(tǒng),所以 Windows 11 應(yīng)該就是 Fluent design 的第一次集中式、成體系的呈現(xiàn)和總結(jié)。

在系統(tǒng)功能上,一眼就可以看到新增的桌面小組件功能模塊,經(jīng)過(guò)這么多年這么多系統(tǒng)的迭代 和驗(yàn)證,相信微軟這次的桌面小組件不會(huì)是那么雞肋的存在,應(yīng)該可以整出一個(gè)頗為不錯(cuò)的桌面信息中心:

Windows 11 系統(tǒng)泄漏,來(lái)看看有哪些亮眼的設(shè)計(jì)變化!

新的軟件商店也根據(jù)當(dāng)前風(fēng)格進(jìn)行了優(yōu)化:

Windows 11 系統(tǒng)泄漏,來(lái)看看有哪些亮眼的設(shè)計(jì)變化!

在游戲領(lǐng)域玩兒得風(fēng)生水起的 Xbox 是肯定會(huì)出現(xiàn)在新的 Windows 11 當(dāng)中,完善的游戲服務(wù)應(yīng)該成為 Windows 11 的加分項(xiàng),不過(guò)具體如何應(yīng)該需要新版本正式發(fā)布之后再去驗(yàn)證:

Windows 11 系統(tǒng)泄漏,來(lái)看看有哪些亮眼的設(shè)計(jì)變化!

Windows 11 系統(tǒng)泄漏,來(lái)看看有哪些亮眼的設(shè)計(jì)變化!

在動(dòng)效和交互上,Windows 11 徹底擺脫了 Windows 10 時(shí)代似是而非的狀態(tài),經(jīng)歷過(guò) Surface 系列產(chǎn)品的反復(fù)迭代和測(cè)試,Windows 11 在觸摸交互上終于有點(diǎn)樣子了,不再拉胯。得益于之前在 Surface Neo 和 Duo 上的探索,在分屏交互上,也提供了非常成熟的原生交互體驗(yàn):

Windows 11 系統(tǒng)泄漏,來(lái)看看有哪些亮眼的設(shè)計(jì)變化!

不過(guò),這次更新對(duì)于絕大多數(shù)用戶(hù)感覺(jué)最為不同的,應(yīng)該是挪到底部最中間的開(kāi)始菜單。這個(gè)歷經(jīng)近30年的功能組件,變成今天這個(gè)樣子本身是一件非常有意思的事情。接下來(lái)我們回顧一下這一部分的變化。

順應(yīng)潮流的「開(kāi)始菜單」

其實(shí)「開(kāi)始菜單」這個(gè)東西談不上是微軟的獨(dú)創(chuàng),在 Windows 之前,這種系統(tǒng)級(jí)別的菜單設(shè)計(jì)由來(lái)已久,Macintosh 在左上角:

Windows 11 系統(tǒng)泄漏,來(lái)看看有哪些亮眼的設(shè)計(jì)變化!

BeOS 在右上角:

Windows 11 系統(tǒng)泄漏,來(lái)看看有哪些亮眼的設(shè)計(jì)變化!

不過(guò)和當(dāng)年大量交互邏輯千奇百怪的桌面系統(tǒng)相比,MacOS 和 BeOS 這種終究是少數(shù),而面向兼容機(jī)市場(chǎng)的 Windows 95 把這種易于上手、高度集成的功能發(fā)揚(yáng)光大,不得不說(shuō)既是時(shí)勢(shì),也是機(jī)遇。

Windows 95 上的「開(kāi)始菜單」設(shè)計(jì)可以說(shuō)是當(dāng)時(shí)同類(lèi)設(shè)計(jì)中的最佳實(shí)踐,易于理解的樹(shù)狀結(jié)構(gòu)和明確的位置結(jié)構(gòu),讓整個(gè)操作系統(tǒng)具備了更強(qiáng)的可用性。

Windows 系列在 開(kāi)始菜單上的成功影響了后續(xù)包括 Gnome 、 KDE 在內(nèi)的諸多 Linux 桌面環(huán)境,它們大都是順應(yīng)著這種潮流來(lái)進(jìn)行桌面端控件的設(shè)計(jì)。

Windows 11 系統(tǒng)泄漏,來(lái)看看有哪些亮眼的設(shè)計(jì)變化!

隨著市場(chǎng)份額的增長(zhǎng),「開(kāi)始菜單」也成了 Windows 系列最具認(rèn)知度的組件之一。這種事情最直接反饋在鍵盤(pán)的設(shè)計(jì)上,在圈內(nèi)有 WK 和 WKL 兩種常見(jiàn)的配列,前者即是 Win key Layout(有Win鍵鍵盤(pán)布局),WKL 則是 Win Key Less Layout(無(wú)Win鍵鍵盤(pán)布局):

Windows 11 系統(tǒng)泄漏,來(lái)看看有哪些亮眼的設(shè)計(jì)變化!

在 2000 年之前有大量的鍵盤(pán)這樣的鍵盤(pán),而如今我們?cè)诹闶凼袌?chǎng)上已經(jīng)很少能見(jiàn)到這類(lèi)產(chǎn)品了。為「開(kāi)始菜單」單獨(dú)安置一個(gè)按鍵雖然也不是 Windows 的獨(dú)創(chuàng),但是從這類(lèi)鍵盤(pán)的市場(chǎng)份額的變化,也能看出 Windows 的市場(chǎng)變化。

功能緩慢迭代的「開(kāi)始菜單」

在「開(kāi)始菜單」上嘗到甜頭之后,微軟幾乎在每一代 WIndows 操作系統(tǒng)都會(huì)將這個(gè)默認(rèn)位于界面左下角的組件進(jìn)行升級(jí),并且按照自己的想法進(jìn)行了「優(yōu)化」(當(dāng)然后來(lái)的某些設(shè)計(jì)也確實(shí)是毀譽(yù)參半)。

Windows 11 系統(tǒng)泄漏,來(lái)看看有哪些亮眼的設(shè)計(jì)變化!

Windows 98

Windows 11 系統(tǒng)泄漏,來(lái)看看有哪些亮眼的設(shè)計(jì)變化!

Windows Me/2000

Windows 98/2000/Me 基本上還是在延續(xù) Windows 95 上的簡(jiǎn)單的層級(jí)結(jié)構(gòu),但是由于受限于硬件性能和操作系統(tǒng)領(lǐng)域的流行風(fēng)格,這一波系統(tǒng)的開(kāi)始菜單在視覺(jué)上也保留了當(dāng)時(shí)桌面系統(tǒng)的浮雕式控件的視覺(jué)風(fēng)格。

Windows 11 系統(tǒng)泄漏,來(lái)看看有哪些亮眼的設(shè)計(jì)變化!

Windows XP

值得一提的是,促使微軟痛定思痛認(rèn)真搞 Windows XP 的視覺(jué)風(fēng)格的重要原因之一,其實(shí)是蘋(píng)果這邊的 Mac OS X 在視覺(jué)設(shè)計(jì)上搞得風(fēng)生水起。要說(shuō)微軟一新追求技術(shù)無(wú)心設(shè)計(jì)肯定是假的,因?yàn)樵谌ツ晷孤┑牟糠?XP 源代碼當(dāng)中,有微軟模擬的 Mac OS X 風(fēng)格的主題:

Windows 11 系統(tǒng)泄漏,來(lái)看看有哪些亮眼的設(shè)計(jì)變化!

兩相印證,也不難看出微軟在 Windows XP 的原有視覺(jué)風(fēng)格上的探索還是相當(dāng)上心的。而這個(gè)階段的「開(kāi)始菜單」從單欄變成雙欄,一方面承載了更多的固定快捷方式、快捷文件夾,而且開(kāi)關(guān)機(jī)按鈕和控制面板 等一系列常用的關(guān)鍵功能也相對(duì)簡(jiǎn)約地集成,而全部程序則隱藏在下級(jí)菜單當(dāng)中:

Windows 11 系統(tǒng)泄漏,來(lái)看看有哪些亮眼的設(shè)計(jì)變化!

Windows xp

在 2000 年前后,隨著個(gè)人電腦的全面鋪開(kāi),操作系統(tǒng)戰(zhàn)爭(zhēng)開(kāi)始在開(kāi)源和商業(yè)領(lǐng)域充分展開(kāi),商業(yè)巨頭和個(gè)人開(kāi)發(fā)者幾乎全都參與進(jìn)來(lái),無(wú)論功能還是視覺(jué)設(shè)計(jì)上,都必須一較高下。

視覺(jué)風(fēng)格升級(jí)的「開(kāi)始菜單」

Windows XP 在「開(kāi)始菜單」的功能設(shè)計(jì)上是成功的,隨后帶來(lái)的影響持續(xù)了十幾年。不過(guò)市場(chǎng)份額上的增長(zhǎng)并不足消除對(duì)于微軟對(duì)于設(shè)計(jì)的焦慮,所以下一代的 Vista,微軟拼著消耗性能也要讓新的視覺(jué)風(fēng)格讓全世界看到:

Windows 11 系統(tǒng)泄漏,來(lái)看看有哪些亮眼的設(shè)計(jì)變化!

Windows Vista

以 Aero 為命名的視覺(jué)風(fēng)格,最講究的是玻璃式的光影變幻,Vista 當(dāng)中的「開(kāi)始菜單」也隨之進(jìn)行了更為「現(xiàn)代」的改進(jìn),精簡(jiǎn)了右側(cè)文件夾的圖標(biāo),通過(guò)雙色對(duì)比來(lái)區(qū)分功能屬性,也增加了信息層級(jí),半透明的玻璃窗口也可以更好地傳遞界面之間的前后關(guān)系。

從成熟度上來(lái)說(shuō),比 XP 更進(jìn)一步,隨后是小幅迭代之后的 Windows 7:

Windows 11 系統(tǒng)泄漏,來(lái)看看有哪些亮眼的設(shè)計(jì)變化!

菜單上變化不大,功能和設(shè)計(jì)上的延續(xù)性顯而易見(jiàn),隨后就是翻車(chē)了的 Windows 8:

需要強(qiáng)調(diào)的是,Windows 8 所處的整個(gè)時(shí)代,是移動(dòng)端設(shè)計(jì)開(kāi)始繁榮的開(kāi)端、擬物化設(shè)計(jì)開(kāi)始不足以滿(mǎn)足大眾新鮮感的階段,而從微軟的 Zune 部門(mén)開(kāi)始流行的 Metro 設(shè)計(jì)風(fēng)潮開(kāi)始影響整個(gè)公司走向,催生了 Windows 8 這樣的新設(shè)計(jì):

Windows 11 系統(tǒng)泄漏,來(lái)看看有哪些亮眼的設(shè)計(jì)變化!

將簡(jiǎn)約的LOGO和多彩多變的動(dòng)態(tài)磁貼結(jié)合到一起,用層級(jí)清晰的文字排版來(lái)快速傳遞更多的信息,不同尺寸的磁貼結(jié)合成不同的組,這種「開(kāi)始菜單」的設(shè)計(jì)是近乎顛覆式的,但是對(duì)于用戶(hù)認(rèn)知上也同樣是顛覆式的。

而完整的程序菜單需要向下滾動(dòng)才能呈現(xiàn),而用戶(hù)看到的是布滿(mǎn)整個(gè)屏幕的小色塊和文字:

Windows 11 系統(tǒng)泄漏,來(lái)看看有哪些亮眼的設(shè)計(jì)變化!

而用戶(hù)對(duì)于 Windows 8 的「開(kāi)始菜單」的質(zhì)疑也正是從這里開(kāi)始的,不僅全部程序列表不是可見(jiàn)的且沒(méi)有引導(dǎo),連原本的關(guān)機(jī)、重啟等功能也被隱藏了,可用性大打折扣。

最終,在作為增補(bǔ)升級(jí)版而存在的 Windows 8.1 當(dāng)中,開(kāi)始按鈕重新回到了桌面,但是「開(kāi)始屏幕」依然保留,而全部程序的列表也有了視覺(jué)指引,沒(méi)有「開(kāi)始菜單」的 Windows 依然沒(méi)有靈魂,沒(méi)有從根本上解決問(wèn)題。同時(shí),Windows Phone 這邊份額也是一路下跌,每況愈下。

Windows 11 系統(tǒng)泄漏,來(lái)看看有哪些亮眼的設(shè)計(jì)變化!

原本期望借助「開(kāi)始屏幕」讓 Windows 系統(tǒng)更加兼容彼時(shí)正在上行的移動(dòng)端生態(tài),可惜平板模式本身極度拉胯,加上同樣缺陷一堆的「開(kāi)始屏幕」讓整個(gè) Windows 8/8.1 世代呈現(xiàn)出一種干啥啥不行的狀態(tài)。而這個(gè)階段同樣也是微軟換帥、內(nèi)部重新整合設(shè)計(jì)部門(mén)、戰(zhàn)略全面轉(zhuǎn)移革新的階段,產(chǎn)品出現(xiàn)這樣的問(wèn)題也并非單一原因造成的。

后移動(dòng)端時(shí)代的「開(kāi)始菜單」

Windows Phone完蛋了。Windwos 8 也終于成為過(guò)去了。推倒重來(lái)升級(jí)系統(tǒng),把問(wèn)題留到過(guò)去似乎永遠(yuǎn)是最好的選擇。

在 Windows 10 當(dāng)中,動(dòng)態(tài)磁貼的優(yōu)點(diǎn)和傳統(tǒng) Windows 「開(kāi)始菜單」重新組合到一起,久經(jīng)驗(yàn)證的功能——或者說(shuō)符合長(zhǎng)久以來(lái)用戶(hù)認(rèn)知的功能,又重新集成回來(lái),讓「開(kāi)始菜單」回歸了「用戶(hù)舒適」的狀態(tài)。

Windows 11 系統(tǒng)泄漏,來(lái)看看有哪些亮眼的設(shè)計(jì)變化!

一方面,Windows 10 即使進(jìn)行重要的功能和設(shè)計(jì)改進(jìn),也并沒(méi)有像之前那樣做名稱(chēng)更換,而是自 2014 年以來(lái)一直以 Windows 10 的名稱(chēng)面向大眾,幾遍內(nèi)里隨著更新徹底翻新了好幾波。

另一方面,在「開(kāi)始菜單」的設(shè)計(jì)上,Windows 10 前期和后期在視覺(jué)層面上有大量的細(xì)節(jié)差異。功能上雖然保留了動(dòng)態(tài)磁貼的優(yōu)點(diǎn),但是在具體的性能、圖標(biāo)元素、功能體驗(yàn)、視覺(jué)風(fēng)格上,進(jìn)行了大幅度的升級(jí)和改變:

Windows 11 系統(tǒng)泄漏,來(lái)看看有哪些亮眼的設(shè)計(jì)變化!

2014 年剛剛發(fā)布時(shí)的 Windows 10 的開(kāi)始菜單,大概是 Windows 8 時(shí)代所有用戶(hù)都期待擁有的樣子。

Windows 11 系統(tǒng)泄漏,來(lái)看看有哪些亮眼的設(shè)計(jì)變化!

2016年之后,隨著 Fluent Design 的逐步發(fā)展、成熟,Windows 10 在視覺(jué)上幾乎是每版都不一樣?!搁_(kāi)始菜單」的優(yōu)雅級(jí)別以肉眼可見(jiàn)的速度提升了上來(lái)。

但是功能上,「開(kāi)始菜單」不管怎么換,它的默認(rèn)位置倒是沒(méi)怎么變過(guò)。在原本的計(jì)劃當(dāng)中,Windows 10 之后應(yīng)該是會(huì)有一個(gè)針對(duì)移動(dòng)端優(yōu)化、面向雙屏設(shè)備的 Windows 10x 系統(tǒng)。原本,Windows 10x 系統(tǒng)會(huì)伴隨著雙屏設(shè)備 Surface Neo 來(lái)發(fā)布的:

Windows 11 系統(tǒng)泄漏,來(lái)看看有哪些亮眼的設(shè)計(jì)變化!

Surface Neo

而這個(gè)更加偏向移動(dòng)端使用場(chǎng)景的「開(kāi)始菜單」其實(shí)上用于這里的。只是出于種種原因,Neo 跳票了,Windows 10x 也一直沒(méi)有出來(lái)。

Windows 11 系統(tǒng)泄漏,來(lái)看看有哪些亮眼的設(shè)計(jì)變化!

泄漏的 Windwos 10x 界面

在原本的 Windows 10x 當(dāng)中,全新的「開(kāi)始菜單」被挪移到中間的同時(shí),并沒(méi)有包含關(guān)機(jī)等按鈕和功能。不過(guò)并入 Windows 11 之后,開(kāi)始菜單的核心功能還是得到了很好的延續(xù),而目前泄漏的 Win11 系統(tǒng)界面也很好的印證了這一點(diǎn):

Windows 11 系統(tǒng)泄漏,來(lái)看看有哪些亮眼的設(shè)計(jì)變化!

不過(guò)最重要的是,Windows 10x 和 Windows 11 在「開(kāi)始菜單」上的設(shè)計(jì),算是一次向著「移動(dòng)端設(shè)計(jì)最佳實(shí)踐」的妥協(xié)。

交互上選擇了最佳實(shí)踐

雖然居中的「開(kāi)始菜單」看起來(lái)很像 macOS 的 Dock 的設(shè)計(jì),但是,實(shí)際情況并不是這么簡(jiǎn)單。

Windows 11 系統(tǒng)泄漏,來(lái)看看有哪些亮眼的設(shè)計(jì)變化!

一方面,微軟內(nèi)部來(lái)看,試圖重新進(jìn)入移動(dòng)端領(lǐng)域的微軟選擇了 Surface Neo 和 Surface Duo 兩款設(shè)備作為切入點(diǎn)。前者使用的是 Windows ,而后者使用的是魔改后的 Android:

Windows 11 系統(tǒng)泄漏,來(lái)看看有哪些亮眼的設(shè)計(jì)變化!

在移動(dòng)端計(jì)算設(shè)備占據(jù)主流的今天,居中的底部快捷方式是經(jīng)過(guò)了十幾年驗(yàn)證的「最佳實(shí)踐」。

Windows 11 系統(tǒng)泄漏,來(lái)看看有哪些亮眼的設(shè)計(jì)變化!

另一方面,在桌面端操作系統(tǒng)上,這種趨勢(shì)也相當(dāng)?shù)拿黠@。macOS 自不必說(shuō),而借助低價(jià)入門(mén)硬件和教育類(lèi)電腦采購(gòu)而快速崛起的 ChromeOS 設(shè)備,也是使用底部居中 Dock 的大戶(hù):

Windows 11 系統(tǒng)泄漏,來(lái)看看有哪些亮眼的設(shè)計(jì)變化!

ChromeOS

圍繞著 APP 和服務(wù)的整個(gè)軟件生態(tài)讓用戶(hù)對(duì)于復(fù)雜的系統(tǒng)級(jí)菜單功能沒(méi)有早年間那么強(qiáng)烈的依賴(lài),大量的移動(dòng)端用戶(hù)的基礎(chǔ)認(rèn)知和桌面端操作系統(tǒng)交互的逐步統(tǒng)一,讓 Windows 早已沒(méi)有必要在這個(gè)簡(jiǎn)單的事情上去做不必要的差異化,這可能才是 Windows 11 順應(yīng)趨勢(shì)的主要原因。

Windows 11 系統(tǒng)泄漏,來(lái)看看有哪些亮眼的設(shè)計(jì)變化!

當(dāng)然,Windows 的老用戶(hù)依然可以遵循自己的喜好,讓開(kāi)始按鈕老老實(shí)實(shí)待在原來(lái)的位置。

Widonws 11 目前泄漏的開(kāi)始菜單的設(shè)計(jì)相比于以往,更加簡(jiǎn)約,復(fù)雜的層級(jí)結(jié)構(gòu)被精簡(jiǎn)掉了,APP 快捷方式保留了,點(diǎn)擊 All apps 可以訪問(wèn)全部程序,原本固定的文件夾選項(xiàng)被人工智能推薦所替代,順應(yīng)著時(shí)代潮流,最重要的關(guān)機(jī)等功能依然存在。

控制面板這類(lèi)對(duì)于移動(dòng)端原住民有認(rèn)知負(fù)荷的功能,也在這個(gè)后 Win10 時(shí)代,化作一個(gè)「設(shè)置」快捷方式,和其他的 APP 待在一起,如同其他的手機(jī)或平板一般。

Windows 11 正式發(fā)布會(huì)就在幾天之后,關(guān)于全新的視覺(jué)設(shè)計(jì)、用戶(hù)體驗(yàn)細(xì)節(jié)上的東西,應(yīng)該有更多看點(diǎn),不過(guò)最好還是再等幾天,正式版上手之后,再詳聊。




藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢(xún)、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png



文章來(lái)源:優(yōu)設(shè)   作者:陳子木

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)



分享本文至:

日歷

鏈接

個(gè)人資料

存檔