設(shè)計趨勢,Windows 10通用應(yīng)用設(shè)計趨勢分析

2023-11-23 17:35:00 來源/作者: / 己有:2人學(xué)習過

我們都知道Metro UI的設(shè)計語言之一就是橫向滑動瀏覽,但隨著Surface系列設(shè)備的屏幕比例從前幾代基于橫向操作而設(shè)計的16:9變成了Surface Pro 3的3:2,似乎已經(jīng)是微軟在傳遞調(diào)整產(chǎn)品方向的訊息。而如今我們可以看到上圖中Windows 10官方通用應(yīng)用基本已經(jīng)摒棄了整個信息流的橫滑瀏覽,只是在個別分類下采用。對此變化,可以想到的原因之一是通用應(yīng)用在桌面模式下為窗口模式,當窗口尺寸變得窄小時,自然不適合用橫滑來瀏覽信息。

探索新的導(dǎo)航解決方案

既然Windows 10已決定弱化橫向瀏覽,那必然需要一種更好的導(dǎo)航形式來替代之前的大字號橫滑導(dǎo)航,大部分的通用應(yīng)用都開始嘗試采用“漢堡菜單”(Navigation Drawer)來作為統(tǒng)一的導(dǎo)航形式。雖然漢堡菜單已經(jīng)被廣泛應(yīng)用在網(wǎng)站、IOS及Android系統(tǒng)中,但是由于其易用性還存在很大爭議(特別是在Phone上),所以在正式版發(fā)布前,漢堡菜單會不會成為微軟的最終解決方案還不得而知。

設(shè)計趨勢,Windows 10通用應(yīng)用設(shè)計趨勢分析

設(shè)計趨勢,Windows 10通用應(yīng)用設(shè)計趨勢分析

更多元化的設(shè)計風格

在Windows 8上,不論是手機還是平板應(yīng)用,在系統(tǒng)設(shè)計規(guī)范的指引下都顯得“高度統(tǒng)一化”,以至于每一個應(yīng)用看起來幾乎都是大號字體+方塊磁片的組合。Metro UI這種去掉所有裝飾只呈現(xiàn)信息的設(shè)計理念其實一定程度上等于剝離了帶給用戶情感化體驗的元素,從而使用戶越發(fā)審美疲勞。還好在新的通用應(yīng)用設(shè)計中,我們可以看到除了開始菜單以外,曾經(jīng)那些單一的Metro元素已經(jīng)越來越少,而線型圖標、居中布局、圓形、分割線等等元素的加入使界面變得更加豐富起來,可以說Metro UI的設(shè)計語言已被逐漸弱化,微軟開始鼓勵并給予開發(fā)者更大的設(shè)計自由,未來Windows 10將逐漸和IOS及Android平臺的扁平化風格趨于統(tǒng)一。

不同設(shè)備和操作場景需要定制化設(shè)計

雖然在理論上開發(fā)者可以通過一次編寫和一套UI使通用應(yīng)用在所有Windows平臺上運行,但根據(jù)實際情況來看,小尺寸的設(shè)備界面并不等同于大尺寸的設(shè)備界面縮小為窗口化時的效果,設(shè)計師仍然需要針對不同的設(shè)備和操作場景(如觸屏或鍵鼠)來定制設(shè)計方案。在保證應(yīng)用設(shè)計統(tǒng)一性的同時,也要兼顧不同設(shè)備的使用體驗,這對設(shè)計師來說也許是一個挑戰(zhàn)。

設(shè)計趨勢,Windows 10通用應(yīng)用設(shè)計趨勢分析

針對不同的設(shè)備特點,同一個通用應(yīng)用運行在手機和平板上的區(qū)別

最后,根據(jù)以上趨勢分析,再補充兩個小Tips:

1.開發(fā)者們可以利用這次Windows 10設(shè)計風格向其他平臺靠攏的機會,更方便的從IOS及Android平臺將應(yīng)用移植到Windows 10,或者對原有的Metro版本進行優(yōu)化,保證品牌和設(shè)計的統(tǒng)一性。

2.很快,通過免費升級到Windows 10的PC用戶將會占絕大多數(shù),所以在為通用應(yīng)用進行設(shè)計時應(yīng)以窗口模式鍵鼠體驗為基準進行設(shè)計,再保證全屏觸控模式的可用性。

總結(jié):

這一次,微軟再次徹底的顛覆了自己,也許我們開始從Windows 10身上看到其他平臺的影子,也許曾經(jīng)獨樹一幟的Metro UI即將與我們告別,但是從目前的體驗來看,筆者認為Windows 10毫無疑問是變得更優(yōu)秀了,只不過跨平臺統(tǒng)一這條路是否好走,未來還有待驗證。現(xiàn)在,背負著改變微軟命運這個沉重使命的Windows 10即將起航,祝愿它。